:root{--navy:#142a39;--ink:#203643;--muted:#647783;--teal:#176f68;--teal-dark:#115750;--pale:#edf4f1;--line:#dce4e7;--paper:#fff;--bg:#f3f6f7;--amber:#875d24;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}a{color:var(--teal)}:focus-visible{outline:3px solid #d8a14f;outline-offset:3px}button,input,textarea,select{border-radius:7px}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}.skip-link{position:absolute;left:20px;top:-80px;z-index:50;background:white;padding:12px}.skip-link:focus{top:12px}.app-header{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1420px)/2));gap:20px}.wordmark{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.6px;text-decoration:none;color:var(--navy)}.wordmark strong{font-weight:750}.brand-icon{width:32px;height:33px;display:flex;gap:3px;align-items:flex-end}.brand-icon i{width:8px;height:25px;background:var(--navy);border-radius:1px}.brand-icon i:nth-child(2){height:33px;background:var(--teal)}.brand-icon i:nth-child(3){height:20px;background:#9cafaa}.header-right{display:flex;align-items:center;gap:24px}.edition-label{font-size:9px;font-weight:750;letter-spacing:1.5px;border:1px solid var(--line);border-radius:4px;padding:7px 9px}.local-status{font-size:12px;color:var(--muted)}.local-status i{display:inline-block;width:6px;height:6px;background:#398b67;border-radius:50%;margin-right:6px}.demo-banner{background:#e1eee7;color:#1a5449;padding:12px 30px;text-align:center;font-size:13px;display:flex;gap:18px;justify-content:center}main{max-width:1420px;margin:0 auto;padding:0 30px}.intro{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:45px 0 36px}.eyebrow{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:1.7px}.intro h1{font-weight:550;font-size:39px;line-height:1.14;letter-spacing:-1.6px;margin:13px 0}.intro p{color:var(--muted);font-size:14px;line-height:1.7;max-width:510px;margin:0}.intro-side{width:280px;flex-shrink:0;border-left:1px solid #cdd9dd;padding-left:30px}.intro-number{color:#9aaaae;font-size:11px;letter-spacing:3px}.intro-side p{font-size:12px;margin:10px 0 17px}.button{padding:11px 14px;font-weight:650;font-size:12px;line-height:1.4;border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:16px}.button-primary{background:var(--teal);color:white}.button-primary:hover{background:var(--teal-dark)}.button-outline{background:white;color:var(--ink);border-color:#ccd8dc}.button-outline:hover{background:#f5f8f7}.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#213f51}.text-link{font-size:11px;display:block;margin-top:12px;text-underline-offset:4px}.message{padding:14px 18px;font-size:13px;line-height:1.6;margin:0 0 20px;border:1px solid #b9d5cc;border-left:4px solid var(--teal);background:#f0f8f4;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere}.message.error{background:#fff2ed;border-color:#e9c4b6;border-left-color:#b04930;color:#863e2b}.studio-layout{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:start;gap:27px}.controls{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 15px #1a384305;overflow:hidden}.control-section{padding:23px 22px;border-bottom:1px solid #e6ecee}.control-section.last{border:0}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.step{display:inline-flex;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;border:1px solid #d6e1de;border-radius:50%;color:var(--teal);font-weight:700}.section-title h2{font-size:14px;letter-spacing:-.2px;margin:0}.helper{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 16px}.helper.compact{font-size:10px;margin:7px 0 13px}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.file-button{display:grid!important;grid-template-columns:29px 1fr;align-items:center;column-gap:9px;background:#f1f7f4;border:1px dashed #97b9ad;border-radius:7px;padding:14px 10px;margin-bottom:10px!important;cursor:pointer}.file-button:hover{background:#e8f1ec}.file-button strong{font-size:11px}.file-button>span:last-child{font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.file-icon{grid-row:span 2;font-size:25px;color:var(--teal);text-align:center}.secondary-file{background:white;border:1px solid var(--line)}.secondary-file:hover{background:#f7faf8}.file-button:has(+input:focus-visible){outline:3px solid #d8a14f;outline-offset:3px}.is-busy .file-button{pointer-events:none;opacity:.5}.guide{font-size:10px;color:var(--muted);line-height:1.7;margin-top:13px}.guide summary{cursor:pointer;color:var(--teal);font-weight:650}.guide p{margin:10px 0 0}.guide code{font-size:9px;color:var(--ink);background:#eff3f4;padding:1px 3px;border-radius:3px}.control-section>label:not(.file-button){display:flex;justify-content:space-between;font-size:10px;font-weight:650;margin:15px 0 6px}.control-section>label span{color:#87979c;font-size:9px;font-weight:400}input[type=text],textarea,select{display:block;width:100%;border:1px solid #d5dfe2;background:#fff;padding:10px;font-size:11px;color:var(--ink);line-height:1.5}input::placeholder,textarea::placeholder{color:#9aa6aa}textarea{resize:vertical;min-height:70px}.button-pair{display:flex;gap:8px}.button-pair .button{flex:1;font-size:10px;padding:10px 7px}.text-button{border:0;background:none;padding:0;color:var(--teal);font-size:10px;margin-top:16px;text-decoration:underline;text-underline-offset:4px}.save-status{display:block;font-size:9px;color:#839398;line-height:1.5;margin-top:13px}.preview-area{min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:18px}.view-tabs{padding:4px;display:flex;background:#e6ecee;border-radius:8px;gap:2px}.view-tabs button{border:0;background:none;padding:9px 13px;color:var(--muted);font-weight:600;font-size:11px}.view-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #19374614}.collection-stats{display:flex;align-items:center;gap:25px;border:1px solid var(--line);background:#fff;padding:15px 20px;border-radius:9px;margin-bottom:12px}.collection-stats>div{display:flex;align-items:baseline;gap:6px}.collection-stats strong{font-size:22px;font-weight:550;letter-spacing:-.7px}.collection-stats span{font-size:10px;color:var(--muted)}.collection-stats .status-pill{margin-left:auto;background:#eef4f1;color:var(--teal);padding:6px 8px;border-radius:4px;font-size:9px;white-space:nowrap}.collection-stats .status-pill.warning{color:var(--amber);background:#faf0db}.preflight{font-size:11px;line-height:1.6;background:#faf6ea;color:#806438;border:1px solid #e9debf;padding:11px 14px;border-radius:7px;margin-bottom:16px}.preflight summary{cursor:pointer;font-weight:600}.preflight p{margin:10px 0 2px;overflow-wrap:anywhere}.preflight.all-good{color:var(--teal);background:#edf5f1;border-color:#d0e1d7}.empty-state{border:1px dashed #d0dce0;border-radius:12px;text-align:center;min-height:630px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2f3,#e8eff0)}.empty-state h2{font-size:21px;font-weight:550;letter-spacing:-.6px;margin:25px 0 10px}.empty-state p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 20px}.empty-paper{width:156px;height:196px;background:white;box-shadow:0 10px 25px #1c364217;transform:rotate(-5deg);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:9px;border:1px solid #e5e9e9}.empty-paper div{grid-column:span 2;width:68%;height:8px;background:#264b58;margin-bottom:5px}.empty-paper i{background:#e1ece7;border-bottom:10px solid #f2f5f4}.empty-paper i:nth-child(3n){background:#dfe8ed}.empty-paper i:nth-child(2n){background:#eee6d9}.page-navigation{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 13px}.preview-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#8a9ba3}.page-navigation>div{display:flex;align-items:center;gap:12px}.page-navigation button{background:#fff;border:1px solid #d9e2e5;width:27px;height:27px;color:var(--ink)}.page-navigation #pagePosition{font-size:10px;color:var(--muted);min-width:66px;text-align:center}.preview-viewport{overflow:hidden;position:relative;filter:drop-shadow(0 7px 12px #253a4510)}.preview-document{transform-origin:top left;width:max-content}.print-tip{font-size:10px;line-height:1.7;color:#80919a;max-width:680px;margin:17px auto;text-align:center}.app-footer{margin:36px 0 0;padding:25px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#85949b;font-size:10px;line-height:1.7}.app-footer strong{font-size:11px;color:#556c77;font-weight:600}.app-footer p{margin:3px 0}.app-footer>p{text-align:right}dialog{width:500px;max-width:calc(100% - 30px);padding:30px;border:1px solid #d7e2e5;border-radius:14px;color:var(--ink);box-shadow:0 18px 100px #122b3b30}dialog::backdrop{background:#122d3d78;backdrop-filter:blur(3px)}dialog h2{font-size:25px;font-weight:550;letter-spacing:-.5px}dialog p{font-size:12px;line-height:1.7;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
/* Fixed physical pages. Browser print produces one page per section. */
.sheet-page{--page-h:297mm;width:210mm;height:var(--page-h);padding:12mm 12mm 10mm;background:white;color:#1a3542;position:relative;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.sheet-page.letter{width:215.9mm;--page-h:279.4mm}.sheet-page.screen-hidden{display:none}.page-head{height:32mm;flex:0 0 32mm;display:flex;justify-content:space-between;gap:8mm;border-bottom:.3mm solid #193d48;padding-bottom:4mm;margin-bottom:5mm;overflow:hidden}.page-brand{font-size:2.8mm;font-weight:750;letter-spacing:.6mm;overflow-wrap:anywhere;max-width:138mm}.page-head h2{font-size:7mm;font-weight:550;letter-spacing:-.23mm;line-height:1.05;margin:3mm 0 2mm;max-width:145mm;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-head p{font-size:2.45mm;line-height:1.3;margin:0;color:#7b8c8f;max-width:140mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-kicker{font-size:1.9mm;letter-spacing:.4mm;font-weight:750;line-height:1.8;white-space:nowrap;text-align:right;padding-top:1mm}.page-kicker span{color:#94a3a5;letter-spacing:.25mm;font-size:1.7mm}.product-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:4mm 5mm}.product-card{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-bottom:.2mm solid #dce6e5}.product-photo{height:30mm;flex:0 0 30mm;overflow:hidden;background:#e9eee8}.letter .product-photo{height:25mm;flex-basis:25mm}.product-photo img{display:block;width:100%;height:100%;object-fit:contain}.tone-1{background:#e8e1d5}.tone-2{background:#dce7e7}.tone-3{background:#eee9df}.tone-4{background:#dae2db}.tone-5{background:#e3e7ed}.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2mm}.placeholder>span:last-child{font-size:1.45mm;letter-spacing:.6mm;color:#82968f}.placeholder-shape{display:block;width:12mm;height:14mm;border:.35mm solid #90a59a55;border-radius:6mm 6mm 2mm 2mm;position:relative}.placeholder-shape:before{content:"";position:absolute;width:5mm;height:2mm;border:.35mm solid #90a59a55;border-radius:1mm;left:3.2mm;top:-1.5mm}.tone-1 .placeholder-shape,.tone-3 .placeholder-shape{width:16mm;height:9mm;border-radius:1mm 1mm 6mm 6mm}.tone-2 .placeholder-shape{width:20mm;height:6mm;border-radius:1mm 1mm 8mm 8mm}.tone-4 .placeholder-shape{height:12mm;border-radius:2mm}.tone-5 .placeholder-shape{height:5mm;width:21mm;border-radius:4mm}.product-content{padding:2.7mm 0 2mm;flex:1;min-height:0;display:flex;flex-direction:column}.product-category{font-size:1.75mm;text-transform:uppercase;letter-spacing:.32mm;line-height:1.3;font-weight:700;color:#508175;margin-bottom:.8mm;height:2.3mm;overflow:hidden}.product-content h3{font-size:3.5mm;font-weight:650;letter-spacing:-.06mm;line-height:1.12;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:7.85mm;flex-shrink:0}.product-sku{font-size:1.9mm;color:#819498;margin:1mm 0;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-description{font-size:2.1mm;line-height:1.35;color:#788b91;margin:0;max-height:8.6mm;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.product-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:2mm;margin-top:auto;padding-top:1.8mm;white-space:nowrap;flex-shrink:0}.product-bottom strong{font-size:2.9mm;font-weight:650}.product-bottom span{font-size:1.9mm;color:#657d85}.page-footer{flex:0 0 18mm;height:18mm;display:flex;align-items:flex-end;justify-content:space-between;gap:7mm;margin-top:5mm;padding-top:3mm;border-top:.2mm solid #d9e3e4;overflow:hidden}.page-footer>div{min-width:0}.page-footer strong{font-size:2.1mm;font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.page-footer p{font-size:1.9mm;color:#6d858b;line-height:1.3;max-width:158mm;margin:1mm 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.page-footer span{font-size:1.65mm;color:#8b9da2;line-height:1.3}.page-footer b{font-size:2.1mm;white-space:nowrap;letter-spacing:.25mm;color:#58737c;font-weight:500}.buyer-fields{display:flex;justify-content:space-between;font-size:2.6mm;margin:0 0 4mm}.worksheet-note{font-size:2.3mm;color:#6a7c83;line-height:1.5;margin:0 0 5mm;max-width:170mm}.order-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:2.4mm}.order-table th{text-align:left;font-size:2mm;font-weight:600;text-transform:uppercase;letter-spacing:.1mm;background:#edf3f0;padding:3mm 2mm;border-bottom:.3mm solid #b2c6c0}.order-table th:first-child{width:46%}.order-table th:nth-child(2){width:23%}.order-table th:nth-child(3),.order-table th:nth-child(4){width:9%}.order-table td{border-bottom:.2mm solid #dfe7e6;padding:2.8mm 2mm;height:9.5mm;font-size:2.4mm;line-height:1.2;vertical-align:middle;overflow-wrap:anywhere}.order-table td:first-child strong{font-size:2.3mm;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-table td:first-child span{font-size:1.9mm;color:#7d9197;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.7mm}.order-table .write-in{border-left:.2mm solid #e1e8e7;background:#fafbfa}.order-notes{font-size:2.3mm;margin-top:7mm;color:#7a8e95}.worksheet .page-footer{margin-top:auto}
@media(max-width:1080px){main{padding:0 20px}.app-header{padding:0 20px}.studio-layout{grid-template-columns:270px minmax(0,1fr);gap:18px}.control-section{padding:20px 17px}.collection-stats{gap:16px;padding:14px}.collection-stats>div{display:block}.collection-stats>div span{display:block}.preview-toolbar .button{font-size:10px;padding:10px}.view-tabs button{font-size:10px;padding:9px}.intro h1{font-size:35px}.intro{gap:25px}}@media(max-width:760px){.app-header{height:68px;padding:0 18px}.wordmark{font-size:16px;gap:8px}.brand-icon{transform:scale(.85);transform-origin:left}.header-right .local-status{display:none}.edition-label{font-size:8px;letter-spacing:.5px;padding:6px}.intro{padding:30px 0;align-items:flex-start;gap:25px}.intro h1{font-size:31px;letter-spacing:-1px}.intro p{font-size:12px}.intro-side{width:210px;padding-left:18px}.intro-side .button{font-size:10px;gap:5px}.studio-layout{grid-template-columns:240px minmax(0,1fr);gap:14px}.preview-toolbar{flex-direction:column;align-items:stretch}.view-tabs{justify-content:center}.collection-stats{gap:13px;flex-wrap:wrap}.collection-stats .status-pill{margin-left:0;width:100%;text-align:center}.empty-state{min-height:460px;padding:15px}.empty-state h2{font-size:18px}.empty-state p{font-size:11px}.empty-paper{transform:scale(.8) rotate(-5deg);margin:-15px}.app-footer{font-size:9px}.preflight{font-size:10px}.demo-banner{flex-direction:column;gap:3px;font-size:11px;padding:10px 15px}}@media(max-width:570px){main{padding:0 16px}.intro{display:block;padding:28px 0}.intro h1{font-size:34px}.intro-side{border:0;padding:0;margin-top:23px;width:auto}.intro-number,.intro-side p{display:none}.intro-side .button{font-size:12px}.text-link{display:inline-block;margin:0 0 0 12px;font-size:10px}.studio-layout{display:flex;flex-direction:column;gap:22px}.controls,.preview-area{width:100%}.control-section{padding:20px}.intro .eyebrow{font-size:9px}.preview-toolbar{flex-direction:row;align-items:center}.collection-stats{gap:20px}.collection-stats .status-pill{margin-left:auto;width:auto}.empty-state{min-height:440px}.app-footer{display:block}.app-footer>p{text-align:left;margin-top:13px}.page-navigation{margin-top:17px}dialog{padding:23px}.dialog-actions{gap:8px}.dialog-actions .button{font-size:11px}}
@media print{html,body{background:white!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.skip-link,.app-header,.demo-banner,.intro,.message,.controls,.preview-toolbar,.collection-stats,.preflight,.empty-state,.page-navigation,.print-tip,.app-footer,dialog,noscript{display:none!important}main,.studio-layout,.preview-area,.preview-viewport,.preview-document{display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;max-width:none!important;overflow:visible!important;transform:none!important;filter:none!important;position:static!important}.sheet-page,.sheet-page.screen-hidden{display:flex!important;margin:0!important;break-after:page;page-break-after:always;box-shadow:none!important}.sheet-page:last-child{break-after:auto;page-break-after:auto}.product-card,.page-head,.page-footer,tr{break-inside:avoid}a{text-decoration:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-right .language-select{width:79px;padding:7px 8px;font-size:11px;background:#fff}html[lang=ja]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}html[lang=ja] .intro h1{font-size:35px;line-height:1.35;letter-spacing:-.6px}html[lang=ja] .intro p{font-size:12px}html[lang=ja] .intro-side .button{font-size:12px}html[lang=ja] .page-head h2{font-size:6mm;line-height:1.2}html[lang=ja] .product-content h3{font-size:3mm;line-height:1.2}html[lang=ja] .product-description{font-size:1.9mm;line-height:1.4}html[lang=ja] .header-right{gap:14px}@media(max-width:570px){.header-right{gap:6px}.header-right .language-select{width:68px;padding:6px;font-size:10px}.edition-label{display:none}html[lang=ja] .intro h1{font-size:30px}.app-header .wordmark{font-size:14px}}
/* Conservative, legible text sizes for preview and physical output. */
.sheet-page{padding-bottom:10mm}.page-footer{height:24mm;flex-basis:24mm;margin-top:4mm;padding-top:2mm;align-items:flex-end}.page-footer strong{font-size:2.8mm;line-height:1.2;-webkit-line-clamp:2}.page-footer p{font-size:2.8mm;line-height:1.2;margin:.8mm 0;-webkit-line-clamp:2}.page-footer span{font-size:2.35mm;line-height:1.3;display:block}.page-footer b{font-size:2.8mm}.product-photo{height:23mm;flex-basis:23mm}.letter .product-photo{height:18mm;flex-basis:18mm}.product-content{padding:2mm 0 1.5mm}.product-category{font-size:2.5mm;line-height:1.2;height:3mm;margin-bottom:.8mm}.product-content h3,html[lang=ja] .product-content h3{font-size:3.5mm;line-height:1.15;max-height:8.1mm}.product-sku{font-size:2.8mm;line-height:1.15;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-all;flex-shrink:0;margin:.8mm 0}.product-description,html[lang=ja] .product-description{font-size:2.8mm;line-height:1.2;max-height:6.8mm;-webkit-line-clamp:2}.product-bottom{padding-top:1mm;flex-wrap:wrap;gap:.8mm 2mm}.product-bottom strong{font-size:3.1mm;line-height:1.2}.product-bottom span{font-size:2.8mm;line-height:1.2}.placeholder>span:last-child{font-size:2.2mm;letter-spacing:.35mm}.page-brand{font-size:3mm}.page-kicker{font-size:2.5mm}.page-kicker span{font-size:2.5mm}.page-head p{font-size:2.8mm}.buyer-fields{font-size:3mm}.worksheet-note{font-size:2.8mm;line-height:1.4;margin-bottom:4mm}.order-table th{font-size:2.8mm;letter-spacing:0;padding:2.5mm 2mm}.order-table td{font-size:2.8mm;padding:2mm;height:auto}.order-table td:first-child strong{font-size:2.8mm;line-height:1.2}.order-table td:first-child span{font-size:2.8mm;line-height:1.15;white-space:normal;text-overflow:clip;overflow:visible;word-break:break-all;margin-top:.6mm}.order-notes{font-size:2.8mm;margin-top:5mm}.order-table th:first-child{width:43%}.order-table th:nth-child(2){width:25%}.order-table th:nth-child(3),.order-table th:nth-child(4){width:10%}
@media screen{
  :root{font-size:16px}.studio-layout{grid-template-columns:340px minmax(0,1fr)}.intro p{font-size:16px}.intro-side{width:310px}.intro-side p{font-size:14px}.eyebrow,.edition-label,.local-status{font-size:12px}.intro-number{font-size:12px}.button,.intro-side .button{font-size:14px;padding:11px 14px}.text-link{font-size:13px}.section-title h2{font-size:18px}.step{font-size:12px}.helper,.helper.compact{font-size:13px}.file-button strong{font-size:14px}.file-button>span:last-child{font-size:12px}.guide,.guide code{font-size:12px}.control-section>label:not(.file-button){font-size:14px}.control-section>label span{font-size:12px}input[type=text],textarea,select{font-size:14px}input::placeholder,textarea::placeholder{color:#7b8a91}.button-pair .button{font-size:12px}.text-button,.save-status{font-size:12px}.view-tabs button{font-size:14px}.collection-stats span,.collection-stats .status-pill{font-size:12px}.preflight{font-size:13px}.empty-state p{font-size:14px}.empty-state h2{font-size:23px}.page-navigation #pagePosition,.preview-label,.print-tip{font-size:12px}.app-footer,.app-footer strong{font-size:12px}.app-footer{line-height:1.6}dialog p{font-size:14px}.header-right .language-select{font-size:14px;width:85px}html[lang=ja] .intro p{font-size:14px}html[lang=ja] .intro-side .button{font-size:14px}.message{font-size:14px}
}
@media screen and (max-width:1080px){.studio-layout{grid-template-columns:300px minmax(0,1fr)}.preview-toolbar{flex-wrap:wrap}.view-tabs{flex:1}.preview-toolbar>.button{flex:1;font-size:14px}.collection-stats{gap:18px}.collection-stats .status-pill{margin-left:0}.header-right{gap:12px}.intro-side{width:280px}}
@media screen and (max-width:800px){.studio-layout{grid-template-columns:270px minmax(0,1fr)}.intro-side{width:250px}.header-right .local-status{display:none}.edition-label{font-size:10px}.collection-stats .status-pill{width:100%;text-align:center}.view-tabs button{font-size:12px;padding:9px 7px}.preview-toolbar>.button{font-size:13px}.collection-stats>div span{font-size:12px}.text-link{font-size:12px}}
@media screen and (max-width:620px){.studio-layout{display:flex;flex-direction:column}.controls,.preview-area{width:100%}.intro{display:block}.intro-side{width:auto;border:0;padding:0;margin-top:20px}.intro-number,.intro-side p{display:none}.intro-side .text-link{display:inline-block;margin-left:12px}.intro h1{font-size:34px}.collection-stats{justify-content:space-between;gap:12px}.collection-stats .status-pill{width:auto}.view-tabs button{font-size:14px}.preview-toolbar>.button{font-size:14px}.app-footer{display:block}.app-footer>p{text-align:left;margin-top:12px}.header-right .edition-label{display:none}.header-right .language-select{width:78px}.wordmark{font-size:15px}}
.order-table td:first-child strong{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:6.8mm}
.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy>strong{font-size:20px;letter-spacing:-.7px}.brand-descriptor{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted)}.intro h1{max-width:670px}@media(max-width:570px){.brand-copy>strong{font-size:18px}.brand-descriptor{font-size:10px}}

.support-nav{display:flex;gap:20px;flex-wrap:wrap;padding:22px 0;border-top:1px solid #dbe1e9;font-size:14px}@media print{.support-nav{display:none!important}}
