:root{--ink: #142033;--ink-soft: #4d5d78;--paper: #ffffff;--canvas: #8fa4c4;--stage: #7e94b6;--header: #16325c;--workshop: #d7e2f2;--nav: #c7d5ea;--accent: #2563ff;--accent-deep: #1d4ed8;--accent-soft: #dbe6ff;--warm: #ff5a3d;--line: #b7c6dc;--ok: #0d9f6e;--danger: #e11d48;--warn: #b45309;--shadow: 0 16px 40px rgba(20, 32, 51, .18);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica Neue,sans-serif;color:var(--ink);background:var(--canvas);line-height:1.35;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--canvas)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.5rem 1rem;background:var(--header);color:#f4f7ff;border-bottom:0}.brand{display:flex;align-items:center;gap:.7rem;min-width:0}.logo-mark{flex:0 0 auto;display:block;border-radius:10px}.brand-copy{display:flex;flex-direction:column;line-height:1.1;min-width:0}.brand strong{font-size:1.05rem;letter-spacing:-.03em;font-weight:750}.brand span{font-size:.72rem;color:#f4f7ffb8}.desktop-actions{display:flex;gap:.4rem;align-items:center}.more-menu,.label-narrow{display:none}.top-actions,.icon-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.ghost,.primary,.stamp,.ghost-ink{border:0;border-radius:8px;padding:.42rem .8rem}.ghost{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.28)}.ghost-ink{background:transparent;color:var(--ink);border:1px solid var(--line)}.topbar .ghost:hover,.topbar .text-btn:hover{background:#ffffff1f}.ghost-ink:hover,.file-pop button:hover{background:var(--accent-soft)}.ghost-ink:disabled{opacity:.4;cursor:not-allowed}.stamp{background:var(--warm);color:#fff;font-weight:700;letter-spacing:.02em}.stamp:hover{background:#e6472c}.stamp:disabled{opacity:.5;cursor:not-allowed}.file-menu{position:relative}.file-menu summary{list-style:none;cursor:pointer}.file-menu summary::-webkit-details-marker{display:none}.file-menu[open] .file-pop,.file-menu .file-pop{display:none}.file-menu[open] .file-pop{display:flex;flex-direction:column;position:absolute;right:0;top:calc(100% + 6px);background:var(--paper);color:var(--ink);min-width:11rem;padding:.35rem;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--line);z-index:12}.file-menu .file-pop button,.file-menu .file-pop a{text-align:left;background:transparent;border:0;padding:.4rem .55rem;border-radius:6px;color:inherit;text-decoration:none;display:block}.file-menu .file-pop{color:var(--ink)}.topbar a.text-btn{text-decoration:none;display:inline-flex;align-items:center}.stage{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(1200px 400px at 50% -10%,rgba(255,255,255,.28),transparent 55%),var(--canvas)}.stage-bar,.status{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.4rem .9rem;color:var(--ink-soft);font-size:.8rem}.status{border-top:1px solid var(--line)}.stage-meta{color:var(--ink-soft)}.view-toggle{display:flex;gap:.3rem}.seg{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:.28rem .55rem;font-size:.78rem;border-radius:999px}.seg[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink);outline:none}.canvas-wrap{min-height:0;overflow:hidden;padding:.8rem 1.1rem;display:grid;place-items:center}.drawing{color:var(--ink-soft)}.sign-board{background:transparent;box-shadow:none}.sheet,.page-thumb{background:var(--paper);box-shadow:var(--shadow);border-radius:8px}.sign-board,.sheet{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:0}.sign-board svg,.sheet svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.sign-board svg{filter:drop-shadow(0 18px 36px rgba(15,23,40,.14));border-radius:6px}.page-thumb svg{display:block;width:100%;height:auto;max-height:6.5rem}.page-preview{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.55rem;width:min(100%,1100px);height:100%;min-height:0}.page-grid{display:grid;gap:.45rem;min-height:0}.page-thumb{border:2px solid transparent;padding:0;background:var(--paper);min-height:0;overflow:hidden}.page-thumb[aria-current=true]{border-color:var(--accent)}.sheet{min-height:0;overflow:hidden;display:grid;place-items:center}.workshop{background:var(--workshop);border-top:1px solid var(--line);display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(46vh,420px);min-height:0}.stepper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line);overflow-x:auto}.step-tab{display:flex;gap:.45rem;align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;padding:.5rem .55rem;text-align:left;min-width:0}.step-tab[aria-selected=true]{background:var(--accent-soft);border-bottom-color:var(--accent)}.step-num{flex:0 0 auto;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--ink);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center}.step-tab[aria-selected=true] .step-num{background:var(--accent)}.step-copy{display:flex;flex-direction:column;min-width:0;line-height:1.15}.step-copy strong{font-size:.78rem}.step-copy small{color:var(--ink-soft);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workshop-body{overflow:auto;padding:.7rem 1rem .5rem}.step-prompt{margin:0 0 .55rem;font-size:1.02rem;font-weight:700;letter-spacing:-.02em}.workshop-nav{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem 1rem .6rem;border-top:1px solid var(--line);background:var(--nav)}.workshop-progress{font-size:.78rem;color:var(--ink-soft)}.workshop-body label,.field-label{display:block;font-size:.78rem;margin:.2rem 0 .15rem;color:var(--ink-soft)}.workshop-body input[type=text],.workshop-body input[type=number],.workshop-body select{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.4rem .5rem}.workshop-body input[type=text]:focus,.workshop-body input[type=number]:focus,.workshop-body select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.step-grid{display:grid;grid-template-columns:2fr 1fr;gap:.8rem}.step-main input[type=text]{font-size:1.15rem;padding:.55rem .65rem}.font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.4rem;margin-bottom:.55rem}.font-card{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:.35rem .45rem .4rem;text-align:left;min-height:3.4rem}.font-card[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px;background:var(--accent-soft)}.font-sample{display:block;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-meta{display:flex;justify-content:space-between;gap:.35rem;font-size:.68rem;color:var(--ink-soft)}.font-meta small{opacity:.8}.shape-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;margin-bottom:.45rem}.shape-card{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:.35rem .3rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.75rem}.shape-card[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px;background:var(--accent-soft)}.size-layout,.look-layout,.print-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem}.print-layout{grid-template-columns:1.1fr 1fr auto;align-items:start}.print-cta{display:flex;flex-direction:column;gap:.4rem;justify-content:center}.stretch-col,.look-details{min-width:0}.row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.error{color:var(--danger);font-size:.8rem;margin:.25rem 0 0}.warn{color:var(--warn);font-size:.78rem;margin:.25rem 0 0}.quiet{font-size:.75rem;color:var(--ink-soft);margin:.4rem 0 0}.swatches,.looks{display:flex;flex-wrap:wrap;gap:.35rem}.swatch,.look{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:2rem}.swatch{width:1.7rem;height:1.7rem;padding:0}.look{padding:.28rem .5rem;font-size:.78rem}.swatch[aria-pressed=true],.look[aria-pressed=true],.font-card[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.check{display:flex;align-items:center;gap:.35rem;margin:.35rem 0}.slider{margin:.25rem 0 .15rem}.slider-head{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-soft)}.slider-row{display:grid;grid-template-columns:1fr 4.4rem;gap:.4rem;align-items:center}input[type=range]{width:100%;accent-color:var(--accent)}.dialog-backdrop{position:fixed;inset:0;background:#0f172873;display:grid;place-items:center;padding:1rem;z-index:20}.dialog{background:var(--paper);color:var(--ink);width:min(640px,100%);max-height:90vh;overflow:auto;padding:1.2rem 1.3rem 1.4rem;border-radius:16px;box-shadow:var(--shadow)}.dialog h2{margin-top:0;letter-spacing:-.03em}.dialog ol{padding-left:1.2rem}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.primary{background:var(--ink);color:#fff;border-radius:8px}.text-btn{background:transparent;border:0;color:inherit;padding:.35rem .5rem;border-radius:8px}.privacy{font-size:.75rem;color:var(--ink-soft);margin-top:1.2rem}.mobile-note{display:none;padding:.45rem .9rem;background:var(--accent-soft);color:var(--ink);font-size:.82rem}.field-error{border-color:var(--danger)!important}.help-figure{background:#f8fafc;border:1px dashed var(--line);padding:.6rem;margin:.6rem 0 1rem;border-radius:10px}@media (max-width: 1100px){.step-copy small{display:none}.size-layout,.look-layout,.print-layout{grid-template-columns:1fr}.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 800px){.desktop-actions{display:none}.more-menu{display:block}.label-wide{display:none}.label-narrow{display:inline}.brand span{display:none}.brand strong{font-size:.95rem}.logo-mark{width:30px;height:30px}.stage-meta,.status-hint{display:none}.status{font-size:.72rem}.step-grid{grid-template-columns:1fr}.workshop{max-height:min(40vh,340px)}.canvas-wrap{padding:.5rem .65rem}.print-cta{display:none}.workshop-nav .ghost-ink,.workshop-nav .primary,.workshop-nav .stamp{min-height:44px;min-width:4.5rem}.step-tab{min-height:44px;justify-content:center;padding:.35rem .2rem}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-thumb svg{max-height:4.2rem}}@media (max-width: 640px){.step-copy{display:none}.stepper{grid-template-columns:repeat(6,minmax(0,1fr))}.workshop{max-height:min(36vh,300px)}.topbar{padding:.4rem .65rem;gap:.45rem}.page-preview{grid-template-rows:1fr}.page-preview .sheet{display:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}