:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8836a;--on-bg:#2b1511;--surface:#fff;--surface-2:#fbf5f0;--line:#efe3dc;--line-strong:#dccbc1;--text:#1f1a19;--text-muted:#6d605b;--accent:#2a7f7b;--accent-hover:#226a67;--accent-soft:#dcefed;--accent-ink:#fff;--accent2:#1f6e6a;--accent3:#e9b949;--accent3-ink:#3a2a00;--accent3-text:#946500;--danger:#c93a2f;--toggle-track:#f3b5a3;--tone-1:#efcf72;--tone-2:#e5b24f;--tone-3:#ee9d79;--tone-4:#f08c78;--tone-5:#86cbc3;--on-tone:#1f1a19;--blob-1:#f2c864;--blob-2:#eeaa6c}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#241a18;--on-bg:#f7ede8;--surface:#31252a;--surface-2:#3a2c30;--line:#473739;--line-strong:#5a4749;--text:#f7ede8;--text-muted:#c4b0a8;--accent:#5fc4bc;--accent-hover:#7fd3cc;--accent-soft:#25403e;--accent-ink:#14100f;--accent2:#6fd3c9;--accent3:#f0c25a;--accent3-ink:#2b1c00;--accent3-text:#f0c25a;--danger:#ff8a7a;--toggle-track:#4a3a3c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#241a18;--on-bg:#f7ede8;--surface:#31252a;--surface-2:#3a2c30;--line:#473739;--line-strong:#5a4749;--text:#f7ede8;--text-muted:#c4b0a8;--accent:#5fc4bc;--accent-hover:#7fd3cc;--accent-soft:#25403e;--accent-ink:#14100f;--accent2:#6fd3c9;--accent3:#f0c25a;--accent3-ink:#2b1c00;--accent3-text:#f0c25a;--danger:#ff8a7a;--toggle-track:#4a3a3c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}.display{letter-spacing:-.01em;font-family:Segoe UI Semibold,Century Gothic,ui-rounded,-apple-system,sans-serif}.mono{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace}.card{background:var(--surface);border-radius:30px;box-shadow:0 22px 44px -18px #46140a73}.card-sm{background:var(--surface);border:1px solid var(--line);border-radius:14px}.btn{font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--line-strong);cursor:pointer;border-radius:14px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--accent3);outline-offset:2px}.btn-accent{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.btn-accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}.chip{font:inherit;color:var(--text-muted);border:2px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:.76rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.chip:focus-visible{outline:3px solid var(--accent3);outline-offset:2px}input[type=text],input[type=number],select{font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--line-strong);border-radius:12px;padding:8px 13px}input[type=text]:focus,input[type=number]:focus,select:focus{outline:3px solid var(--accent3);outline-offset:1px;border-color:var(--accent)}input::placeholder{color:var(--text-muted);opacity:.8}.wrap{max-width:1120px;margin:0 auto;padding:20px 24px 56px}.topbar{justify-content:flex-end;margin-bottom:14px;display:flex}.theme-toggle{background:var(--toggle-track);cursor:pointer;border:none;border-radius:999px;flex:none;width:48px;height:28px;transition:background .18s;position:relative}.theme-toggle:focus-visible{outline:3px solid var(--accent3);outline-offset:2px}.theme-toggle .knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .18s;position:absolute;top:3px;left:3px}.theme-toggle[data-on=true]{background:var(--accent)}.theme-toggle[data-on=true] .knob{left:23px}.mockup{padding:36px 40px 44px;display:block;position:relative;overflow:hidden}.mockup.work{max-width:940px;margin-inline:auto}@media (width<=720px){.mockup{padding:26px 18px 30px}}.mockup>:not(.mockup-blob):not(.mascot){z-index:1;position:relative}.mascot{z-index:2;object-fit:cover;border:3px solid var(--accent3);pointer-events:none;background:#fff;border-radius:12px;width:51px;height:auto;position:absolute;top:14px;right:22px;transform:rotate(7deg)}@media (width<=720px){.mascot{border-width:2px;border-radius:9px;width:36px;top:12px;right:12px}}.mockup-blob{z-index:0;pointer-events:none;position:absolute}.blob-1{background:var(--blob-1);border-radius:48% 52% 42% 58%/56% 44%;width:250px;height:206px;top:-92px;right:-64px;transform:rotate(-14deg)}.blob-2{background:var(--blob-2);border-radius:58% 42% 52% 48%/42% 58%;width:224px;height:262px;top:-52px;right:-120px;transform:rotate(8deg)}.home-head{align-items:center;gap:18px;display:flex}.brand-mark{object-fit:cover;background:#b1422d;border-radius:50%;flex:none;width:60px;height:60px;display:block}.home-head .brand-mark{width:84px;height:84px}.brand-name{letter-spacing:-.01em;color:var(--text);margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,Times New Roman,serif;font-size:2.4rem;font-weight:700;line-height:1}.brand-sub{color:var(--text-muted);margin-top:6px;font-size:.82rem}.home-lead{max-width:58ch;color:var(--text-muted);margin:26px 0 4px;font-size:.98rem}.home-lead strong{color:var(--text);margin-bottom:4px;font-size:1.4rem;font-weight:800;display:block}.tool-group-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:14px;margin:30px 0 14px;font-size:.72rem;font-weight:800;display:flex}.tool-group-label:after{content:"";background:var(--line);border-radius:1px;flex:1;height:2px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.tool-card{cursor:pointer;text-align:left;min-height:176px;font:inherit;color:var(--on-tone);border:none;border-radius:24px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 20px 22px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 14px 20px -14px #3c190f99}.tool-card:hover{transform:translateY(-4px);box-shadow:0 20px 26px -14px #3c190fa6}.tool-card:focus-visible{outline:3px solid var(--on-tone);outline-offset:3px}.tool-card-icon{background:#ffffff8c;border-radius:17px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:8px;display:flex}.tool-card-icon svg{stroke-width:1.5px;width:30px;height:30px}.tool-card-title{letter-spacing:.06em;text-transform:uppercase;padding-right:36px;font-size:.86rem;font-weight:800;line-height:1.2}.tool-card-desc{opacity:.82;padding-right:36px;font-size:.82rem;font-weight:500;line-height:1.4}.tool-card-go{background:var(--on-tone);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .16s;display:flex;position:absolute;bottom:16px;right:16px}.tool-card:hover .tool-card-go{transform:translate(3px)}.tone-1{background:var(--tone-1)}.tone-2{background:var(--tone-2)}.tone-3{background:var(--tone-3)}.tone-4{background:var(--tone-4)}.tone-5{background:var(--tone-5)}.work-header{align-items:center;margin-bottom:24px;padding-right:72px;display:flex}.back-btn{font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:var(--surface);border:2px solid var(--line-strong);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:.74rem;font-weight:800;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.back-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.back-btn:focus-visible{outline:3px solid var(--accent3);outline-offset:2px}.work-title{align-items:center;gap:16px;margin-bottom:26px;padding-right:72px;display:flex}.work-icon{width:62px;height:62px;color:var(--on-tone);border-radius:19px;flex:none;justify-content:center;align-items:center;display:flex}.work-icon svg{stroke-width:1.5px;width:34px;height:34px}.work-title h2{outline:none;margin:0;font-size:1.75rem;font-weight:800;line-height:1.15}.work-desc{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.tool-panel{min-width:0;animation:.22s both panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.drop-zone{text-align:center;background:color-mix(in srgb, var(--accent3) 11%, var(--surface));border:2px dashed var(--accent3);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:176px;margin-bottom:16px;padding:24px;transition:border-color .15s,background .15s;display:flex}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dz-icon{background:var(--accent3);width:48px;height:48px;color:var(--accent3-ink);border-radius:14px;justify-content:center;align-items:center;display:flex}.drop-zone:hover .dz-icon,.drop-zone.dragging .dz-icon{background:var(--accent);color:var(--accent-ink)}.drop-zone p{color:var(--text-muted);margin:0;font-size:.86rem}.fname{color:var(--text);font-weight:700}.link-btn{color:var(--accent);font-weight:600;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.mockup-row{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.mockup-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.privacy-note{color:var(--accent2);align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:flex}.hint{color:var(--text-muted);margin:8px 0 0;font-size:.82rem}.error-text{color:var(--danger);margin:10px 0 0;font-size:.85rem;font-weight:600}.start-field{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.start-field input[type=number]{width:68px}.start-field input[type=range]{width:auto;accent-color:var(--accent);flex:1}.start-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}footer{text-align:center;color:var(--on-bg);opacity:.85;margin-top:28px;font-size:.8rem;font-weight:600}.count-badge{color:var(--accent3-ink);background:var(--accent3);border-radius:999px;align-items:center;margin-left:8px;padding:2px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.page-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;margin-top:16px;display:grid}.page-thumb{flex-direction:column;align-items:stretch;gap:8px;padding:8px;display:flex}.page-thumb img{border:1px solid var(--line);border-radius:8px;width:100%;display:block}.page-thumb .btn{padding:7px 10px;font-size:.78rem}.sig-section{margin-bottom:32px}.sig-section:last-child{margin-bottom:0}.panel-subtitle{color:var(--text);margin:0 0 12px;font-size:.98rem;font-weight:700}.sig-gallery{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.sig-card{width:100px;padding:8px;position:relative}.sig-card-select{background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0;display:flex}.sig-card-select img{object-fit:contain;width:100%;height:44px}.sig-card-select span{color:var(--text-muted);font-size:.72rem;font-weight:600}.sig-card-remove,.sig-card-type,.stamp-picker-icon,.placed-stamp-remove{background:var(--surface);border:1px solid var(--line-strong);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.sig-card-remove{width:22px;height:22px;color:var(--danger);cursor:pointer;font-size:.95rem;line-height:1;top:-7px;right:-7px}.sig-card-remove:hover{background:var(--danger);border-color:var(--danger);color:#fff}.sig-card-type{width:22px;height:22px;color:var(--accent);top:-7px;left:-7px}.sig-card-type svg{width:12px;height:12px}.sig-upload{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sig-upload input[type=text]{flex:1;min-width:160px}.file-btn{white-space:nowrap;align-items:center;font-size:.82rem;display:inline-flex}.sig-upload-preview{align-items:center;gap:14px;margin-top:12px;display:flex}.checker-bg{background-image:linear-gradient(45deg, var(--line) 25%, transparent 25%), linear-gradient(-45deg, var(--line) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--line) 75%), linear-gradient(-45deg, transparent 75%, var(--line) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;background-color:var(--surface)}.sig-preview-swatch{border:1px solid var(--line-strong);border-radius:10px;flex:none;justify-content:center;align-items:center;width:130px;height:64px;display:flex;overflow:hidden}.sig-preview-swatch img{object-fit:contain;max-width:100%;max-height:100%}.sig-preview{border:1px solid var(--line-strong);background-position:50%;background-size:cover;border-radius:10px;max-width:100%;margin:12px 0;position:relative;overflow:hidden}.sig-preview-hint{color:var(--text-muted);background:color-mix(in srgb, var(--surface) 72%, transparent);justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;inset:0}.stamp-picker{flex-wrap:wrap;gap:10px;margin:12px 0 4px;display:flex}.stamp-picker-item{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 6px;transition:border-color .15s,background .15s;display:flex;position:relative}.stamp-picker-item:hover{border-color:var(--accent);background:var(--accent-soft)}.stamp-picker-item img{object-fit:contain;width:34px;height:26px}.stamp-picker-item span:last-child{font-size:.78rem;font-weight:600}.stamp-picker-icon{width:17px;height:17px;color:var(--accent);top:-6px;left:-6px}.stamp-picker-icon svg{width:9px;height:9px}.placed-stamp{position:absolute;transform:translate(-50%,-50%)}.placed-stamp img{cursor:grab;touch-action:none;width:100%;display:block}.placed-stamp img:active{cursor:grabbing}.placed-stamp.selected img{outline:1.5px dashed var(--accent);outline-offset:3px}.placed-stamp-remove{width:18px;height:18px;color:var(--danger);cursor:pointer;font-size:.8rem;line-height:1;top:-9px;right:-9px}.range-row input[type=text]{flex:1;min-width:140px}.organize-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;margin:16px 0;display:grid}.organize-thumb{flex-direction:column;gap:6px;padding:8px;display:flex}.organize-thumb.selected{border-color:var(--accent3);background:color-mix(in srgb, var(--accent3) 12%, var(--surface))}.organize-select{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0;display:flex}.organize-stage{width:100px;height:100px;display:block;position:relative}.organize-stage img{border:1px solid var(--line-strong);border-radius:3px;transition:transform .18s;display:block;position:absolute;top:50%;left:50%}.organize-thumb.selected .organize-stage img{border-color:var(--accent3)}.organize-select>span:last-child{color:var(--text-muted);font-size:.72rem;font-weight:700}.organize-select>span:last-child em{color:var(--accent3-text);font-style:normal}.organize-thumb.selected .organize-select>span:last-child{color:var(--accent3-text)}.organize-controls{justify-content:space-between;gap:4px;display:flex}.organize-controls button{border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:4px 0;font-size:.85rem;transition:border-color .15s,color .15s;display:flex}.organize-controls button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.organize-controls button:disabled{opacity:.35;cursor:not-allowed}.rotate-all-btn{align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;display:inline-flex}.link-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.result-bar{background:var(--accent-soft);border:2px solid var(--accent);border-radius:18px;flex-direction:column;gap:12px;margin-top:24px;padding:16px 18px;display:flex}.result-info{align-items:center;gap:10px;font-size:.86rem;display:flex}.result-info>div{overflow-wrap:anywhere;flex:1;min-width:0}.result-check{background:var(--accent);width:24px;height:24px;color:var(--accent-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.result-sub{color:var(--text-muted);font-weight:500}.result-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.result-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:4px;font-size:.72rem;font-weight:800}@media (prefers-reduced-motion:reduce){.organize-stage img,.theme-toggle,.theme-toggle .knob,.btn,.chip,.tool-card,.tool-card-go,.back-btn,.drop-zone{transition:none}.tool-panel{animation:none}}
