:root{font-family:Arial,sans-serif;color:#24362e;background:#f4f5f0}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}button{cursor:pointer;border:0;border-radius:8px;padding:11px 15px;background:#294f3f;color:white;font-weight:600}button:disabled{opacity:.4;cursor:default}.quiet{background:#edf1e9;color:#314d3c}a{color:#294f3f}.editor-header{display:flex;align-items:center;gap:15px;padding:18px 26px;background:white;border-bottom:1px solid #dfe6dc}.brand{font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{font-size:10px;letter-spacing:2px;color:#899685;margin-left:12px}#shop-label{margin-left:auto;font-size:13px}.editor-layout{display:grid;grid-template-columns:218px minmax(0,1fr)}.editor-nav{background:#fff;border-right:1px solid #e0e6dc;padding:30px 20px;min-height:calc(100vh - 76px)}.editor-nav p,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#788575}.editor-nav button{display:block;text-align:left;width:100%;margin:8px 0;background:transparent;color:#61705f;font-size:12px;padding:14px 10px}.editor-nav button.active{background:#e8f0e4;color:#254c37}.editor-nav a{font-size:11px}.nav-note{font:28px/1.3 Georgia,serif;color:#9aaa95;margin:70px 5px 40px}main{padding:30px 35px 80px;min-width:0}.page-intro h1{font:45px/1.15 Georgia,serif;letter-spacing:-1px;margin:14px 0}.page-intro>p:last-child{font-size:13px;color:#778272;max-width:670px;line-height:1.6}.shop-columns{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(300px,1.2fr);gap:25px;margin-top:28px;align-items:start}.panel{background:white;border:1px solid #e0e6db;border-radius:14px;padding:22px;min-width:0}.panel h2{font-size:14px;margin:15px 0}label{display:block;font-size:11px;font-weight:700;margin:14px 0}input,textarea,select{display:block;width:100%;border:1px solid #d9e2d4;border-radius:7px;background:#fbfcf8;padding:10px;color:#334c3b;margin-top:6px}input[type=checkbox]{display:inline;width:auto}input[type=color]{height:38px;padding:3px}input[type=range]{padding:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help{font-size:11px;color:#818b7b;line-height:1.65}.section-toolbar{display:flex;gap:9px;align-items:center;margin:24px 0}.section-toolbar select{max-width:300px;margin:0}.design-layout{display:grid;grid-template-columns:205px minmax(250px,1fr) 230px;gap:18px}.palette,.properties{padding:18px}.element-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.element-grid button{font-size:25px;background:#eef1e7;color:#52714e;min-height:65px}.element-grid span{display:block;font:10px Arial;margin-top:5px}.upload-button{display:block;cursor:pointer;border:1px dashed #8ba480;padding:12px;border-radius:8px;text-align:center}.upload-button input{font-size:10px;padding:0;border:0}.template{display:block;width:100%;margin:7px 0;text-align:left;color:#4a5947;background:#f5f1e7;font-size:11px}.canvas-area{min-width:0;border-radius:14px;background:#e6e9de;padding:20px;align-self:start}.canvas-label{display:flex;justify-content:space-between;color:#67775e;font-size:10px;margin-bottom:16px;gap:8px}.drop-area{max-width:510px;margin:auto;background-color:#fff;background-image:linear-gradient(45deg,#f1f1ec 25%,transparent 25%),linear-gradient(-45deg,#f1f1ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f1ec 75%),linear-gradient(-45deg,transparent 75%,#f1f1ec 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;box-shadow:0 8px 30px #25341b16;border:1px solid #cad4c0}.drop-area.over{outline:3px solid #619567}#artboard{display:block;width:100%;aspect-ratio:9/11;touch-action:none;user-select:none}#artboard [data-layer]{cursor:move}.layers button{width:100%;background:#f3f5ee;color:#536c48;text-align:left;font-size:11px;margin-bottom:5px}.layers button.selected{outline:2px solid #678d5a}.design-mockup{background:#f2f0e9;border-radius:10px}.design-mockup svg{width:100%;height:170px}.product-preview>div{min-height:300px;background:#f1f0e7;border-radius:10px;display:grid;place-items:center}.product-preview img{max-height:370px;max-width:100%;object-fit:contain}.product-preview svg{width:80%;height:350px}.store-preview{border:1px solid #d7dfce;border-radius:14px;overflow:hidden;background:#fcfaf3;color:#304330}.store-head{display:flex;justify-content:space-between;padding:20px;font-size:13px;font-weight:700;border-bottom:1px solid #dde2d4}.store-hero{padding:35px;background:#e8ecdc}.store-hero h2{font:35px Georgia,serif}.store-hero p{font-size:13px;line-height:1.7}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:22px}.store-card{min-width:0}.store-card .store-picture{background:#eeeee5;aspect-ratio:1;display:grid;place-items:center;border-radius:8px}.store-picture img{width:100%;height:100%;object-fit:contain}.store-picture svg{width:90%;height:180px}.store-card h3{font-size:13px}.store-card p{font-size:11px}.store-card button{font-size:11px;background:var(--accent,#526e54)}.store-preview.pop{background:#fff4fb;color:#593b4e}.store-preview.pop .store-hero{background:#efdeed}.store-preview.stage{background:#232831;color:#f6f5e7}.store-preview.stage .store-hero{background:#38443b}.order-row{display:grid;grid-template-columns:1fr 75px;gap:12px;border-bottom:1px solid #e3e8dc;padding:12px 0}.order-row input{margin:0}.file-row{border-bottom:1px solid #e3e8dc;padding:13px 0}.file-row button{font-size:10px;margin:5px}.editor-status{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);background:#253e31;color:white;border-radius:9px;padding:12px 20px;font-size:12px;box-shadow:0 5px 25px #0002;max-width:90vw;z-index:10}.editor-status.error{background:#8d413b}@media(max-width:1200px){.design-layout{grid-template-columns:175px minmax(240px,1fr)}.properties{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-layout{grid-template-columns:180px minmax(0,1fr)}main{padding:25px 20px 80px}.shop-columns{grid-template-columns:1fr 1fr}}@media(max-width:850px){.editor-layout{display:block}.editor-nav{min-height:0;padding:10px;display:flex;gap:6px;overflow:auto;border-bottom:1px solid #ddd}.editor-nav p,.nav-note,.editor-nav>a{display:none}.editor-nav button{width:auto;white-space:nowrap;margin:0}.editor-header{padding:12px;flex-wrap:wrap}.brand span,#shop-label{display:none}.shop-columns{grid-template-columns:1fr}.design-layout{grid-template-columns:1fr}.palette{display:grid;grid-template-columns:1fr 1fr;gap:10px}.element-grid{grid-template-columns:repeat(3,1fr)}.properties{grid-column:auto}.page-intro h1{font-size:34px}.section-toolbar{flex-wrap:wrap}.section-toolbar select{max-width:none;width:100%}main{padding:15px 12px 90px}.canvas-area{padding:15px}.canvas-label{font-size:9px}}
