:root{--ink:#20232c;--muted:#767a88;--line:#e6e8ef;--blue:#334de8;--canvas:#f7f8fb;--radius:14px}*{box-sizing:border-box}body{margin:0;font:15px var(--font-ui);color:var(--ink);background:var(--canvas)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:10px 16px;background:white;color:var(--ink);font-weight:550}button:hover{background:#ececec;border-color:#d8d8d8}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover{background:#233bcc;border-color:#233bcc;color:white}.muted{color:var(--muted)}aside{width:230px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.logo{font:800 35px var(--font-display);letter-spacing:-2px;display:flex;align-items:center;gap:8px}.logo>span:first-child{color:var(--blue);font-size:39px}.logo .small{font:650 10px var(--font-ui);letter-spacing:2px;margin:9px 0 0 3px}.workspace{border:1px solid var(--line);padding:13px 11px;border-radius:9px;margin:32px 0 24px;font-size:14px}.workspace span{float:right}.nav-label{font-size:11px;font-weight:650;letter-spacing:1.4px;color:#9296a3;margin:10px}.nav{text-align:left;border:0;background:transparent;width:100%;margin:3px 0;color:#777b89}.nav.active{background:#eef0ff;color:var(--blue)}.side-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:13px}.side-bottom small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.avatar{border-radius:50%;background:#e8eafb;color:#4553a0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:12px;font-weight:650}main{margin-left:230px}header{height:78px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 38px;color:var(--muted);font-size:14px}header b{color:var(--ink);font-weight:500}.badge{background:#f4f5f9;color:#686d7e;border:1px solid var(--line);padding:6px 10px;border-radius:6px;font-size:12px}.page{max-width:1450px;padding:45px 48px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:15px 0 48px;gap:24px}.eyebrow{font-size:11px;letter-spacing:1.9px;color:var(--blue);font-weight:700}h1{font:650 44px/1.14 var(--font-display);letter-spacing:-1.9px;margin:16px 0}h2{font:650 20px var(--font-display);letter-spacing:-.5px}p{line-height:1.6}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px}.count{font:500 12px var(--font-ui);margin-left:8px;background:#e9ecf4;border-radius:5px;padding:3px 7px;color:#7d8292}.project{max-width:720px;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr}.project-art{background:#dde4f8;min-height:250px;display:grid;place-items:center}.wordmark{font:750 70px var(--font-display);letter-spacing:-6px;color:#233dcc}.wordmark span{display:block;font:500 9px var(--font-ui);letter-spacing:3px;text-align:center}.project-info{padding:30px}.pill{display:inline-block;background:#f0f2fa;padding:5px 9px;border-radius:5px;font-size:11px;color:#646b82}.notice{margin-top:35px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:#888c99}@media(max-width:800px){aside{width:76px;padding:24px 10px}.logo{font-size:0}.logo .small,.workspace,.nav-label,.side-bottom,.nav{display:none}main{margin-left:76px}.page{padding:24px}header{padding:0 20px}h1{font-size:34px}.page-heading{align-items:flex-start;flex-direction:column}.project{grid-template-columns:1fr}.badge{font-size:10px}}
.header-right,.button-row{display:flex;align-items:center;gap:12px}.saved{font-size:12px}.slash{margin:0 14px;color:#c5c8d2}.nav-divider{height:1px;background:var(--line);margin:23px 0 13px}.step{font-size:13px;padding:13px 10px;display:flex;align-items:center;gap:10px}.step-num{border:1px solid #dee1eb;width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;font-size:11px}.active .step-num{border-color:#c5ceff;background:white}.project-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:25px}.project-grid .project{display:block;max-width:none}.photographic{position:relative;min-height:0;aspect-ratio:1.7;overflow:hidden}.photographic img{width:100%;height:100%;object-fit:cover}.image-label{position:absolute;top:20px;left:20px;font-size:10px;letter-spacing:1.5px;background:#ffffffcb;padding:6px 9px;border-radius:5px}.project-info h2{margin:12px 0 4px}.project-info p{margin:0 0 20px}.project-info{padding:24px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.new-card{border:1px dashed #cfd4e2;background:transparent;border-radius:14px;text-align:center;padding:40px 20px;min-height:360px}.new-card h3{font:600 19px var(--font-display)}.new-card p{color:var(--muted);font-weight:400}.plus{font-size:30px;color:var(--blue);background:#e9edff;display:inline-grid;place-items:center;border-radius:16px;width:60px;height:60px}.text-blue{color:var(--blue);font-size:14px}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.view-heading h1{font-size:34px;letter-spacing:-1.2px;margin:12px 0}.view-heading p.muted{margin:0}.narrow{max-width:1200px}.panel{border:1px solid var(--line);background:white;border-radius:12px;padding:28px;margin-bottom:20px}.panel h2{margin-top:0}.brief-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}label{display:block;font-size:13px;font-weight:600;margin:20px 0 0}input:not([type=range]):not([type=color]):not([type=checkbox]),textarea,select{display:block;width:100%;background:white;border:1px solid #dfe2ec;border-radius:7px;padding:11px 12px;color:var(--ink);margin-top:8px;font-weight:400;min-width:0}textarea{resize:vertical;line-height:1.6}label small,.helper{display:block;font-size:12px;color:var(--muted);font-weight:400;line-height:1.7;margin-top:9px}.spec-row{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.spec-row span{color:var(--muted)}.spec-row b{font-weight:500;text-align:right}.soft-panel{background:#edf0ff;border:0}.soft-panel p{font-size:13px;color:#727a9c}.brand-kit{display:flex;gap:10px;align-items:center}.brand-kit b{font:32px Georgia;margin-right:auto}.brand-kit span{width:28px;height:28px;border-radius:50%}.flow-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 0;margin-top:30px}.flow-footer>span{font-size:12px}.inline-info{background:#eef1fe;border:1px solid #e0e5fc;color:#63709b;font-size:12px;border-radius:8px;padding:13px 16px;line-height:1.6;margin:15px 0 24px}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.concept-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.concept-art{height:340px;display:grid;place-items:center;position:relative;overflow:hidden}.tint-0{background:#e0e7f4}.tint-1{background:#f2e3da}.tint-2{background:#dce8e2}.flat-mini{width:150px;height:263px;transform:rotate(-5deg);box-shadow:15px 20px 25px #0002}.concept-number{position:absolute;top:15px;left:18px;font-size:12px;color:#6e7890}.concept-copy{padding:22px}.concept-copy h2{margin:10px 0}.concept-copy p.muted{font-size:13px;min-height:44px}.concept-copy button{width:100%;margin-top:8px}.pack-art{background:var(--pack);color:#fff1d1;height:100%;width:100%;padding:12% 10%;display:flex;flex-direction:column;overflow:hidden}.pack-brand{font-size:clamp(28px,4vw,64px);line-height:1.1;letter-spacing:-2px;overflow-wrap:anywhere}.flat-mini .pack-brand{font-size:34px}.pack-category{font-family:var(--font-ui);font-size:7px;letter-spacing:1.4px;margin-top:9px}.pack-middle{margin-top:auto;margin-bottom:auto}.pack-flavor{font-size:22px;max-width:180px;line-height:1.25;overflow-wrap:anywhere}.pack-rule{width:32px;height:1px;background:#fff1d199;margin:18px 0}.pack-tagline{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.pack-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px}.pack-bottom>span{border:1px solid #fff1d18a;border-radius:3px;padding:5px;font-size:13px}.pack-bottom small{font-family:var(--font-ui);font-size:7px;line-height:1.7;text-transform:uppercase;letter-spacing:1px}.flat-mini .pack-category{font-size:4px;letter-spacing:.7px}.flat-mini .pack-flavor{font-size:16px}.flat-mini .pack-tagline{font-size:8px}.flat-mini .pack-rule{margin:12px 0}.flat-mini .pack-bottom small{font-size:4px}.flat-mini .pack-bottom>span{font-size:9px}.studio-top{padding:26px 30px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.studio-top h2{margin:7px 0 0}.studio-top h2 .pill{margin-left:8px;vertical-align:middle}.studio-top .eyebrow{font-size:10px}.editor-layout{display:grid;grid-template-columns:238px minmax(320px,1fr) 210px;min-height:calc(100vh - 180px)}.tools-panel,.versions-panel{padding:22px;background:white}.tools-panel{border-right:1px solid var(--line)}.tools-panel label{font-size:12px;margin-top:17px}.tools-panel input,.tools-panel textarea,.tools-panel select{font-size:12px}.tools-panel .nav-label{margin:0 0 22px}.swatches{display:flex;align-items:center;gap:7px;margin:10px 0}.swatch{width:24px;height:24px;border:2px solid white;border-radius:50%;padding:0;box-shadow:0 0 0 1px #ddd}.swatch.selected{box-shadow:0 0 0 2px #8393fc}.swatches input[type=color]{width:24px;height:26px;border:0;background:none;padding:0;cursor:pointer}.tools-note{font-size:11px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.artboard{display:flex;flex-direction:column;min-width:0;padding:20px;background:#f1f3f8;background-image:radial-gradient(#d4d9e7 .7px,transparent .7px);background-size:15px 15px}.artboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.artboard-toolbar .muted{font-size:10px}.segmented{display:flex;padding:3px;background:#e6e9f2;border-radius:8px}.segmented button{border:0;background:transparent;padding:7px 13px;font-size:12px;color:#7a8196}.segmented button.active{background:white;color:var(--ink);box-shadow:0 1px 4px #0001}.canvas-area{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:25px 10px;min-height:490px}.design-sheet{width:235px;height:411px;box-shadow:0 15px 28px #19244621;outline:1px dashed #9caad3;outline-offset:10px}.dimension{font-size:10px;color:#929bb0;margin-bottom:18px}.canvas-caption{font-size:10px;color:#929bb0;margin-top:28px;text-align:center}.ai-bar{background:white;border:1px solid #dce1f0;box-shadow:0 5px 18px #38416a08;border-radius:12px;padding:8px;display:flex;gap:8px;align-items:center}.ai-bar>span{color:var(--blue);font-size:24px;padding-left:5px}.ai-bar input#ai-prompt{border:0;margin:0;padding:8px 2px;font-size:12px}.ai-bar button{font-size:12px;white-space:nowrap}.versions-panel{border-left:1px solid var(--line);display:flex;flex-direction:column}.versions-panel h3{font-size:14px;margin:4px 0}.empty-small{margin:25px 0;text-align:center;color:#9a9fae;font-size:13px;line-height:1.8;padding:22px 8px;border:1px dashed var(--line);border-radius:8px}.empty-small button{font-size:11px;padding:7px;margin-top:15px}.versions-bottom{margin-top:auto;padding-top:30px}.versions-bottom p{font-size:12px}.versions-bottom .nav-label{margin:0}.versions-bottom button{font-size:12px}.variant-row{display:flex;align-items:center;text-align:left;gap:9px;padding:11px 7px;margin:5px 0;font-size:12px}.variant-dot{width:22px;height:34px;border-radius:2px;flex-shrink:0}.variant-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.back-copy{font-family:var(--font-ui);font-size:11px;margin-top:25px;line-height:1.7}.back-copy h3{font-family:Georgia;font-size:20px;font-weight:400}.back-copy hr{border:0;border-top:1px solid #ffffff55;margin:20px 0}.barcode-demo{font-size:8px;letter-spacing:1px;margin-top:22px}.preview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:35px}.model-panel{background:#e8edf5;border-radius:14px;padding:22px;overflow:hidden}.model-space{height:430px;perspective:1000px;display:grid;place-items:center}.carton{width:210px;height:367px;position:relative;transform-style:preserve-3d;transition:transform .12s}.face{position:absolute;backface-visibility:hidden;overflow:hidden}.face.front,.face.back{width:210px;height:367px}.face.front{transform:translateZ(59px)}.face.back{transform:rotateY(180deg) translateZ(59px)}.face.right,.face.left{width:118px;height:367px;left:46px;display:grid;place-items:center;color:#fff1d1;padding:20px;font:20px Georgia}.face.right{transform:rotateY(90deg) translateZ(105px);filter:brightness(.8)}.face.left{transform:rotateY(-90deg) translateZ(105px);filter:brightness(.85)}.face.right span{writing-mode:vertical-rl}.face.right small{font:12px Georgia;margin-top:20px}.face.top,.face.bottom{width:210px;height:118px;top:124.5px;display:grid;place-items:center;color:#fff1d1;font:30px Georgia}.face.top{transform:rotateX(90deg) translateZ(183.5px);filter:brightness(1.1)}.face.bottom{transform:rotateX(-90deg) translateZ(183.5px)}.face .pack-brand{font-size:47px}.rotation{display:flex;align-items:center;gap:14px;font-size:12px}.rotation label{margin:0;white-space:nowrap}.rotation input{width:100%;accent-color:var(--blue)}.rotation button{font-size:11px;padding:7px 12px}.preview-detail{padding:30px 5px}.preview-detail h2{font-size:30px}.preview-detail .helper{margin:23px 0}.scenes-heading{margin-top:40px}.scenes-heading h2{margin-bottom:3px}.scenes-heading p{margin-top:5px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.scene-card{padding:0;overflow:hidden;text-align:left;border-radius:12px;font-weight:400}.scene-card>div:last-child{padding:18px}.scene-card h3{margin:0 0 5px;font-size:15px;font-weight:600}.scene-card .muted{font-size:12px}.scene-open{display:block;margin-top:14px;font-size:12px;color:var(--blue)}.scene-photo{height:235px;background-image:url('scene-triptych.png');background-size:300% 100%;background-repeat:no-repeat;background-color:#e5e9f1}.scene-0{background-position:left center}.scene-1{background-position:center}.scene-2{background-position:right center}.scene-large{height:400px}.review-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.review-art{border:1px solid var(--line);border-radius:12px;padding:24px;background:#e8edf5}.review-sheet{width:250px;height:438px;margin:45px auto 30px;box-shadow:12px 17px 28px #0002}.feedback-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.feedback-head{display:flex;justify-content:space-between;align-items:center}.avatars{display:flex}.avatars .avatar{margin-left:-6px;border:2px solid white}.alt{background:#f6dfc8;color:#aa7844}.comments{max-height:340px;overflow:auto}.comment{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.comment small{font-size:11px;color:var(--muted)}.comment b{font-weight:550}.comment button{font-size:11px;padding:5px 8px}.comment.resolved{opacity:.6}.comment.resolved p{text-decoration:line-through}.feedback-panel form button{margin-top:10px}.approval-box{padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}.approval-box h3{font-size:16px;margin:0}.approval-box p{font-size:13px;color:var(--muted)}.approval-box>button{font-size:12px;margin:0 5px 5px 0}.approved{color:#227452;background:#e3f2e9}.export-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:25px}.export-icon{background:#edf0ff;color:var(--blue);width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:25px;margin-bottom:22px}.check-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:20px 0}.check-row>span{font-size:20px}.check-row b{font-size:13px;font-weight:550}.check-row small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5}.check-row button{margin-left:auto;font-size:11px}.good{color:#23976e}.warn{color:#b58426}.wide{width:100%;margin-top:12px}dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:min(570px,calc(100vw - 40px));box-shadow:0 30px 100px #17214430;color:var(--ink)}dialog::backdrop{background:#131c3a66;backdrop-filter:blur(4px)}.modal-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:20px}.modal-head button{padding:2px 9px;font-size:23px;border:0}.modal-body{padding:4px 24px 20px;font-size:14px;line-height:1.7}.modal-body li{margin:13px 0}.modal-foot{padding:15px 24px;background:#f8f9fc;display:flex;justify-content:flex-end;gap:10px}.check-label{display:flex;align-items:flex-start;gap:10px;font-weight:400}.check-label input{margin-top:5px}.center{text-align:center}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);max-width:90vw;background:#222a40;color:white;border-radius:10px;padding:14px 22px;font-size:13px;box-shadow:0 8px 30px #0002;z-index:9999;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.loading-orbit{width:44px;height:44px;border:3px solid #e7eaff;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:30px auto 20px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.editor-layout{grid-template-columns:270px 1fr 250px}.design-sheet{width:260px;height:455px}.canvas-area{min-height:570px}}@media(max-width:1200px){aside{width:200px;padding:25px 14px}main{margin-left:200px}.page{padding:30px}.editor-layout{grid-template-columns:220px minmax(300px,1fr)}.versions-panel{grid-column:1/-1;border-top:1px solid var(--line);display:block}.versions-bottom{display:none}.variant-row{display:inline-flex;min-width:160px;margin-right:10px}.empty-small{margin:10px 0;padding:8px}.header-right .saved{display:none}.concept-art{height:300px}.concept-copy{padding:16px}.studio-top{padding:20px}.artboard-toolbar .muted{display:none}.scene-photo{height:190px}}@media(max-width:900px){.view-heading{align-items:flex-start;flex-direction:column}.concept-grid{gap:12px}.flat-mini{width:125px;height:219px}.concept-art{height:260px}.flat-mini .pack-brand{font-size:27px}.concept-copy h2{font-size:17px}.preview-grid,.review-grid{grid-template-columns:1fr}.preview-detail{padding:0}.scene-grid{gap:12px}.scene-photo{height:160px}.studio-top{align-items:flex-start;flex-direction:column}.brief-grid,.export-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}.new-card{min-height:300px}.project-art{aspect-ratio:1.2}.scenes-heading{align-items:flex-start;flex-direction:column}}@media(max-width:800px){aside{width:66px;padding:20px 8px}main{margin-left:66px}.logo{justify-content:center}.logo>span:first-child{font-size:33px}.nav-divider{display:none}.nav.step{display:flex;justify-content:center;font-size:0;padding:9px 0}.step-num{font-size:11px}.nav.active{display:flex;font-size:0;justify-content:center}.page{padding:24px 20px}.project-grid{grid-template-columns:1fr}.new-card{min-height:220px}.project-art{aspect-ratio:1.7}.concept-grid{grid-template-columns:1fr}.concept-card{display:grid;grid-template-columns:1fr 1fr}.concept-copy{align-self:center}.concept-copy button{font-size:12px}.view-heading h1{font-size:29px}.flow-footer>span{display:none}.header-right .avatar{display:none}header{padding:0 17px;font-size:12px;gap:10px}.header-right .badge{font-size:9px;padding:6px}.slash{margin:0 5px}.editor-layout{grid-template-columns:1fr}.tools-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;border-bottom:1px solid var(--line)}.tools-panel>.nav-label,.tools-note{grid-column:1/-1}.tools-panel>.nav-label{margin-bottom:0}.artboard{min-height:600px}.studio-top h2{font-size:17px}.button-row{flex-wrap:wrap;gap:6px}.button-row button{font-size:12px;padding:9px}.scene-grid{grid-template-columns:1fr}.scene-photo{height:300px}.model-panel{padding:16px}.model-space{height:430px}.review-sheet{width:220px;height:385px}.panel{padding:22px}.scene-large{height:340px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Independent panel editor and dimensional previews */
.panel-art{position:relative;container-type:inline-size;padding:0;overflow:hidden}.panel-art .panel-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:10%;overflow:hidden}.panel-art .pack-brand,.face .panel-art .pack-brand,.flat-mini .panel-art .pack-brand{font-size:22cqw;line-height:1.08;letter-spacing:-.06em;overflow-wrap:anywhere;flex-shrink:0}.panel-art .pack-category,.flat-mini .panel-art .pack-category{font-size:3cqw;letter-spacing:.13em;margin-top:4%;overflow-wrap:anywhere}.panel-art .pack-flavor,.flat-mini .panel-art .pack-flavor{font-size:8.5cqw;line-height:1.2;max-width:none}.panel-art .pack-tagline,.flat-mini .panel-art .pack-tagline{font-size:4.6cqw;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.panel-art .pack-bottom small,.flat-mini .panel-art .pack-bottom small{font-size:3cqw;letter-spacing:.08em;white-space:pre-wrap;overflow-wrap:anywhere}.panel-art .pack-rule{margin:8% 0;width:20%;flex-shrink:0}.panel-art .pack-middle{margin:10% 0 auto}.panel-art.layout-centered .panel-content{text-align:center;align-items:center;justify-content:center}.panel-art.layout-centered .pack-middle{margin:auto 0}.panel-art.layout-centered .pack-rule{margin:9% auto}.panel-art.layout-story .pack-brand{font-size:15cqw}.panel-art.layout-story .pack-flavor{font-size:8cqw}.panel-art.layout-story .pack-tagline{font-size:4.5cqw}.panel-image{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.image-background{object-fit:cover}.image-contain{object-fit:contain}.panel-tools{max-height:calc(100vh - 185px);overflow-y:auto}.panel-tools label{font-size:13px}.panel-tools input,.panel-tools textarea,.panel-tools select{font-size:13px}.panel-note{margin:0!important}.field-pair{display:grid;grid-template-columns:1fr;gap:0}.upload-section{border-top:1px solid var(--line);margin-top:20px;padding-top:2px}.upload-section input[type=file]{max-width:100%;font-size:11px}.upload-section input[type=file]::file-selector-button{border:0;padding:7px;border-radius:5px;background:#edf0ff;color:var(--blue)}.uploaded-preview{display:flex;align-items:center;gap:6px;font-size:11px}.uploaded-preview img{width:32px;height:32px;object-fit:cover;border-radius:5px}.uploaded-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-preview button{font-size:11px;padding:5px}.upload-section input[type=range]{width:100%;accent-color:var(--blue)}.panel-tabs{display:flex;gap:5px;flex-wrap:wrap}.panel-tabs button{padding:8px 12px;font-size:13px;border-color:transparent;background:transparent}.panel-tabs button.active{background:var(--blue);color:white}.view-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0}.view-switch>.helper{margin:0}.template-control{margin:0 0 15px}.template-control select{font-size:12px}.flat-canvas{display:block;padding:30px 0;min-height:500px}.net-scroll{width:100%;overflow:auto;padding:30px 8px}.box-net{display:grid;width:100%;min-width:310px;max-width:800px;margin:auto;gap:0;align-items:stretch}.net-cell{padding:0;position:relative;min-width:0;border:1px dashed #8193c4;border-radius:0;background:transparent;display:block}.net-cell .pack-art{height:100%;position:absolute;inset:0}.net-cell.selected{outline:3px solid #5276ff;outline-offset:3px;z-index:2}.net-label{position:absolute;bottom:3px;left:3px;background:#fffffff0;border-radius:3px;padding:2px 4px;color:#20232c;font-size:10px;z-index:3;font-family:var(--font-ui)}.box-net .panel-art .panel-content{padding-bottom:25px}.orbit-space{touch-action:none;cursor:grab;user-select:none;height:400px;min-height:400px}.orbit-space:active{cursor:grabbing}.six-faces{transition:none}.six-faces .panel-face{backface-visibility:hidden;position:absolute;padding:0;filter:none;display:block}.six-faces .panel-art{height:100%}.orbit-help{text-align:center;font-size:12px;color:var(--muted);margin:5px 0 18px}.model-panel .rotation{margin-top:12px}.rotation label{min-width:66px;font-size:12px}.rotation output{min-width:35px;font-size:12px}.preview-grid .model-panel{min-width:0}.preview-grid .box-net{margin-top:20px}.versions-panel #save-variation{font-size:12px;margin-top:15px}.panel-art .pack-bottom{margin-top:10%;flex-shrink:0}.template-control+ .helper{margin-bottom:28px}@media(max-width:800px){.panel-tools{max-height:none}.upload-section{grid-column:1/-1}.panel-note{grid-column:1/-1}.panel-tabs{justify-content:center}.panel-tabs button{padding:7px 9px}.view-switch{flex-direction:column}.orbit-space{height:370px;min-height:370px}.net-scroll{padding:20px 8px}.model-panel .rotation{flex-wrap:wrap}.rotation input{flex:1;min-width:80px}.model-panel .net-scroll{overflow:auto}.panel-tools .field-pair{display:block}}
@media(max-width:800px){.panel-tools{display:block;min-width:0}.editor-layout{min-width:0;grid-template-columns:minmax(0,1fr)}.panel-tabs{gap:2px}.design-sheet{max-width:100%}.artboard{min-width:0;padding:12px}.studio-top{min-width:0}.studio-top h2{overflow-wrap:anywhere}.header-right{min-width:0}header>div:first-child{min-width:0;overflow-wrap:anywhere}.upload-section input[type=file]{width:100%}.canvas-area{padding-left:0;padding-right:0}.net-scroll{max-width:100%}}
/* Keep panel selection and artwork visible first in a narrow preview. */
@media(max-width:800px){.editor-layout>.artboard{grid-row:1;min-height:0}.editor-layout>.tools-panel{grid-row:2}.editor-layout>.versions-panel{grid-row:3}.editor-layout .canvas-area{min-height:360px;padding-top:18px;padding-bottom:18px}.editor-layout .canvas-area:has(.design-sheet){min-height:380px}.editor-layout .panel-tabs{position:sticky;top:0;z-index:4;background:#f1f3f8;padding:8px 0}.editor-layout .canvas-caption{margin-top:20px}.editor-layout .view-switch{margin:4px 0 10px}}