html,body{height:100%;overflow:hidden;overscroll-behavior:none}.app{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.bar{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;padding:0.6rem 1rem;border-bottom:1px solid var(--line);background:var(--paper-raised)}.count{font-family:var(--font-display);font-size:1.15rem;letter-spacing:-0.03em;margin:0;line-height:1.2}.count b{font-size:1.6rem;font-weight:500;color:var(--red-ink)}.count small{display:block;font-family:var(--font-body);font-size:0.72rem;letter-spacing:0.04em;color:var(--warm-grey);line-height:1.5}.bar__actions button,.bar__actions .to-table{border:0;background:transparent;padding:0 0.1rem;min-height:38px;display:inline-flex;align-items:center;font-size:0.85rem;letter-spacing:0.05em;color:var(--warm-grey)}.bar__actions button:hover:not(:disabled),.bar__actions .to-table:hover{background:transparent;color:var(--ink);border-color:transparent}.to-table{text-decoration:none;font-family:var(--font-display);font-size:1.02rem;letter-spacing:-0.02em;color:var(--ink);box-shadow:inset 0 -1.5px 0 var(--ink)}.to-table:hover{color:var(--red-ink);box-shadow:inset 0 -1.5px 0 var(--red-ink)}.to-table[aria-disabled=true]{pointer-events:none;opacity:0.35}.bar__actions{margin-left:auto;display:flex;gap:0.4rem;flex-wrap:wrap}.app:has(#empty:not([hidden])) .bar{border-bottom-color:transparent;background:transparent}.app:has(#empty:not([hidden])) .bar__actions{display:none}.app:has(#empty:not([hidden])) .tray{display:none}.app:has(#empty:not([hidden])){background-color:#fbfaf8}.stage{position:relative;min-width:0;background:#121310;overflow:hidden;touch-action:none}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.stage[data-mode=pan] canvas{cursor:grab}.stage__tools{position:absolute;top:10px;left:10px;display:flex;gap:0.35rem}.stage__tools button{background:rgba(18,19,16,0.78);color:var(--on-dark);border-color:rgba(243,239,228,0.5);font-size:0.78rem;padding:0.25rem 0.7rem}.stage__tools button:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.preview{position:absolute;width:116px;height:116px;border:1px solid var(--paper);background:var(--paper);padding:3px;pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,0.5)}.preview canvas{width:100%;height:100%;object-fit:contain;background:#121310;touch-action:auto}.hint{width:100%;margin:0.2rem 0 0;max-width:none;color:var(--ink-soft);font-size:0.76rem;line-height:1.7;letter-spacing:0.02em}.empty{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;padding:clamp(1.5rem,7vw,3.5rem);text-align:left;background-color:#fbfaf8;background-image:radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,0.95),rgba(255,255,255,0) 62%),linear-gradient(180deg,rgba(23,24,22,0.015),rgba(23,24,22,0.085));overflow-y:auto}.empty__top{display:grid;justify-items:start;text-align:left;gap:var(--space-3);width:min(24rem,100%);padding:0}.empty h1{font-size:clamp(2.1rem,1.2rem + 4vw,3.2rem);line-height:1.1;letter-spacing:-0.05em;margin:0;text-wrap:balance}.empty p{max-width:46ch;margin:0;color:var(--ink-soft);text-wrap:pretty}.empty .empty__note{max-width:none;font-size:0.76rem;letter-spacing:0.03em;color:var(--warm-grey);line-height:1.7;text-wrap:balance}.empty .big{border:1px solid var(--ink);background:var(--ink);color:var(--on-dark);padding:0.85rem 1.9rem;font-size:1rem;letter-spacing:0.04em;box-shadow:0 10px 18px -14px rgba(23,24,22,0.9)}.empty .big:hover{background:var(--red);border-color:var(--red)}.tray{min-width:0;border-top:1px solid var(--line);background:var(--paper-raised)}.strip{display:flex;gap:0.4rem;align-items:flex-end;padding:0.6rem 1rem;min-height:104px;overflow-x:auto;overscroll-behavior-x:contain}.strip:empty::after{content:"\6846\4e00\4ef6\4e0b\4f86\ff0c\5b83\6703\6389\5230\9019\88e1\3002";color:var(--warm-grey);font-size:0.8rem;align-self:center}.cut{margin:0;position:relative;flex:0 0 auto;height:88px;min-width:62px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--white)}.cut img{display:block;height:86px;width:auto;max-width:132px;object-fit:contain}.cut--pending{width:62px;background:repeating-linear-gradient(-45deg,var(--white) 0 6px,var(--paper) 6px 12px)}.cut--new{outline:2px solid var(--red);outline-offset:-1px}.cut__trim{position:absolute;top:0;left:0;height:22px;padding:0 0.35rem;line-height:1;font-size:0.72rem;border:0;opacity:0.55;background:rgba(23,24,22,0.78);color:var(--on-dark)}.cut__trim:hover,.cut__trim:focus-visible{opacity:1;background:var(--blue);color:var(--white)}.cut__kill{position:absolute;top:0;right:0;width:22px;height:22px;opacity:0.55;padding:0;line-height:1;font-size:0.8rem;border:0;background:rgba(23,24,22,0.78);color:var(--on-dark)}.cut__kill:hover,.cut__kill:focus-visible{opacity:1;background:var(--red);color:var(--white)}.privacy{margin:0;padding:0 1rem 0.6rem;font-size:0.72rem;letter-spacing:0.03em;color:var(--warm-grey);line-height:1.6}.privacy--back{padding-top:0.15rem}.empty__top .privacy--back{padding:0;margin-top:1.4rem}.privacy--back a{color:var(--ink-soft);text-decoration-color:var(--line);text-underline-offset:0.2em}.privacy--back a:hover{color:var(--red);text-decoration-color:currentColor}@media(max-width:640px){.bar{padding:0.45rem 0.8rem;gap:var(--space-1)}.bar__actions{margin-left:0;width:100%}.bar__actions{gap:0.9rem}.bar__actions button{font-size:0.8rem}.strip{min-height:84px;padding:0.45rem 0.8rem}.cut{height:68px}.cut img{height:66px}.privacy{padding:0 0.8rem 0.45rem;font-size:0.68rem}.hint{font-size:0.72rem}}.tips{list-style:none;margin:0;padding:0 0 0 var(--space-2);border-left:1px solid var(--line);display:grid;gap:0.55rem;max-width:40ch;font-size:0.86rem;line-height:1.8;color:var(--ink-soft);text-wrap:pretty}.tips b{font-weight:400;color:var(--ink);box-shadow:inset 0 -1px 0 rgba(23,24,22,0.25)}