:root{--bg: #0b1020;--panel: #131a2e;--panel-2: #1a2238;--line: #263149;--line-soft: #1e2740;--text: #e6ecf7;--muted: #8fa0c0;--dim: #64748b;--accent: #38bdf8;--accent-2: #0ea5e9;--ok: #34d399;--warn: #fbbf24;--err: #f87171;--radius: 10px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--touch: 34px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--topbar-h: 50px;--tabbar-h: 0px;color-scheme:dark}@media(pointer:coarse){:root{--touch: 44px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:13px;overflow:hidden;-webkit-text-size-adjust:100%;overscroll-behavior:none}@media(pointer:coarse){input,select,textarea{font-size:16px}}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:10px;padding:var(--safe-t) 12px 0;height:calc(var(--topbar-h) + var(--safe-t));flex:none;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.2px;min-width:0}.brand img{width:26px;height:26px;flex:none;object-fit:contain}.brand small{font-weight:500;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .spacer{flex:1}.zoom-controls{display:flex;gap:3px;align-items:center}.zoom-controls .btn.on{color:var(--accent)}.recover-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 14px;background:#38bdf81a;border-bottom:1px solid var(--line);flex:none}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap;flex:none;padding:4px 9px;border:1px solid var(--line);border-radius:999px}.status-dot i{width:7px;height:7px;border-radius:50%;background:var(--ok)}.status-dot.off i{background:var(--warn)}.version-tag{position:relative;flex:none}.version-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;color:var(--dim);white-space:nowrap;cursor:pointer;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:none}.version-chip:hover{color:var(--muted);border-color:var(--accent-2)}.version-chip.stale{color:#fde68a;border-color:#fbbf2473}.version-chip i{width:7px;height:7px;border-radius:50%;background:var(--warn);flex:none}.version-scrim{position:fixed;inset:0;z-index:30}.version-tag.up .version-popover{top:auto;bottom:calc(100% + 6px)}.version-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:31;width:268px;padding:11px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px #00000080}.version-row{display:flex;align-items:baseline;gap:8px;padding:3px 0;font-size:11px;color:var(--muted)}.version-row>span{flex:none;min-width:68px}.version-row>code{font-family:var(--mono);font-size:11px;color:var(--text)}.version-row>em{font-style:normal;color:var(--dim);font-size:10px}.version-note{margin:7px 0 0;font-size:10.5px;line-height:1.45;color:var(--dim)}.version-note.ok{color:var(--ok)}.version-note.warn{color:#fde68a}.version-detail .btn{margin-top:8px}.workspace{flex:1;display:grid;grid-template-columns:300px 1fr 320px;min-height:0;position:relative;overflow:hidden}.panel{background:var(--panel);display:flex;flex-direction:column;min-height:0}.panel.left{border-right:1px solid var(--line)}.panel.right{border-left:1px solid var(--line)}.panel-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line-soft);flex:none;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.panel-body{overflow-y:auto;overflow-x:hidden;flex:1;padding:10px;-webkit-overflow-scrolling:touch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px;padding:7px 11px;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;white-space:nowrap;min-height:var(--touch);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:hover:not(:disabled){background:#232d47;border-color:#35446b}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent-2);border-color:var(--accent-2);color:#04202e;font-weight:650}.btn.primary:hover:not(:disabled){background:#38bdf8;border-color:#38bdf8}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.btn.danger:hover:not(:disabled){border-color:var(--err);color:var(--err)}.btn.sm{padding:4px 9px;font-size:12px;border-radius:6px;min-height:calc(var(--touch) - 8px)}.btn.block{width:100%}input[type=text],input[type=number],select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:6px 8px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=number]{font-variant-numeric:tabular-nums}label.field{display:block;margin-bottom:10px}label.field>span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{flex:1;border:0;background:transparent;color:var(--muted);padding:6px 4px;cursor:pointer;font-size:12px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent-2);color:#04202e;font-weight:650}input[type=range]{width:100%;accent-color:var(--accent)}.section{border-top:1px solid var(--line-soft);padding:12px 0 4px}.section:first-child{border-top:0;padding-top:0}.section>h3{margin:0 0 9px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:600}.photo-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);margin-bottom:9px;overflow:hidden}.photo-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.photo-card-head{display:flex;gap:9px;padding:9px;align-items:flex-start}.thumb{width:52px;height:66px;border-radius:6px;object-fit:cover;flex:none;background:#000;cursor:pointer;border:1px solid var(--line)}.photo-meta{flex:1;min-width:0}.photo-name{width:100%;background:transparent;border:1px solid transparent;padding:2px 4px;border-radius:5px;font-weight:600;font-size:13px}.photo-name:hover{border-color:var(--line)}.photo-sub{font-size:11px;color:var(--dim);margin-top:2px;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.ok{color:var(--ok);border-color:#34d39959}.badge.warn{color:var(--warn);border-color:#fbbf2459}.badge.err{color:var(--err);border-color:#f8717159}.badge.pending{color:var(--dim)}.order-row{display:flex;align-items:center;gap:6px;padding:6px 9px;border-top:1px solid var(--line-soft)}.order-row select{flex:1;padding:4px 6px;font-size:12px}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden}.qty button{width:30px;min-height:calc(var(--touch) - 6px);border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:17px;line-height:1;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.qty button:hover{background:var(--line);color:var(--text)}.qty input{width:44px;border:0;text-align:center;background:transparent;padding:4px 0;font-variant-numeric:tabular-nums}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{appearance:none;margin:0}.card-actions{display:flex;gap:4px;padding:6px 9px;border-top:1px solid var(--line-soft)}.stage{flex:1;overflow:auto;background:radial-gradient(circle at 50% 0%,#16203a 0%,var(--bg) 60%);padding:clamp(10px,2.4vw,26px);min-height:0;-webkit-overflow-scrolling:touch}.stage-inner{display:flex;flex-direction:column;align-items:center;gap:26px}.sheet-block{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:4px}.ruler{position:relative;background:#0e1526;border:1px solid var(--line);border-radius:3px;overflow:hidden}.ruler.h{height:15px}.ruler.v{width:15px}.ruler .tick{position:absolute;background:#3d4c6d}.ruler .tick.major{background:#6b7ea6}.ruler .lab{position:absolute;font-size:7px;color:#7d8db0;font-family:var(--mono);line-height:1;user-select:none}.sheet{position:relative;background:#fff;box-shadow:0 10px 34px #0000008c;border-radius:2px;overflow:hidden}.sheet .margin-box{position:absolute;border:1px dashed rgba(56,189,248,.5);pointer-events:none}.tile{position:absolute;overflow:hidden;background:#eef1f6}.tile img{width:100%;height:100%;display:block;object-fit:cover}.tile.rotated img{transform:rotate(90deg);transform-origin:center}.tile .tile-label{position:absolute;inset:auto 0 0;font-size:8px;text-align:center;background:#0f172ab8;color:#fff;padding:1px 0;opacity:0;transition:opacity .12s;pointer-events:none}.tile:hover .tile-label{opacity:1}.tile.mark-hairline{outline:.5px solid rgba(120,130,150,.85);outline-offset:-.5px}.oval-guide{position:absolute;inset:0;border-radius:50%;border:.5px solid rgba(120,130,150,.9);pointer-events:none}.tile.selected-photo{box-shadow:0 0 0 2px var(--accent);z-index:2}.corner-mark{position:absolute;background:#505a6ee6;pointer-events:none}.sheet-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;padding:0 2px}.usage-bar{height:4px;border-radius:2px;background:var(--line);width:120px;overflow:hidden}.usage-bar i{display:block;height:100%;background:var(--ok)}.empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;color:var(--muted);padding:8px 0 24px}.welcome-logo{width:auto;height:128px;max-width:min(320px,70vw);object-fit:contain}.welcome-foot{max-width:560px;width:100%}.chip-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.dropzone{border:2px dashed var(--line);border-radius:18px;padding:clamp(28px,7vw,52px) clamp(20px,8vw,62px);width:min(560px,100%);transition:border-color .15s,background .15s;cursor:pointer;background:#131a2e80}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:#38bdf812}.dropzone h2{margin:0 0 6px;color:var(--text);font-size:clamp(17px,4vw,20px)}.dropzone p{margin:0;font-size:12.5px}.welcome-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;list-style:none;margin:0;padding:0;font-size:11.5px;color:var(--muted)}.welcome-steps li{display:inline-flex;align-items:center;gap:7px}.welcome-steps span{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;flex:none;background:var(--panel-2);border:1px solid var(--line);font-size:10px;font-weight:700;color:var(--accent)}.welcome-meta{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:560px}.welcome-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px}.author-sign{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.04em;color:var(--dim);text-decoration:none}.author-sign:hover{color:var(--muted)}.author-sign img{height:20px;width:auto;object-fit:contain}.drop-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0b1020d1;backdrop-filter:blur(3px);border:3px dashed var(--accent);font-size:20px;font-weight:650}.summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stat{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 9px}.stat b{display:block;font-size:17px;font-variant-numeric:tabular-nums;line-height:1.15}.stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.notice{border-radius:8px;padding:9px 10px;font-size:12px;line-height:1.45;border:1px solid;margin-bottom:9px}.notice.warn{background:#fbbf2414;border-color:#fbbf2459;color:#fde68a}.notice.err{background:#f8717117;border-color:#f8717161;color:#fecaca}.notice.info{background:#38bdf814;border-color:#38bdf852;color:#bae6fd}.notice.ok{background:#34d39914;border-color:#34d39952;color:#a7f3d0}.notice strong{display:block;margin-bottom:3px}.footer-bar{padding:10px;border-top:1px solid var(--line);flex:none;display:flex;flex-direction:column;gap:8px}.modal-back{position:fixed;inset:0;background:#040812b8;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px #0009;width:100%;max-width:940px}.modal.narrow{max-width:470px}.check{display:flex;gap:9px;align-items:center;margin-top:16px;min-height:var(--touch);cursor:pointer}.check input{width:auto;margin:0}.modal-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);flex:none}.modal-head h2{margin:0;font-size:15px;flex:1}.about-icon{width:24px;height:24px;object-fit:contain;flex:none}.about{line-height:1.6}.about-lead{margin:0 0 4px;color:var(--muted);font-size:12.5px}.about section{border-top:1px solid var(--line-soft);margin-top:14px;padding-top:12px}.about h3{margin:0 0 7px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600}.about p{margin:0 0 8px;font-size:12.5px;color:var(--muted)}.about p:last-child{margin-bottom:0}.about strong{color:var(--text);font-weight:650}.about-steps{list-style:none;margin:0;padding:0}.about-steps li{display:flex;gap:10px;padding:6px 0}.about-steps li>div{min-width:0}.about-steps strong{display:block;font-size:12.5px;margin-bottom:1px}.about-steps p{margin:0;font-size:12px}.about-step-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex:none;margin-top:1px;background:var(--panel-2);border:1px solid var(--line);font-size:11px;font-weight:700;color:var(--accent)}.about-author{display:flex;align-items:center;gap:12px;text-decoration:none;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);color:var(--muted);font-size:12px}.about-author:hover{border-color:var(--accent-2)}.about-author img{height:40px;width:auto;max-width:120px;object-fit:contain;flex:none}.about-author span{display:flex;flex-direction:column;gap:1px;min-width:0}.about-author strong{color:var(--text);font-size:13px}.about-author em{font-style:normal;color:var(--accent);font-size:11.5px}.about-foot{justify-content:space-between;align-items:center}.about-foot .hint{font-family:var(--mono)}.modal-body{padding:16px;overflow:auto;flex:1}.modal-foot{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;flex:none}.crop-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:16px}.crop-stage{background:#05080f;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:16px;min-height:300px}.crop-frame{position:relative;cursor:grab;touch-action:none}.crop-frame:active{cursor:grabbing}.crop-frame canvas{display:block;border-radius:3px}.crop-guides{position:absolute;inset:0;pointer-events:none}.crop-guides .g{position:absolute;left:0;right:0;border-top:1px dashed rgba(56,189,248,.85)}.crop-guides .g.head{border-top-style:solid;border-color:#34d399bf}.crop-guides .g span{position:absolute;right:3px;top:-13px;font-size:9px;color:#7dd3fc;background:#040812b3;padding:0 3px;border-radius:3px}table.grid{width:100%;border-collapse:collapse;font-size:12px}table.grid th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line);font-weight:600}table.grid td{padding:5px 8px;border-bottom:1px solid var(--line-soft)}table.grid tr:hover td{background:var(--panel-2)}table.grid td.num{font-variant-numeric:tabular-nums;text-align:right}.toasts{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:7px;z-index:80;align-items:center}.toast{padding:9px 14px;border-radius:9px;font-size:12.5px;border:1px solid var(--line);background:var(--panel-2);box-shadow:0 8px 24px #00000073;cursor:pointer;max-width:460px}.toast.ok{border-color:#34d39973}.toast.warn{border-color:#fbbf2473}.toast.error{border-color:#f8717180}.busy{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#040812cc;backdrop-filter:blur(3px)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{width:240px;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);transition:width .15s}kbd{font-family:var(--mono);font-size:10px;padding:1px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--bg);color:var(--muted)}.hint{font-size:11px;color:var(--dim);line-height:1.5}.scroll-thin::-webkit-scrollbar{width:9px;height:9px}.scroll-thin::-webkit-scrollbar-thumb{background:#2a3450;border-radius:5px}.scroll-thin::-webkit-scrollbar-track{background:transparent}.tabbar{flex:none;background:var(--panel);border-top:1px solid var(--line);padding-bottom:var(--safe-b);display:flex;flex-direction:column}.tabbar-action{padding:8px 10px 10px;border-bottom:1px solid var(--line-soft);order:-1}.tabs{display:flex}.tab{flex:1;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 9px;font-size:11px;cursor:pointer;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tab.on{color:var(--accent)}.tab-icon{font-size:17px;line-height:1}.tab-badge{position:absolute;top:3px;left:50%;margin-left:6px;background:var(--accent-2);color:#04202e;font-size:9px;font-weight:700;border-radius:999px;padding:0 5px;min-width:15px;line-height:15px}.drawer-scrim{position:absolute;inset:0;background:#04081299;backdrop-filter:blur(2px);z-index:18}@media(min-width:768px)and (max-width:1199.98px){.workspace{grid-template-columns:minmax(232px,268px) 1fr}.brand small{display:none}.panel.right{position:absolute;top:0;bottom:0;right:0;width:340px;z-index:20;transform:translate(100%);transition:transform .22s ease;box-shadow:-14px 0 40px #00000073}.panel.right.open{transform:none}}@media(max-width:767.98px){.workspace{grid-template-columns:1fr}.panel.left,.stage,.panel.right{grid-area:1 / 1;min-width:0}.panel.left{border-right:0}.panel.right{border-left:0}.app.view-photos [data-pane=sheet],.app.view-photos [data-pane=settings],.app.view-sheet [data-pane=photos],.app.view-sheet [data-pane=settings],.app.view-settings [data-pane=photos],.app.view-settings [data-pane=sheet]{display:none}.topbar{gap:8px;padding-left:10px;padding-right:10px}.brand small{display:none}.brand span{font-size:15px}.status-dot{padding:3px 7px;font-size:10px}.topbar .version-tag{display:none}.panel-head{padding:9px 11px}.panel-body{padding:9px}.stage{padding:10px 8px 14px}.sheet-block{grid-template-columns:auto minmax(0,1fr)}.sheet-caption{font-size:10.5px;flex-wrap:wrap;gap:4px}.usage-bar{width:74px}.summary{grid-template-columns:1fr 1fr}.stat b{font-size:19px}.crop-layout{grid-template-columns:1fr;gap:12px}.crop-stage{min-height:0;padding:10px}.modal{max-height:calc(100vh - 24px);border-radius:12px}.modal-back{padding:12px;align-items:flex-start}.modal-head{padding:11px 13px}.modal-head h2{font-size:14px}.modal-body{padding:13px}.grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.grid{min-width:620px}.toasts{bottom:calc(var(--safe-b) + 116px);left:12px;right:12px;transform:none}.toast{width:100%}}@media(max-width:560px){.photo-card-head{padding:8px}.thumb{width:46px;height:60px}.order-row{flex-wrap:wrap}.order-row select{flex:1 1 100%}.dropzone{padding:28px 18px}.welcome-logo{height:104px}}@media print{body{overflow:visible}.app{display:none}}