:root{--studio-bg:#ebece8;--studio-panel:#f8f8f5;--studio-line:#d9dcd6;--studio-ink:#1b201c;--studio-muted:#7a817b;--studio-red:#cb2632;--studio-green:#244737}.studio-shell{background:var(--studio-bg);min-height:100vh;color:var(--studio-ink);overflow:hidden}.studio-topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:30;background:#fffffcf0;border-bottom:1px solid #d9dcd6;grid-template-columns:280px 1fr auto;align-items:center;gap:22px;height:68px;padding:0 18px;display:grid;position:relative}.studio-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.studio-mark{background:var(--studio-red);color:#fff;border-radius:11px;place-items:center;width:37px;height:37px;font:700 20px Georgia,serif;display:grid;box-shadow:0 7px 16px #cb263229}.studio-brand strong,.studio-brand small{display:block}.studio-brand strong{letter-spacing:.14em;font-size:13px}.studio-brand small{color:#8c928d;letter-spacing:.18em;margin-top:3px;font-size:7px}.document-title{justify-content:center;align-items:center;gap:9px;display:flex}.live-dot{background:#4c8e68;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4c8e6814}.document-title strong,.document-title small{display:block}.document-title strong{font-size:10px}.document-title small{color:#929892;margin-top:3px;font-size:7px}.top-actions{align-items:center;gap:7px;display:flex}.top-actions button{border:1px solid var(--studio-line);cursor:pointer;background:#fff;border-radius:8px;min-width:35px;height:35px}.top-actions button:disabled{opacity:.35;cursor:default}.top-actions .export-button{border-color:var(--studio-red);background:var(--studio-red);color:#fff;min-width:130px;padding:0 15px;font-size:9px;font-weight:800;box-shadow:0 7px 16px #cb263222}.studio-workspace{grid-template-columns:250px minmax(0,1fr) 290px;height:calc(100vh - 68px);display:grid}.product-rail,.inspector{background:var(--studio-panel);scrollbar-width:thin;min-height:0;overflow:auto}.product-rail{border-right:1px solid var(--studio-line)}.inspector{border-left:1px solid var(--studio-line)}.rail-heading,.inspector-head{border-bottom:1px solid var(--studio-line);padding:21px 18px 17px}.rail-heading>span,.inspector-head>span{color:var(--studio-red);letter-spacing:.16em;font-size:7px;font-weight:850}.rail-heading strong,.inspector-head strong{margin-top:6px;font:500 18px Georgia,serif;display:block}.rail-heading p{color:var(--studio-muted);margin:6px 0 0;font-size:8px;line-height:1.5}.product-list{grid-template-columns:1fr 1fr;gap:7px;padding:12px;display:grid}.product-tile{text-align:left;cursor:pointer;background:#f1f2ef;border:1px solid #0000;border-radius:10px;min-width:0;padding:10px 8px;transition:all .2s}.product-tile:hover{background:#fff;border-color:#d7dad4}.product-tile.active{background:#fff;border-color:#c99b9f;box-shadow:0 7px 20px #212b2310}.product-tile>span:last-child{min-width:0;display:block}.product-tile strong,.product-tile small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.product-tile strong{font-size:8px}.product-tile small{color:#8a908a;margin-top:4px;font-size:6px}.mini-product{background:linear-gradient(135deg,#dfddd5,#fff);width:50px;height:48px;margin:0 auto 8px;display:block;position:relative;box-shadow:4px 5px 10px #1c231b18}.mini-product.pouch{clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border-radius:7px}.mini-product.bottle{border-radius:8px 8px 10px 10px;width:25px}.mini-product.bottle:before{content:"";background:#494b45;border-radius:2px;width:11px;height:8px;position:absolute;top:-7px;left:7px}.mini-product.box{transform:skewY(-5deg)}.mini-product.jar{border-radius:6px 6px 13px 13px;height:34px;margin-top:14px}.mini-product.cup{clip-path:polygon(5% 0,95% 0,80% 100%,20% 100%)}.mini-product.roll{border:12px solid #f5f2e9;border-radius:50%;transform:rotate(-12deg)}.mini-product.sleeve{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);background:linear-gradient(90deg,#cddbd8,#fff,#bfcfca)}.mini-product.card{border-radius:4px;height:34px;margin-top:8px;transform:rotate(-5deg)}.upload-panel{background:#fff;border:1px dashed #c8cbc4;border-radius:11px;margin:0 12px 18px;padding:15px}.upload-panel>span{color:var(--studio-red);letter-spacing:.14em;font-size:7px;font-weight:800}.upload-panel strong{margin-top:6px;font-size:10px;display:block}.upload-panel p{color:#8a908b;font-size:7px;line-height:1.5}.upload-panel input{display:none}.upload-panel button{color:#fff;cursor:pointer;background:#20241f;border:0;border-radius:7px;width:100%;padding:9px;font-size:8px;font-weight:800}.upload-panel .ghost-upload{border:1px solid var(--studio-line);color:#434943;background:#fff;margin-top:7px}.canvas-zone{grid-template-rows:47px minmax(0,1fr);min-width:0;display:grid;position:relative;overflow:hidden}.backdrop-warm{background:radial-gradient(circle at 50% 42%,#fbfaf6 0,#e4ded3 64%,#cdc5b8 100%)}.backdrop-cool{background:radial-gradient(circle at 50% 42%,#f7faf9 0,#d9e3df 62%,#c2cfca 100%)}.backdrop-dark{background:radial-gradient(circle at 50% 42%,#51534d 0,#292d28 60%,#171a17 100%)}.canvas-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#ffffffa8;border-bottom:1px solid #2c302a18;justify-content:space-between;align-items:center;gap:15px;padding:0 16px;display:flex;position:relative}.tool-group,.zoom-control{align-items:center;gap:5px;display:flex}.canvas-toolbar button{color:#666d67;cursor:pointer;background:#fff;border:1px solid #d7dad4;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:800}.canvas-toolbar button.active{color:#fff;background:#263128;border-color:#263128}.zoom-control span{text-align:center;width:42px;font-size:7px;font-weight:800}.zoom-control button{width:27px;height:27px;padding:0}.canvas-scroll{place-items:center;min-height:0;padding:55px;display:grid;overflow:auto}.studio-canvas{transform-origin:50%;grid-template-rows:auto 1fr auto;width:min(700px,80vw);min-width:560px;height:min(700px,100vh - 190px);min-height:560px;transition:transform .18s;display:grid;position:relative;overflow:visible}.surface-label{color:#5e655f;justify-content:space-between;gap:15px;margin-bottom:15px;display:flex}.surface-label span{font:500 15px Georgia,serif}.surface-label small{text-transform:uppercase;letter-spacing:.08em;font-size:7px}.product-stage{touch-action:none;perspective:1100px;min-height:0;position:relative;overflow:visible}.product-stage:after{content:"";filter:blur(8px);z-index:0;background:radial-gradient(#0000003c 0,#0000 72%);border-radius:50%;width:56%;height:12%;position:absolute;bottom:0;left:22%}.product-object{--product-color:#f4ead9;z-index:2;background:linear-gradient(105deg,#00000016 0,var(--product-color) 11%,#ffffffc8 42%,var(--product-color) 69%,#00000028 100%);width:47%;height:83%;position:absolute;top:6%;left:26.5%;overflow:hidden;transform:rotateY(-4deg)rotateX(1deg);box-shadow:22px 30px 45px #1c201a30,-10px 12px 25px #ffffff72}.product-object.pouch{clip-path:polygon(10% 1%,90% 1%,96% 11%,93% 98%,7% 98%,4% 11%);border-radius:16px}.product-object.pouch:before{content:"";border-top:1px solid #59544934;border-bottom:1px solid #fff8;height:4%;position:absolute;inset:5% 5% auto}.product-object.bottle{clip-path:polygon(38% 0,62% 0,64% 14%,78% 20%,84% 33%,79% 96%,70% 100%,30% 100%,21% 96%,16% 33%,22% 20%,36% 14%);background:linear-gradient(90deg,#2a1a13,#8b5637 18%,#d49868 45%,#754328 72%,#231611);width:32%;left:34%}.product-object.bottle:before{content:"";background:linear-gradient(90deg,#111,#69665c,#111);border-radius:3px;width:26%;height:9%;position:absolute;top:0;left:37%}.product-object.box{border-radius:4px;width:52%;left:24%;transform:rotateY(-12deg)}.product-object.box:after{content:"";background:linear-gradient(90deg,#0000,#0002);width:16%;position:absolute;top:0;bottom:0;right:0}.product-object.jar{border-radius:12px 12px 24% 24%;width:48%;height:58%;top:27%;left:26%}.product-object.jar:before{content:"";background:repeating-linear-gradient(90deg,#30332f 0 4px,#6d706a 5px 7px);height:13%;position:absolute;inset:0 0 auto}.product-object.cup{clip-path:polygon(5% 0,95% 0,78% 100%,22% 100%);width:43%;left:28.5%}.product-object.roll{border:55px solid var(--product-color);background:radial-gradient(circle,#594a3c 0 22%,#d5c8b7 23% 30%,#fff 31%);border-radius:50%;width:53%;height:45%;top:27%;left:23.5%;transform:rotate(-11deg)skewY(4deg)}.product-object.sleeve{clip-path:polygon(16% 0,84% 0,93% 100%,7% 100%);background:linear-gradient(90deg,#0002,var(--product-color),#fff9,var(--product-color),#0003);width:40%;left:30%}.product-object.card{border-radius:5px;width:56%;height:68%;top:15%;left:22%;transform:rotate(-3deg)rotateY(-5deg)}.material-shine{mix-blend-mode:screen;background:linear-gradient(110deg,#fff4 0,#fff0 23%,#fff8 38%,#fff0 55%,#0002 100%);position:absolute;inset:0}.detail-one{background:#fff8;height:1px;position:absolute;top:12%;left:6%;right:6%}.detail-two{background:#0001;height:2px;position:absolute;bottom:8%;left:8%;right:8%}.artwork-plane{z-index:6;position:absolute;inset:0;overflow:visible}.artwork-plane.clipped{clip-path:inset(7% 28% 8% round 10px)}.design-grid{pointer-events:none;background-image:linear-gradient(#24473718 1px,#0000 1px),linear-gradient(90deg,#24473718 1px,#0000 1px);background-size:5% 5%;position:absolute;inset:0}.safe-area{pointer-events:none;border:1px dashed #cb263272;border-radius:7px;position:absolute;inset:16% 32% 17%}.safe-area small{color:#cb2632;letter-spacing:.12em;background:#ffffffd8;padding:3px 5px;font-size:5px;font-weight:850;position:absolute;top:-8px;left:8px}.art-layer{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:5;transform-origin:50%;background:0 0;border:0;width:auto;max-width:none;padding:0;position:absolute;overflow:visible}.art-layer:active{cursor:grabbing}.art-layer img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0002);width:150px;height:150px;display:block}.art-layer>span{white-space:nowrap;letter-spacing:.04em;text-shadow:0 1px #fff4;font-family:Georgia,serif;font-weight:700;display:block}.art-layer.selected:after{content:"";border:1px solid var(--studio-red);border-radius:3px;position:absolute;inset:-9px;box-shadow:0 0 0 2px #fff8}.selection-handle{background:var(--studio-red);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-13px;right:-13px;box-shadow:0 1px 4px #0003}.canvas-note{color:#676f68;justify-content:space-between;gap:20px;margin-top:14px;font-size:7px;display:flex}.backdrop-dark .surface-label,.backdrop-dark .canvas-note{color:#d5d8d4}.inspector-head{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f8f5ed;position:sticky;top:0}.control-card{border-bottom:1px solid var(--studio-line);padding:16px}.control-title{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.control-title strong{font-size:9px}.control-title small{color:#909690;font-size:6px}.swatches{grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:14px;display:grid}.swatches button{aspect-ratio:1;cursor:pointer;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d3d6d0}.swatches button.active{box-shadow:0 0 0 2px var(--studio-red)}.select-row{color:#686f69;justify-content:space-between;align-items:center;gap:10px;font-size:7px;font-weight:800;display:flex}.select-row select{border:1px solid var(--studio-line);color:#303530;background:#fff;border-radius:7px;outline:0;min-width:135px;padding:8px;font-size:7px}.field-label{color:#6c736d;margin-bottom:10px;font-size:7px;font-weight:800;display:block}.field-label input:not([type=color]){border:1px solid var(--studio-line);background:#fff;border-radius:7px;outline:0;width:100%;margin-top:6px;padding:9px}.field-label input[type=color]{border:1px solid var(--studio-line);background:#fff;border-radius:7px;width:100%;height:32px;margin-top:6px}.range-row{margin:13px 0;display:block}.range-row span{color:#696f6a;justify-content:space-between;margin-bottom:7px;font-size:7px;display:flex}.range-row b{color:#2c322d}.range-row input{width:100%;accent-color:var(--studio-red)}.position-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.position-grid label{color:#777e78;font-size:6px;font-weight:800}.position-grid input{border:1px solid var(--studio-line);background:#fff;border-radius:7px;width:100%;margin-top:5px;padding:8px;font-size:8px}.unlimited-note{color:#758077;background:#edf2ed;border-radius:7px;margin:10px 0;padding:8px;font-size:6px;line-height:1.5}.layer-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.layer-actions button{border:1px solid var(--studio-line);cursor:pointer;background:#fff;border-radius:7px;padding:8px 6px;font-size:6px;font-weight:800}.layer-actions button.danger{color:#b42731}.empty-selection{color:#8c938d;border-bottom:1px solid var(--studio-line);padding:22px 16px;font-size:8px;line-height:1.6}.layers-card{padding-bottom:8px}.layer-list{gap:4px;max-height:165px;display:grid;overflow:auto}.layer-list button{text-align:left;cursor:pointer;background:#eff0ed;border:1px solid #0000;border-radius:7px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;display:grid}.layer-list button.active{background:#fff;border-color:#d1a8ab}.layer-list button>span{width:24px;height:24px;color:var(--studio-red);background:#fff;border-radius:6px;place-items:center;font-size:6px;font-weight:900;display:grid}.layer-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.layer-list small{color:#8e948f;font-size:6px}.full-export{background:var(--studio-red);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-size:7px;font-weight:850}.reset-button{border:1px solid var(--studio-line);color:#737a74;cursor:pointer;background:#fff;border-radius:7px;width:100%;margin-top:7px;padding:8px;font-size:7px}@media (max-width:1100px){.studio-workspace{grid-template-columns:210px minmax(0,1fr) 260px}.product-list{grid-template-columns:1fr}.studio-canvas{min-width:500px;min-height:500px}}@media (max-width:820px){.studio-shell{overflow:auto}.studio-topbar{grid-template-columns:1fr auto;height:auto;min-height:62px;padding:10px 12px}.document-title{display:none}.studio-workspace{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 62px)}.product-rail,.inspector{border:0;border-bottom:1px solid var(--studio-line);overflow:visible}.product-list{grid-template-columns:repeat(4,minmax(115px,1fr));overflow-x:auto}.upload-panel{grid-template-columns:1fr 1fr;gap:7px;display:grid}.upload-panel>span,.upload-panel>strong,.upload-panel>p{grid-column:1/-1}.canvas-zone{min-height:650px}.canvas-scroll{justify-content:start;padding:45px 20px;overflow:auto}.studio-canvas{width:600px;height:570px}.inspector{grid-template-columns:repeat(2,1fr);display:grid}.inspector-head{grid-column:1/-1;position:static}.control-card{border-right:1px solid var(--studio-line)}}@media (max-width:520px){.studio-brand small,.top-actions>button:not(.export-button){display:none}.top-actions .export-button{min-width:100px}.inspector{grid-template-columns:1fr}.control-card{border-right:0}.product-list{grid-template-columns:repeat(4,120px)}}@media (prefers-reduced-motion:reduce){.studio-canvas,.product-tile{transition:none}}