:root{--ink:#392732;--muted:#756b70;--wine:#582e40;--line:#e1d9d7;--paper:#fffefa;--sage:#49645a;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f8f6f2;color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary,[tabindex]{outline-offset:4px}*:focus-visible{outline:2px solid #9a554d}button,a,summary{touch-action:manipulation}a{color:inherit}button{cursor:pointer;min-height:36px;padding:7px 10px;border:1px solid #c9bfbe;border-radius:6px;background:#fffefa;color:var(--ink);transition:border-color .15s,background .15s}button:hover{border-color:var(--wine);background:#f5efee}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;min-width:0;min-height:34px;padding:6px 8px;border:1px solid #cfc7c6;border-radius:5px;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}input[type=color]{padding:4px}input[type=file]{font-size:11px}input[type=checkbox]{width:16px;min-height:16px;margin:0;accent-color:var(--sage)}button.primary{background:var(--wine);color:#fff;border-color:var(--wine)}button.primary:hover{background:#432231}h1,h2,h3,p{margin:0}h2{font-size:16px;line-height:1.4}h3{font-size:16px}label{display:grid;gap:4px;font-size:11px;font-weight:550}.hint{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.65}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1480px)/2));border-bottom:1px solid var(--line);background:var(--paper)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font:24px var(--serif);letter-spacing:-.5px}.wordmark small{display:block;font:8px/1.8 sans-serif;letter-spacing:2.5px}.brand-symbol{font:italic 29px var(--serif);border:1px solid #a38780;border-radius:50%;height:43px;width:43px;display:grid;place-items:center}.site-header nav{display:flex;gap:28px;font-size:12px;height:100%;align-items:center}.site-header nav a{text-decoration:none;color:var(--muted)}.site-header nav span{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--wine);font-weight:650}.review-badge{padding:5px 9px;border:1px solid #dbccc5;border-radius:20px;color:#826956;font-size:10px}.studio-intro,.showcase,.workspace-heading,.shell,.access,.value-section,.commerce,.studio-footer{max-width:1480px;margin-left:auto;margin-right:auto}.studio-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:32px 0 26px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#8a6c61}.studio-intro h1{font-size:32px;line-height:1.3;letter-spacing:-1.4px;font-weight:550;margin:10px 0}.intro-copy{font-size:13px;color:var(--muted)}.intro-spec{border-left:1px solid #cbbeb7;padding-left:25px;display:grid;gap:5px;font-size:11px;color:var(--muted)}.intro-spec strong{font:22px var(--serif);color:var(--wine)}.mobile-break{display:none}.showcase{padding-bottom:18px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.section-heading h2{font-size:13px}.section-heading p,.sample-note{font-size:10px;color:var(--muted)}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-card{padding:0;text-align:left;border:1px solid #ded6d0;border-radius:8px;overflow:hidden;background:var(--paper)}.demo-card:hover{box-shadow:0 6px 16px #3b273010;transform:translateY(-1px)}.demo-art{height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.demo-art i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0;box-shadow:0 5px 12px #34292d20;font-style:normal}.demo-art em{font:5px/1.5 sans-serif;letter-spacing:1.4px;font-style:normal}.demo-art small{font:4px/1.5 sans-serif;letter-spacing:1px}.demo-art b{font:italic 19px var(--serif);font-weight:400}.art-ribbon{background:#e7d8ce}.mini-ribbon{width:80%;height:66px;background:#fff6ed;color:#66384a;outline:1px solid #ab8a754f;outline-offset:-6px;transform:rotate(-5deg)}.art-names{background:#dfe7df;gap:10px}.mini-label{width:84px;height:69px;background:#f9fcf5;color:#42594e;border:1px solid #80928155;outline:1px solid #adbba46b;outline-offset:-5px;border-radius:6px;transform:rotate(-9deg)}.mini-label:nth-child(2){transform:rotate(3deg)}.mini-label:nth-child(3){transform:rotate(9deg)}.mini-label b{font:600 18px sans-serif}.art-seal{background:#ded1d4;gap:14px}.mini-seal{width:78px;height:78px;background:#5c3044;color:#f4e4c2;border:1px solid #6c4253;border-radius:50%;outline:1px solid #c2a78f;outline-offset:-6px;transform:rotate(-12deg);z-index:1}.mini-seal.ghost{transform:rotate(12deg);margin-left:-35px;margin-top:25px;z-index:0;opacity:.7}.mini-seal b{font-size:20px}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px}.demo-caption strong{font-size:12px;display:block}.demo-caption small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.demo-caption>b{font-size:22px;font-weight:400}.sample-note{margin:9px 0}.showcase details{border-top:1px solid #e6dfd9;margin-top:12px}.showcase summary{cursor:pointer;font-size:11px;font-weight:600;padding:10px 0;min-height:34px}.showcase summary span{color:var(--muted);font-size:10px;font-weight:400;margin-left:12px}.template-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.template{text-align:left;display:grid;gap:4px;padding:10px;min-width:0}.template strong{font-size:11px}.template small{font-size:9px;color:var(--muted)}.template-swatch{height:37px;display:grid;place-items:center;font-size:23px;border-radius:3px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 0 13px}.workspace-heading>div{display:flex;gap:15px;align-items:center}.workspace-heading h2{font-size:15px}.local-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.local-note i{width:5px;height:5px;background:#668372;border-radius:50%}.shell{display:grid;grid-template-columns:272px minmax(0,1fr) 254px;gap:14px;align-items:stretch}.panel,.preview,.inspector{border:1px solid var(--line);border-radius:9px;background:var(--paper);min-width:0}.panel,.inspector{padding:14px;overflow:auto;max-height:820px;scrollbar-width:thin;scrollbar-color:#c9bcb5 transparent;overscroll-behavior:contain}.panel-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:650}.panel-title small{font-size:8px;letter-spacing:1px;color:#8a7770;font-weight:400}.section+.section{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.section h2,.inspector h2{font-size:12px;margin-bottom:10px}.section-label{font-size:8px;letter-spacing:1px;color:#967669;margin-left:5px}.styles{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.styles button{min-width:0;padding:6px 3px;font-size:10px}.styles button[aria-pressed=true]{background:var(--wine);color:white;border-color:var(--wine)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.full{grid-column:1/-1}.primary#apply{width:100%;margin-top:10px}#status{margin-top:9px;font-size:10px;min-height:16px;color:var(--sage)}#status[data-error=true]{color:#a22f3e}.toolbar{display:flex;gap:6px;flex-wrap:wrap}.toolbar button{flex:1;min-width:84px;font-size:10px;padding:6px}.section .toolbar{margin-top:9px}.preview{padding:15px;display:flex;flex-direction:column}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-head h2{font-size:12px}.badge{padding:4px 7px;border:1px solid #e3dad3;border-radius:4px;font-size:9px;color:#7d665b;white-space:nowrap}.production-stats{display:grid;grid-template-columns:.65fr 1.25fr 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.production-stats>div{display:grid;gap:3px;min-width:0}.production-stats>div+div{border-left:1px solid var(--line);padding-left:10px}.production-stats strong{font-size:13px;font-weight:550;overflow-wrap:anywhere}.production-stats span{font-size:8px;color:var(--muted)}.paper-wrap{display:flex;align-items:center;justify-content:center;background:#e9e4df;background-image:radial-gradient(#c7beb166 .65px,transparent .65px);background-size:9px 9px;border-radius:5px;padding:23px;min-height:0;flex:1;overflow:auto}canvas#preview{display:block;max-width:100%;width:auto;height:auto;max-height:645px;background:white;box-shadow:0 8px 20px #3b283023;touch-action:none}.canvas-caption{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#796e70;margin-top:12px}.canvas-caption span{font-size:8px}.preflight{border:1px solid #bdcec3;border-radius:6px;background:#f0f5ef;padding:11px}.preflight[data-state=warning]{background:#fbf6e9;border-color:#dfce9c}.preflight[data-state=error]{background:#fbeeed;border-color:#d8aaaa}.preflight-heading{display:grid;gap:5px}.preflight-heading h2{margin:0}.preflight-heading strong{font-size:10px;color:var(--sage)}.preflight[data-state=warning] .preflight-heading strong{color:#8b6729}.preflight[data-state=error] .preflight-heading strong{color:#9c3441}.preflight ul{padding-left:15px;margin:8px 0;font-size:10px;line-height:1.65}.preflight li+li{margin-top:5px}.preflight .error{color:#9a1c24}.production-controls{border-top:1px solid #cbd5c9;padding-top:9px;display:grid;gap:8px}.production-controls>label:not(.check){display:flex;align-items:center;justify-content:space-between}.production-controls input[type=number]{width:62px;min-height:30px}.check{display:flex;align-items:center;gap:6px;font-weight:400;font-size:10px}.preflight .hint{font-size:9px}.selection-panel,.export-panel{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.item-fields #selectionInfo{font-size:10px;color:var(--muted);margin-bottom:9px}.item-fields .toolbar{margin-top:8px!important}.inspector>.selection-panel>.hint{font-size:9px}.output-tools{display:grid;grid-template-columns:1fr 1fr}.output-tools #export,.output-tools #print{grid-column:1/-1}.output-tools button{font-size:10px;min-width:0}.access{margin-top:15px;border:1px solid #ddd1cb;border-radius:7px;padding:11px 14px;display:flex;align-items:center;gap:12px;background:#f3eeea}.access-icon{display:grid;place-items:center;flex-shrink:0;border:1px solid #c3b1a4;width:28px;height:28px;border-radius:50%;font:italic 17px var(--serif);color:#77594e}.access p{font-size:11px;flex:1}.access button{font-size:10px;flex-shrink:0}.value-section{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:54px 0}.value-heading h2{font-size:26px;letter-spacing:-.8px;line-height:1.4;margin:12px 0}.value-heading>p:last-child{color:var(--muted);font-size:12px;line-height:1.8}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 35px}.value-grid article{border-top:1px solid #cdbdb4;padding-top:12px}.value-grid article>span{font-size:8px;letter-spacing:1px;color:#8a6c61}.value-grid h3{font-size:14px;margin:9px 0 6px}.value-grid p{font-size:12px;color:var(--muted);line-height:1.7}.commerce{display:grid;grid-template-columns:1fr 1.45fr;gap:16px;margin-bottom:32px}.free-plan,.pro-plan{padding:26px 30px;border-radius:9px}.free-plan{border:1px solid var(--line);background:#fffefa}.free-plan h2,.pro-plan h2{font:28px var(--serif);margin:10px 0}.free-plan>p:not(.eyebrow),.pro-plan>p{font-size:12px}.free-plan ul{padding-left:16px;line-height:1.9;margin:14px 0;font-size:12px;color:var(--muted)}.free-plan a{font-size:11px}.pro-plan{background:#482d3a;color:#f9eee4}.pro-plan .eyebrow{color:#d0b4a3}.plan-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.plan-status{font-size:9px;color:#e5cec1;border:1px solid #8d6f79;border-radius:20px;padding:3px 8px}.pro-plan h2{display:flex;justify-content:space-between;align-items:center}.pro-plan h2>span{font:32px var(--serif)}.pro-plan h2 small{font:11px sans-serif;color:#d8c1ba}.plan-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:16px 0;font-size:11px}.plan-features span::before{content:'✓';color:#c2b79b;margin-right:7px}.pro-plan .purchase-note{font-size:10px;color:#dcc8c2;border-top:1px solid #7e5d6b;padding-top:12px;line-height:1.7}.sales-status{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;margin-top:12px}.sales-status span{border:1px solid #8d6f79;border-radius:4px;padding:6px 10px}.naver-status{color:#d8d6bc}.studio-footer{border-top:1px solid var(--line);padding:20px 0 30px;color:var(--muted);font-size:10px}.studio-footer>span{font:16px var(--serif);color:var(--ink)}.studio-footer p{margin-top:5px}#printSheet,#projectFile{display:none}::selection{background:#e8d3d9}
@media(max-width:1540px){.studio-intro,.showcase,.workspace-heading,.shell,.access,.value-section,.commerce,.studio-footer{margin-left:24px;margin-right:24px}}
@media(min-width:1180px){.panel,.inspector,.preview{height:820px}.panel,.inspector{scroll-padding:14px}}
@media(max-width:1179px) and (min-width:761px){.shell{grid-template-columns:260px minmax(0,1fr)}.panel{height:800px;max-height:800px}.preview{height:800px}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;max-height:none}.inspector>.panel-title{grid-column:1/-1;margin:0}.inspector .selection-panel,.inspector .export-panel{border-top:0;margin:0;padding:0}.value-section{gap:30px}.template-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){button,input,select{min-height:44px}label{font-size:12px}.site-header{height:65px;padding:0 16px;gap:12px}.wordmark{font-size:20px;gap:8px}.brand-symbol{width:34px;height:34px;font-size:23px}.wordmark small{font-size:6px;letter-spacing:1.7px}.site-header nav{gap:14px;font-size:11px}.review-badge{display:none}.studio-intro,.showcase,.workspace-heading,.shell,.access,.value-section,.commerce,.studio-footer{margin-left:16px;margin-right:16px}.studio-intro{padding:26px 0 22px}.studio-intro h1{font-size:29px;line-height:1.35}.mobile-break{display:block}.intro-copy{font-size:12px;max-width:270px;line-height:1.8}.intro-spec{display:none}.section-heading{display:block}.section-heading p{margin-top:5px;font-size:10px}.demo-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:10px;padding-bottom:5px}.demo-card{flex:0 0 78%;scroll-snap-align:start}.demo-art{height:110px}.sample-note{font-size:10px}.template-grid{grid-template-columns:1fr 1fr}.showcase summary{min-height:44px;padding:12px 0}.showcase summary span{display:none}.template{min-height:80px}.template strong{font-size:12px}.template small{font-size:10px}.workspace-heading>div{display:block}.workspace-heading h2{margin-top:4px}.shell{display:flex;flex-direction:column;gap:14px}.preview{order:0;padding:12px}.panel{order:1;padding:16px;max-height:none;overflow:visible}.inspector{order:2;padding:16px;max-height:none;overflow:visible}.panel-title{font-size:14px}.section h2,.inspector h2{font-size:14px}.section+.section{margin-top:19px;padding-top:17px}.styles button{font-size:11px}.fields{gap:12px}.hint{font-size:11px}.toolbar button{font-size:11px;min-height:44px}.preview-head h2{font-size:13px}.production-stats strong{font-size:12px}.production-stats span{font-size:9px}.paper-wrap{padding:16px}canvas#preview{max-height:none}.canvas-caption{display:block;font-size:10px}.canvas-caption span{display:block;font-size:9px;margin-top:3px}.preflight{padding:14px}.preflight ul{font-size:12px}.preflight-heading strong{font-size:12px}.production-controls input[type=number]{min-height:44px}.check{font-size:12px;min-height:44px}.check input{width:20px;height:20px;min-height:20px}.preflight .hint{font-size:11px}.production-controls>label:not(.check){font-size:12px}.item-fields #selectionInfo{font-size:11px}.output-tools button{font-size:12px}.access{flex-wrap:wrap;padding:12px;gap:9px}.access p{font-size:11px;flex-basis:80%}.access button{margin-left:37px;font-size:11px}.value-section{display:block;padding:34px 0}.value-heading h2{font-size:25px}.value-heading>p:last-child br{display:none}.value-grid{margin-top:25px;gap:23px 18px}.value-grid h3{font-size:13px}.value-grid p{font-size:11px}.commerce{grid-template-columns:1fr}.free-plan,.pro-plan{padding:22px}.plan-features{gap:10px;font-size:10px}.plan-status{font-size:8px}.pro-plan h2>span{font-size:28px}.sales-status{font-size:10px}.studio-footer{font-size:9px}.canvas-caption,.access,.preflight,.section{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.demo-card:hover{transform:none}}
@media print{body>*{display:none!important}body.is-printing #printSheet{display:block!important;margin:0}#printSheet img{display:block;width:100%;height:100%}body.is-printing{background:white;margin:0;padding:0}}

/* Color refresh: expressive workspace chrome, unchanged printable artwork. */
:root{--ink:#34243f;--muted:#6c5c73;--wine:#78338e;--line:#e6d9eb;--paper:#fffefd;--sage:#286653}
body{background:#fcf8ff}
.site-header{background:linear-gradient(110deg,#6b245c 0%,#54308a 68%,#343c82 100%);border-bottom:0;color:#fff}
.site-header .wordmark,.site-header nav a{color:#fff}
.site-header .brand-symbol{border-color:#e9bcdf;background:#ffffff10}
.site-header nav span{border-bottom-color:#ffce72}
.site-header .review-badge{color:#fff3c4;background:#ffffff14;border-color:#d8b6df}
.eyebrow{color:#9b3571}.studio-intro h1{color:#5e2777}.intro-spec{border-left:3px solid #dc7ba7}.intro-spec strong{color:#77308b}
button.primary,.styles button[aria-pressed=true]{background:linear-gradient(115deg,#7f3298,#ac2e72);border-color:#83328f;color:#fff}
button.primary:hover,.styles button[aria-pressed=true]:hover{background:#702980}
button:hover{background:#f6eaf9;border-color:#93449f}
*:focus-visible{outline-color:#7b3298}
.demo-card{border-color:#decae6;box-shadow:0 3px 13px #753e9610}
.demo-card:hover{border-color:#9e54ad;box-shadow:0 8px 22px #753e9623}
.art-ribbon{background:linear-gradient(125deg,#ffd3c0,#f8b6d3)}
.art-names{background:linear-gradient(125deg,#bce9d7,#c0e8ed)}
.art-seal{background:linear-gradient(125deg,#d9c0f1,#efc1dc)}
.demo-card:nth-child(1) .demo-caption{border-top:3px solid #df6d91}
.demo-card:nth-child(2) .demo-caption{border-top:3px solid #3c9b89}
.demo-card:nth-child(3) .demo-caption{border-top:3px solid #a068c6}
.demo-card:nth-child(1) .demo-caption>b{color:#b63868}.demo-card:nth-child(2) .demo-caption>b{color:#267968}.demo-card:nth-child(3) .demo-caption>b{color:#813e9b}
.panel,.preview,.inspector{box-shadow:0 6px 20px #67358008}
.panel>.panel-title{border-bottom:2px solid #c58adb}.inspector>.panel-title{border-bottom:2px solid #66b6a8}
.panel-title small{color:#765284}.section-label{color:#8d3d84}
.preview{border-color:#d9c3e6}.preview-head h2{color:#6c307e}
.badge{background:#f1e5fa;border-color:#d9bde8;color:#693684}
.production-stats>div:first-child strong{color:#a12c70}.production-stats>div:nth-child(2) strong{color:#70388d}.production-stats>div:nth-child(3) strong{color:#287568}
.paper-wrap{background-color:#eae0f1;background-image:radial-gradient(#ac93bb55 .65px,transparent .65px)}
.preflight{background:#edf9f1;border-color:#91c8ae}.preflight[data-state=warning]{background:#fff7df;border-color:#e7bd63}.preflight[data-state=error]{background:#ffedf0;border-color:#dc9daa}
.access{background:#f5eafa;border-color:#d5b9e3}.access-icon{color:#823f8f;border-color:#bc8bc9;background:#fff8fd}
.value-grid article:nth-child(1){border-top:3px solid #ca77bc}.value-grid article:nth-child(2){border-top:3px solid #50a994}.value-grid article:nth-child(3){border-top:3px solid #df9b56}.value-grid article:nth-child(4){border-top:3px solid #8a83d3}
.value-grid article>span{color:#855677}
.pro-plan{background:linear-gradient(120deg,#542776,#7b2859);box-shadow:0 10px 30px #64277d20}.pro-plan .eyebrow{color:#ffcf92}.pro-plan .plan-status{color:#fff5d6;border-color:#bd88b8}.pro-plan h2>span{color:#ffdb9d}.pro-plan h2 small{color:#f3d7e7}.pro-plan .purchase-note{color:#f1dce9;border-color:#a96ba1}.pro-plan .sales-status span{border-color:#b47fae}.pro-plan .naver-status{color:#d6f4cf}
::selection{background:#e9c8f2}

/* Pro typography and image controls stay in the existing responsive side panel. */
.typography-section{background:#faf6fd}.text-presets{margin-top:12px}.text-presets button{flex:1;min-width:0}label.check.full{display:flex;align-items:center;gap:8px;line-height:1.5}.typography-section output{font-size:12px;color:#54308a;font-weight:700}input[type=range]{padding:4px 0;accent-color:#7f3298;min-height:36px}.fields>label{min-width:0}.typography-section .hint{color:#65516c}

/* Dedicated die specifications remain readable on narrow screens. */
.jig-section{border-left:3px solid #3c9b89;padding-left:10px}.jig-section h3{font-size:11px;margin-top:12px}.jig-order-summary{white-space:pre-line;overflow-wrap:anywhere;font-size:10px;line-height:1.75;margin-top:7px;color:#4d3b59}#jigDetails[hidden]{display:none}

/* Distributed workspace: format above, image left, personalization below.
   Normal document flow keeps every tool reachable without covering the artwork. */
@media screen {
  .workspace-nav{max-width:1480px;margin:0 auto 14px;display:flex;gap:8px;flex-wrap:wrap}
  .workspace-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:24px;background:var(--paper);font-size:12px;font-weight:600;text-decoration:none}
  .workspace-nav a:hover{background:#f2e6f8;border-color:#ad75bc}
  .shell{grid-template-columns:280px minmax(0,1fr) 280px;grid-template-areas:"format format format" "image preview inspector" "personalize personalize personalize";gap:18px;align-items:stretch}
  .shell>*,.format-grid>*,.personalize-grid>*,.reuse-stack>*{min-width:0}
  .format-strip,.bottom-panel{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:18px;box-shadow:0 6px 20px #67358008;scroll-margin-top:16px}
  .format-strip{grid-area:format;border-top:3px solid #49a391}
  .format-strip>.panel-title{margin-bottom:16px}
  .format-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,2fr);gap:22px;align-items:start}
  .format-grid>.section{margin:0;padding:0;border:0}
  .format-grid>.section+.section{border-left:1px solid var(--line);padding-left:22px}
  .format-grid .styles{grid-template-columns:1fr 1fr;gap:8px}
  .format-grid .fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .format-grid #radiusField{grid-column:span 2}
  .format-grid #apply{width:auto;min-width:156px;margin-top:12px}
  .jig-details{margin-top:18px;padding:12px 16px;border:1px solid #c0dfd2;border-radius:7px;background:#f3faf6}
  .jig-details summary{min-height:44px;cursor:pointer;font-size:13px;font-weight:650;align-content:center}
  .jig-details summary span{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}
  .jig-details .jig-order-summary{font-size:12px;line-height:1.8;columns:2;column-gap:32px;column-rule:1px solid #c0dfd2;margin-top:8px}
  .jig-details .hint{max-width:100ch}
  .shell #status{font-size:12px;min-height:20px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
  .shell>.image-panel{grid-area:image;height:auto;min-height:820px;max-height:none;overflow:visible;padding:18px;scroll-margin-top:16px}
  .image-panel .image-section>h2{display:none}
  .shell>.preview{grid-area:preview;height:auto;min-height:0;padding:18px}
  .shell>.inspector{grid-area:inspector;height:820px;max-height:820px;padding:18px;scroll-margin-top:16px;scroll-padding:16px}
  .shell .panel-title{font-size:14px;gap:8px}
  .shell .panel-title small{font-size:9px;letter-spacing:.8px;white-space:nowrap}
  .shell h2{font-size:14px}
  .shell label,.shell .check{font-size:12px;line-height:1.5}
  .shell button,.shell input,.shell select,.shell textarea{font-size:13px;min-height:44px}
  .shell input[type=file]{font-size:12px;padding:9px 6px}
  .shell input[type=checkbox]{width:20px;height:20px;min-height:20px;flex-shrink:0}
  .shell .check{min-height:44px}
  .shell .hint,.shell .preflight ul,.shell .preflight-heading strong,.shell #selectionInfo{font-size:12px;line-height:1.65}
  .shell .section-label{font-size:9px}
  .shell .toolbar{gap:8px}
  .shell .toolbar button{padding:8px;min-width:0;font-size:12px}
  .image-panel .toolbar button{flex-basis:100%}
  .shell .fields{gap:12px}
  .shell .production-controls input[type=number]{width:70px;min-height:44px}
  .shell .production-controls>label:not(.check){gap:8px}
  .shell .preflight{padding:12px}
  .shell .badge{font-size:11px;white-space:normal;text-align:right}
  .shell .production-stats strong{font-size:14px}
  .shell .production-stats span{font-size:10px}
  .shell .canvas-caption,.shell .canvas-caption span{font-size:11px}
  .shell .canvas-caption{flex-wrap:wrap}
  .shell canvas#preview{max-height:645px}
  .bottom-panel{grid-area:personalize;border-top:3px solid #ba78ca}
  .bottom-panel>.panel-title{border-bottom:2px solid #e4c9eb}
  .personalize-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:start}
  .typography-section{background:transparent}
  .typography-section .fields{grid-template-columns:repeat(3,minmax(0,1fr))}
  .typography-section .text-curve-field{grid-column:span 2}
  .typography-section .text-y-field{grid-column:1/-1;max-width:260px}
  .typography-section .hint{max-width:88ch}
  .typography-section .text-presets{justify-content:flex-start}
  .typography-section .text-presets button{flex:0 1 220px}
  .reuse-stack{border-left:1px solid var(--line);padding-left:24px}
  .reuse-stack textarea{min-height:116px;margin-top:4px}
  .reuse-stack .brand-section{margin-top:20px;padding-top:20px}
}
@media screen and (max-width:1540px){.workspace-nav{margin-left:24px;margin-right:24px}}
@media screen and (min-width:761px) and (max-width:1179px){
  .shell{grid-template-columns:270px minmax(0,1fr);grid-template-areas:"format format" "image preview" "personalize personalize" "inspector inspector"}
  .format-grid{grid-template-columns:1fr 1fr;gap:20px}
  .format-grid .dimensions-section{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line)!important;padding-left:0!important;padding-top:18px!important}
  .format-grid .fields{grid-template-columns:repeat(6,minmax(0,1fr))}
  .format-grid #radiusField{grid-column:span 2}
  .shell>.inspector{height:auto;max-height:none;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .personalize-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px}
  .reuse-stack{padding-left:20px}
  .typography-section .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .typography-section .text-y-field{grid-column:auto;max-width:none}
}
@media screen and (max-width:760px){
  .workspace-nav{margin-left:16px;margin-right:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .workspace-nav a{font-size:12px;padding:8px}
  .shell{display:flex;gap:16px}
  .shell>.format-strip,.shell>.image-panel,.shell>.preview,.shell>.bottom-panel,.shell>.inspector{order:0;padding:16px;height:auto;min-height:0;max-height:none;overflow:visible}
  .format-grid,.personalize-grid{grid-template-columns:1fr;gap:20px}
  .format-grid>.section+.section{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px}
  .format-grid .fields,.typography-section .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .format-grid #apply{width:100%}
  .format-grid #radiusField{grid-column:1/-1}
  .shell .panel-title{font-size:14px;align-items:start}
  .shell .panel-title small{font-size:8px;letter-spacing:.3px}
  .shell .hint{font-size:12px}
  .jig-details{padding:10px 12px}
  .jig-details summary span{display:block;margin-left:16px}
  .jig-details .jig-order-summary{columns:auto;font-size:12px}
  .shell canvas#preview{max-height:none}
  .shell .paper-wrap{padding:12px;overflow:hidden}
  .shell .production-stats{gap:8px}
  .shell .production-stats>div+div{padding-left:8px}
  .shell .production-stats strong{font-size:12px}
  .shell .badge{font-size:10px}
  .shell .canvas-caption{display:block}
  .shell .canvas-caption span{display:block;font-size:10px}
  .typography-section .text-curve-field{grid-column:1/-1}
  .typography-section .text-y-field{grid-column:1/-1;max-width:none}
  .typography-section .text-presets button{flex:1 1 100%}
  .reuse-stack{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
  .shell input[type=file]{max-width:100%}
}

/* Keep setup to two control rows instead of adding another tall sidebar. */
@media screen {
  .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
  .format-strip{padding:14px 18px}
  .format-strip>.panel-title{padding-bottom:8px;margin-bottom:12px}
  .format-primary{display:grid;grid-template-columns:minmax(230px,1.15fr) minmax(280px,1.3fr) minmax(210px,.85fr);gap:20px;align-items:end}
  .format-primary>.section,.format-secondary>.section{margin:0;padding:0;border:0;min-width:0}
  .format-primary .shape-section h2{font-size:12px;line-height:18px;font-weight:550;margin-bottom:4px}
  .format-primary .styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .format-primary .styles button{font-size:12px;padding:6px 4px}
  .format-secondary{display:flex;gap:16px;align-items:end;margin-top:12px}
  .format-secondary .dimensions-section{flex:1;min-width:0}
  .format-secondary .fields{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  .format-secondary #radiusField{grid-column:auto}
  .format-secondary #apply{width:190px;flex:0 0 190px;margin:0}
  .format-strip #jigDescription{margin-top:10px;font-size:12px}
  .format-strip .jig-details{margin-top:10px;padding:0 12px}
  .format-strip .jig-details[open]{padding-bottom:12px}
  .format-strip #status{margin-top:8px;padding-top:8px;min-height:27px}
}
@media screen and (max-width:1179px) and (min-width:761px){
  .format-primary{grid-template-columns:minmax(210px,1.1fr) minmax(260px,1.2fr) minmax(170px,.8fr);gap:14px}
  .format-primary .styles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .format-primary .styles button{padding:6px 2px}
  .format-secondary #apply{width:140px;flex-basis:140px}
}
@media screen and (max-width:920px) and (min-width:761px){
  .format-primary{grid-template-columns:1.1fr 1fr;gap:12px 18px}
  .format-primary .paper-section{grid-column:1/-1}
  .format-secondary .fields{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (max-width:760px){
  .format-primary{grid-template-columns:1fr;gap:14px}
  .format-primary .styles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .format-secondary{display:block;margin-top:12px}
  .format-secondary .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .format-secondary #radiusField{grid-column:1/-1}
  .format-secondary #apply{width:100%;margin-top:12px}
}
@media screen {
  .workspace-heading{gap:16px;flex-wrap:wrap}
  .workspace-heading .workspace-nav{max-width:none;margin:0;flex:1;justify-content:center}
  .format-strip>.panel-title{display:none}
  .typography-section .text-y-field{grid-column:auto;max-width:none}
}
@media screen and (max-width:760px){
  .workspace-heading .workspace-nav{flex-basis:100%;order:2}
  .typography-section .text-y-field{grid-column:1/-1}
}