:root{--ink:#1c1917;--muted:#74695d;--paper:#f3efe8;--card:#fff;--line:#e7e0d6;--accent:#c4512b;--dock:#1c1917;--lime:#e7ff6a;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Hiragino Sans,Avenir Next,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);min-height:100dvh}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}.app{width:min(520px,100%);min-height:100svh;padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.theme-sheet.stage-library{padding-bottom:calc(7.5rem + env(safe-area-inset-bottom))}.sheet-head{justify-content:space-between;align-items:end;gap:1rem;padding:.25rem .15rem 0;display:flex}.sheet-head h1{letter-spacing:-.03em;margin:0;font-family:Palatino,Iowan Old Style,Hiragino Mincho ProN,serif;font-size:clamp(2rem,8vw,2.35rem);font-weight:600;line-height:1}.count{color:var(--muted);padding-bottom:.2rem;font-size:.92rem}.banner{border-radius:14px;margin:0 0 .75rem;padding:.75rem .9rem;font-size:.92rem}.banner.error{color:#8f2d24;background:#f8e4e0}.banner.busy{color:var(--muted);background:#ebe4d8}.library{flex-direction:column;flex:1;gap:1rem;display:flex}.empty-card{background:var(--card);border-radius:18px;margin-top:.5rem;padding:1.2rem 1rem}.empty-card p{margin:0}.empty-card .muted{color:var(--muted);margin-top:.4rem;font-size:.95rem}.pages{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.page-card{background:var(--card);border-radius:18px;grid-template-columns:72px 1fr auto;align-items:center;gap:.75rem;padding:.65rem;display:grid}.page-card img{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:10px;width:72px;height:92px}.page-meta{gap:.2rem;min-width:0;display:grid}.page-meta strong{font-size:1rem}.page-meta span{color:var(--muted);font-size:.86rem}.page-actions{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.page-actions button,.sheet-actions button.ghost,.filters button,.steps span{min-height:36px;color:var(--ink);background:#f3efe8;border-radius:999px;padding:.35rem .75rem;font-size:.86rem}.page-actions .danger{color:#9f2d2d}.tag{background:var(--paper);width:1.8rem;height:1.8rem;color:var(--muted);border-radius:999px;place-items:center;font-size:.82rem;display:grid}.dock{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--dock);color:#fff;z-index:20;border-radius:24px;grid-template-columns:1fr 1.45fr 1fr;align-items:center;gap:.25rem;width:min(488px,100% - 2rem);height:4.5rem;padding:.55rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #281c1038}.dock>button{color:#fff;border-radius:16px;min-height:2.8rem;font-size:.86rem;font-weight:650}.dock>button.on{background:#ffffff1f}.dock-main{background:var(--lime)!important;color:var(--ink)!important;font-size:.95rem!important}.sheet-extras{justify-content:center;margin-top:-.25rem;display:flex}.text-link{color:var(--muted);text-underline-offset:.18em;padding:.5rem;font-size:.92rem;text-decoration:underline}.workspace{flex-direction:column;flex:1;gap:.85rem;display:flex}.steps{flex-wrap:wrap;gap:.4rem;display:flex}.steps .now{background:var(--ink);color:#fff}.frame{touch-action:none;background:#1f1a17;border-radius:24px;width:100%;max-height:min(58dvh,520px);margin:0 auto;position:relative;overflow:hidden}.frame.soft{background:#e7e1d7}.viewport{touch-action:none;background:#e7e1d7;border-radius:24px;flex:auto;width:100%;min-height:min(52dvh,480px);max-height:min(62dvh,560px);position:relative;overflow:hidden}.stage{position:absolute;overflow:visible}.canvas-host{width:100%;height:100%;position:absolute;inset:0}.preview-host{border-radius:4px;position:absolute;overflow:hidden;box-shadow:0 10px 24px #4632141f}.canvas-host canvas,.preview-host canvas{width:100%;height:100%;display:block}.quad{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.quad polygon{fill:#c4512b1f;stroke:#fff;stroke-width:2.5px;vector-effect:non-scaling-stroke}.handle{border:2px solid var(--ink);touch-action:none;z-index:2;background:#fff;border-radius:50%;width:32px;height:32px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000002e}.note{color:var(--muted);margin:0;font-size:.92rem}.note.error{color:#9f2d2d}.sheet-actions,.filters{flex-wrap:wrap;gap:.45rem;display:flex}.filters button.on{background:var(--ink);color:#fff}.cta{background:var(--accent);color:#fff;border-radius:18px;width:100%;min-height:3.5rem;margin-top:auto;font-size:1.05rem;font-weight:700}.camera-stage{background:#111;border-radius:24px;flex:1;min-height:42dvh;overflow:hidden}.camera-stage video{object-fit:contain;background:#111;width:100%;height:100%;display:block}@media (width>=700px){.app{width:min(640px,100%);padding-top:1.5rem}.frame{max-height:60vh}}