:root{--paper: #fffdf5;--cream: #f6efdf;--linen: #efe6d3;--ink: #4a2f17;--muted: #8a6f50;--wood: #8b5a2b;--wooddark: #5f3a1d;--rust: #b5532a;--rustdark: #8f3f1e;--moss: #5f6f52;--mossdark: #48553e;--danger: #9f2b17;--line: #d9c7a4;--panelbar: #3b2a18;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:#e7dcc6;color:var(--ink)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior-y:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.screen{max-width:520px;margin:0 auto;min-height:100dvh;background:var(--cream)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.center h1{font-family:var(--serif);font-size:30px;color:var(--wooddark);margin:0}.center p{color:var(--muted);margin:0}.center pre{max-width:100%}.center input{width:100%;padding:14px;font-size:16px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);text-align:center;color:var(--ink)}.screen .hero{background:linear-gradient(160deg,#f7ecd6,#ead7b4);color:var(--wooddark);padding:22px 18px 18px;border-bottom:1px solid var(--line)}.screen .hero h1{margin:0 0 4px;font-size:26px;font-family:var(--serif);white-space:pre-line;overflow-wrap:anywhere;line-height:1.15}.screen .hero p{margin:0;color:var(--muted);font-size:14px}button.primary,label.primary{background:var(--rust);color:#fff7ea;border:1px solid var(--rustdark)}button.primary:active,label.primary:active{background:var(--rustdark)}button.primary:disabled{opacity:.45;cursor:default}.primary.small{padding:10px 14px;font-size:13px;flex:0 0 auto;border-radius:10px;font-weight:700;box-shadow:0 1px #0003}.tool-btn{display:inline-block;min-width:44px;padding:10px 12px;background:var(--paper);color:var(--wooddark);border:1.5px solid var(--line);border-radius:10px;font-size:14px;text-align:center;box-shadow:0 1px 2px #0000000f}.tool-btn.primary.big{width:100%;padding:13px;font-weight:700;font-size:16px}.tool-btn:active{filter:brightness(.97)}.frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}.frame-card{background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #5a3e1c24;border:2px solid transparent;text-align:left}.frame-card.on{border-color:var(--rust)}.frame-card .thumb{display:flex;align-items:center;justify-content:center;background:var(--linen);height:158px;padding:6px}.frame-card .thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:4px;box-shadow:0 0 0 1px #5a3e1c1f}.frame-card .noimg{color:var(--muted);font-size:12px;text-align:center}.frame-card .fc-info{padding:8px 10px}.frame-card .fc-info b{display:block;font-size:14px;color:var(--ink)}.frame-card .fc-info span{font-size:12px;color:var(--muted)}.frame-card .fc-name{display:block;padding:8px 10px;font-size:12px;color:var(--ink)}.resume{display:block;width:calc(100% - 32px);margin:14px auto 0;padding:12px;background:var(--paper);border:1.5px solid var(--line);color:var(--wooddark);font-weight:600;border-radius:10px;text-align:center}.editor-root{max-width:520px;margin:0 auto;background:var(--cream);height:100dvh;overflow:hidden;display:flex;flex-direction:column}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;background:var(--panelbar);color:#f3e7cf}.topbar .ttl{font-family:var(--serif);font-weight:700;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 6px}.topbar .ghost{color:#e9c9a8;font-size:14px;padding:8px;border-radius:8px}.topbar .ghost:active{background:#ffffff1f}.flow-banner{flex:0 0 auto;text-align:center;font-size:12px;color:var(--wooddark);background:#f1e3c8;border-bottom:1px solid var(--line);padding:5px 10px}.ctx-add{display:flex;align-items:center;gap:8px;width:100%}.ctx-add .tool-btn{flex:1 1 auto;padding:12px 14px}.ctx-add .big-cta{background:var(--rust);color:#fff7ea;border-color:var(--rustdark);font-weight:700}.ctx-actions{display:flex;align-items:center;gap:8px;width:100%;height:100%}.ctx-actions .tool-btn{flex:1 1 0;width:auto;padding:11px 10px;text-align:center}.ctx-chips{display:flex;align-items:center;gap:6px;width:100%;overflow-x:auto;scrollbar-width:none}.ctx-chips::-webkit-scrollbar{display:none}.ctx-chips .ctx-ttl{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;padding-right:2px}.ctx-chips .grp{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.ctx-chips .grp+.grp{border-left:1.5px solid var(--line);padding-left:8px;margin-left:4px}.ctx-chips button{flex:0 0 auto;height:44px;min-width:40px;padding:0 10px;border:1.5px solid var(--line);background:var(--cream);color:var(--wooddark);border-radius:9px;font-size:13px}.ctx-chips button.on{background:var(--moss);border-color:var(--mossdark);color:#f4f7ef}.ctx-chips button.danger{background:#fbe7e2;border-color:var(--danger);color:var(--danger)}.ctl{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.16,1,.3,1);background:var(--paper);border-top:1.5px solid var(--line);z-index:45;overflow:hidden}.ctl.open{grid-template-rows:1fr}.ctl-rows{min-height:0;overflow:hidden}.ctl-track{position:relative;height:58px;min-width:0}.ctl-layers{position:relative;width:100%;height:100%;min-width:0}.ctl-layer{position:absolute;inset:0 10px;display:flex;align-items:center;min-width:0}.ctl-prev{pointer-events:none;animation:fadeOut .24s ease-out both}.rot-backdrop{position:fixed;inset:0;z-index:40;background:#3a2a1414}.rot-prop{display:flex;align-items:center;gap:8px;padding:2px 12px 6px;color:var(--wooddark);background:var(--paper);border-top:1.5px solid var(--line);-webkit-user-select:none;user-select:none;touch-action:none;animation:fadeUp .22s cubic-bezier(.16,1,.3,1)}.rot-prop .rot-label{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.rot-prop .rot-nudge{flex:0 0 auto;height:40px;padding:0 10px;background:var(--cream);border:1.5px solid var(--line);border-radius:8px;color:var(--wooddark);font-size:12px;font-weight:700}.rot-prop .rot-nudge:active{background:var(--linen)}.rot-prop input[type=range]{flex:1;min-width:0;height:40px;touch-action:none;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.rot-prop input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#d9c5a2}.rot-prop input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--rust);border:3px solid #fff7ea;margin-top:-10px;box-shadow:0 1px 4px #4a2f1766}.rot-prop input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#d9c5a2}.rot-prop input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--rust);border:3px solid #fff7ea}.rot-deg{flex:0 0 auto;min-width:46px;text-align:right;font-weight:700;color:var(--rustdark);font-variant-numeric:tabular-nums;font-size:13px}.rp-close{color:var(--muted);font-size:16px;padding:8px;flex:0 0 auto}.stage-scroll{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-linear-gradient(45deg,#e9dec6,#e9dec6 12px,#e6d9bd 12px 24px)}.stage-center{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stage-box{position:relative;box-shadow:0 6px 24px #4a2f1759;border-radius:4px;background:#fff}.stage-box canvas{display:block;border-radius:4px}.stage-scroll{position:relative}.tools-pop{position:absolute;left:10px;right:10px;bottom:8px;z-index:6;background:var(--paper);border:1.5px solid var(--wood);border-radius:12px;padding:7px 10px 6px;box-shadow:0 8px 22px #3a2a1447;animation:fadeUp .18s ease-out}.tools-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.tools-pop-title{font-size:12px;color:var(--wooddark);font-weight:600}.tools-close{font-size:15px;color:var(--muted);padding:4px 8px}.tools-pop .btn-row{justify-content:center}.tools-pop .rot-row{padding-top:4px}.panel{flex:0 0 auto;background:var(--paper);border-top:2px solid var(--wood);display:flex;flex-direction:column;box-shadow:0 -6px 18px #5a3e1c1f;position:relative;z-index:41}.expand{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1)}.expand.open{grid-template-rows:1fr}.expand-inner{min-height:0;overflow:hidden}.panel-body{display:flex;flex-direction:column;overflow:hidden}.toolarea{padding:6px 10px 2px}.toolarea-hint{color:var(--muted);font-size:12px;text-align:center;padding:9px 4px;min-height:34px;font-style:italic}.btn-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.btn-row button{min-width:42px;padding:9px 11px;background:var(--paper);color:var(--wooddark);border:1.5px solid var(--line);border-radius:9px;font-size:13px}.btn-row button.on{background:var(--moss);border-color:var(--mossdark);color:#f4f7ef}.btn-row button.danger{background:#fbe7e2;border-color:var(--danger);color:var(--danger)}.rot-row{display:flex;align-items:center;gap:10px;width:100%;color:var(--wooddark);padding-top:4px}.rot-label{font-size:13px;white-space:nowrap}.rot-row .deg{min-width:46px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.rot-row input[type=range]{flex:1;height:40px;touch-action:none;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.rot-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#d9c5a2}.rot-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--rust);border:3px solid #fff7ea;margin-top:-11px;box-shadow:0 1px 4px #4a2f1766}.rot-row input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#d9c5a2}.rot-row input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--rust);border:3px solid #fff7ea}.tray-progress{color:var(--wooddark);font-size:12px;padding:3px 12px 0;font-style:italic}.thumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;flex:0 0 auto;-webkit-overflow-scrolling:touch}.thumbs-empty{color:var(--muted);font-size:12px;padding:12px 2px;white-space:nowrap;font-style:italic}.tray-item{flex:0 0 62px;width:62px;height:62px;border-radius:10px;overflow:hidden;background:var(--linen);display:flex;align-items:center;justify-content:center;border:2px solid var(--line);position:relative}.tray-del{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#3a2a14c7;color:#fff7ea;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}.tray-del:active{background:var(--danger)}.tray-used{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--moss);border:1.5px solid #fff7ea;color:#fff;font-size:11px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}.tray-item img{width:100%;height:100%;object-fit:cover;display:block}.tray-item.ok{border-color:var(--moss)}.tray-item.error{border-color:var(--danger);background:#fbe7e2}.tray-item.repick{border-color:#c9a227;background:#fdf3d8}.tray-err{color:inherit;font-size:10px;font-weight:700;text-align:center;line-height:1.15}.tray-spin{width:20px;height:20px;border:3px solid #d9c5a2;border-top-color:var(--rust);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel-tab{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1.5px solid var(--line);background:var(--paper)}.tab-actions{display:flex;gap:6px;min-width:0}.panel-tab .tool-btn{min-width:0;padding:9px 11px;font-size:13px}.tool-btn.big-cta{background:var(--rust);color:#fff7ea;border-color:var(--rustdark);font-weight:700}.expand-btn{margin-left:auto;color:var(--wood);font-size:12px;padding:8px 4px;white-space:nowrap}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:92px;background:var(--panelbar);color:#f3e7cf;padding:8px 14px;border-radius:999px;font-size:13px;z-index:60;box-shadow:0 4px 12px #0000004d;max-width:90%}.toast.busy{bottom:auto;top:70px}.toast.error{background:var(--danger)}.modal{position:fixed;inset:0;background:#3a2a1480;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--paper);width:100%;max-width:520px;border-radius:18px 18px 0 0;padding:16px 14px 24px;max-height:82dvh;overflow:auto;box-shadow:0 -10px 30px #3a2a144d;animation:fadeUp .2s ease-out}.sheet h3{margin:0 0 12px;font-family:var(--serif);color:var(--wooddark)}.sheet .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h3{margin-bottom:8px}.sheet-close{font-size:18px;color:var(--muted);padding:6px 10px}.sheet-empty{color:var(--muted);font-size:13px;padding:6px 2px}.sheet-thumbs{padding:4px 0 8px}.sheet-actions{display:flex;gap:8px;margin-top:8px}.sheet-actions .tool-btn.primary.big{flex:1}.sheet .note{color:var(--muted);font-size:12px;margin:10px 0 0}.printer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%;background:var(--cream);border:1.5px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;text-align:left}.printer-row.disabled{opacity:.55;pointer-events:none}.printer-row b{font-size:15px;color:var(--ink)}.printer-row span{color:var(--muted);font-size:12px}.printer-row .pr-info{flex:1;min-width:190px;display:flex;flex-direction:column;gap:2px}.pr-even{font-weight:700}.pr-qty{flex:0 0 auto;display:flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:2px}.pr-qty button{min-width:32px;height:32px;border-radius:8px;background:var(--cream);border:1px solid var(--line);color:var(--wooddark);font-size:16px}.pr-qty button:disabled{opacity:.4}.pr-qty span{min-width:26px;text-align:center;font-weight:700;color:var(--ink)}.pr-buy{flex:0 0 auto;padding:10px 14px;font-size:14px;border-radius:10px;font-weight:700;box-shadow:0 1px #0003;white-space:nowrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.order-nav{display:flex;align-items:center;gap:12px;width:100%;max-width:420px;justify-content:space-between;color:var(--muted);font-size:13px}.order-nav .back-link{color:var(--rustdark);font-weight:700;font-size:15px;padding:8px 4px}.order-card{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:24px 18px;max-width:400px;width:100%;box-shadow:0 12px 30px #5a3e1c2e}.order-card h2{margin:8px 0;font-family:var(--serif);color:var(--wooddark)}.order-card .amount{color:var(--rustdark);font-weight:700}.order-files{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.order-files .dl-main{width:100%}.order-files .dl-label{margin:4px 0 0;font-size:12px;color:var(--muted);font-weight:700;text-align:left}.photo-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.photo-dl{flex:0 0 78px;width:78px;display:flex;flex-direction:column;align-items:stretch;gap:4px;border:none;background:none;padding:0}.photo-dl img{width:78px;height:78px;object-fit:cover;border-radius:9px;border:1.5px solid var(--line)}.photo-dl span{font-size:11px;font-weight:700;color:var(--rustdark);background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:4px 0;text-align:center}.hist{padding:4px 16px 18px}.hist-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:6px 0 8px}.hist-head .small{color:var(--rustdark);font-weight:700;font-size:12px;padding:4px 8px;background:var(--cream);border:1px solid var(--line);border-radius:8px}.hist-body{max-height:min(340px,45vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.hist-item{display:flex;align-items:center;gap:10px;width:100%;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:8px;margin-bottom:8px;text-align:left}.hist-item:active{background:var(--cream)}.hist-thumb{flex:0 0 52px;width:52px;height:52px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--linen)}.hist-thumb img{width:100%;height:100%;object-fit:cover}.hist-thumb .noimg{font-size:22px}.hist-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hist-mid b{font-size:13px;color:var(--wooddark)}.hist-mid small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-mid small.reject{color:var(--danger)}.hist-go{flex:0 0 auto;color:var(--rustdark);font-weight:700;font-size:14px;padding:6px 4px}.big-icon{font-size:52px}.reject{color:var(--danger);font-weight:600}.amount{color:var(--muted)}.preview-wrap{border:1.5px solid var(--line);border-radius:10px;overflow:hidden;margin:12px 0}.preview-wrap img{width:100%;display:block}.preview-wrap.done{box-shadow:0 0 0 3px var(--moss)}.order-card .order-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.order-card .ghost-btn{background:var(--paper);color:var(--wooddark);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:15px;font-weight:600}.order-card .ghost-btn:active{background:var(--cream)}.order-card .ghost-btn:disabled{opacity:.5}.reprint-box{margin-top:14px;border-top:1.5px dashed var(--line);padding-top:14px;text-align:left}.reprint-box h3{font-size:16px;margin:0 0 4px}.reprint-box .muted{font-size:13px}.reprint-box label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}.reprint-box select{width:100%;padding:10px;font-size:15px;border-radius:10px;border:1.5px solid var(--line);background:var(--paper);color:var(--wooddark)}.reprint-box .stepper{display:flex;align-items:center;gap:10px;margin-top:10px}.reprint-box .stepper button{width:48px;height:48px;font-size:24px;font-weight:700;background:var(--paper);color:var(--wooddark);border:1.5px solid var(--line);border-radius:12px}.reprint-box .stepper button:disabled{opacity:.5}.reprint-box .stepper span{flex:1;text-align:center;font-weight:700;font-size:18px}.reprint-box .amount{color:var(--rustdark);font-weight:700;margin-top:8px}.reprint-box .actions-row{display:flex;gap:10px;margin-top:12px}