:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#56605b;background:#f6f6f4;font-weight:400;-webkit-font-smoothing:antialiased;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit}button:focus-visible{outline:2px solid #6d8da6;outline-offset:4px}html{scrollbar-width:thin;scrollbar-color:#c6ccc5 #f6f6f4}.scroll-story{height:800vh}.fixed-stage{height:100svh;position:fixed;inset:0;overflow:hidden;background:#f6f6f4}.split{display:grid;grid-template-columns:1fr 1fr;height:100%;padding:0 3vw}.split:after{content:"";position:absolute;left:50%;top:7%;bottom:15%;width:1px;background:#dfe3dd}.half{position:relative;display:flex;align-items:center;justify-content:center;padding:56px 0 76px}.side-label{position:absolute;top:7.4%;left:8%;display:flex;align-items:center;gap:6px;font-size:14px;letter-spacing:.015em;color:#939a93}.side-label strong{font-weight:500;color:#626b62}.with .side-label strong{color:#587890}.label-dot{width:5px;height:5px;background:#aab2a6;border-radius:50%;margin-right:5px}.with .label-dot{background:#7695ab}.stage-svg{width:100%;height:100%;max-height:740px;overflow:visible}.hidden,.selection,.prompt-line,.revision-line{visibility:hidden;opacity:0}.device-label{font-size:12px;fill:#889185;letter-spacing:.03em}.micro{font-size:11px;fill:#889185}.ui-text{font-size:13px;fill:#697265}.clip-body{fill:#fff;stroke:#b7c1b2;stroke-width:1.3}.clip-art{stroke:#c1c9bd;stroke-width:1.2;fill:none}.clip-line{stroke:#d9dfd5;stroke-width:1.4}.clip-number{font-size:7px;fill:#9ba695;letter-spacing:.08em}.selection{fill:#87967c}.lasso{fill:none;stroke:#6d8da6;stroke-width:2;stroke-linecap:round}.film-title{font-size:12px;fill:#65756e}.film-time{font-size:9px;fill:#a0aaa3}.playback{position:absolute;bottom:4.5%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:9px 12px;border:1px solid #e0e4dc;border-radius:28px;background:#fbfcf8e8}.playback button{border:0;background:none;display:grid;place-items:center;padding:0;width:28px;height:28px;color:#77816f;cursor:pointer;border-radius:50%}.playback button:hover:not(:disabled){background:#eaf0e7}.playback button:disabled{opacity:.25;cursor:default}.playback button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.scene-dots{display:flex;gap:2px}.scene-dots button{width:19px;height:28px}.scene-dots span{display:block;width:4px;height:4px;background:#cdd3c8;border-radius:50%;transition:background .2s,width .2s}.scene-dots .active span{width:14px;border-radius:4px;background:#7c98ac}.counter{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#737e6b;white-space:nowrap}.counter>span{color:#adb6a5}.scroll-hint{position:absolute;bottom:13%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.18em;color:#a0a99a;transition:opacity .3s}.scroll-hint svg{width:13px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2}.hint-out{opacity:0;pointer-events:none}@media(min-width:1700px){.side-label{font-size:16px}.stage-svg{max-height:850px}.playback{bottom:5.5%}}@media(max-width:700px){.split{padding:0}.half{padding:40px 0 85px}.side-label{font-size:10px;left:9%;gap:4px;top:12%}.label-dot{width:4px;height:4px;margin-right:1px}.split:after{top:11%;bottom:20%}.playback{gap:5px;bottom:7%;padding:7px 9px}.scene-dots{gap:0}.scene-dots button{width:17px}.scroll-hint{bottom:19%;font-size:9px}.stage-svg{max-height:560px}.counter{font-size:9px}}.half{min-height:0;min-width:0}.stage-svg{height:calc(100svh - 152px);min-height:0;display:block}@media(max-height:500px){.half{padding-top:38px;padding-bottom:65px}.stage-svg{height:calc(100svh - 115px)}.side-label{top:5%;font-size:11px}.playback{bottom:3%;padding:5px 9px}.scroll-hint{bottom:17%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}