:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;background:#05060a;color:#f6f7fb}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#film{position:relative;width:1920px;height:1080px;overflow:hidden;background:#05060a;isolation:isolate}#webgl,#css3d{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#webgl{z-index:1}#css3d{z-index:2}.film-copy{position:absolute;z-index:3;left:96px;right:96px;top:82px;pointer-events:none}.eyebrow{font-size:20px;letter-spacing:.14em;text-transform:uppercase;color:#8c96b1;font-weight:600;margin:0 0 22px}.headline{font-size:92px;line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:0;max-width:1560px;text-wrap:balance}.film-copy.center{text-align:center}.film-copy.center .headline{margin-inline:auto;max-width:1370px}.film-copy.side .headline{max-width:780px;font-size:106px}.film-copy.side{top:218px}.scene-index{position:absolute;bottom:60px;left:96px;font-size:18px;letter-spacing:.16em;color:#75809b;z-index:3}.source-line{position:absolute;bottom:60px;right:96px;color:#75809b;font-size:17px;max-width:1080px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:3}.draft-label{position:absolute;top:34px;right:52px;z-index:4;color:#93a0be;font-size:14px;letter-spacing:.07em;text-transform:uppercase}.motion-panel{width:600px;height:400px;color:var(--ink);background:linear-gradient(135deg,rgba(21,24,41,.96),rgba(9,12,21,.96));border:1px solid rgba(130,147,255,.28);border-radius:22px;padding:40px;box-shadow:0 0 50px rgba(70,103,255,.05),inset 0 1px 0 rgba(190,203,255,.1);backface-visibility:hidden;overflow:hidden;transform-style:preserve-3d}.panel-kicker{font-size:20px;letter-spacing:.13em;text-transform:uppercase;font-weight:500;color:#93a1c5;margin:0 0 20px}.panel-value{font-size:124px;font-weight:600;letter-spacing:-.065em;line-height:1;white-space:nowrap;color:var(--ink)}.panel-value .unit{font-size:44px;letter-spacing:-.04em;margin-left:8px;color:var(--secondary)}.panel-label{font-size:30px;line-height:1.2;letter-spacing:-.025em;max-width:95%;margin-top:20px}.panel-qualifier{color:#8793b2;font-size:18px;line-height:1.35;margin-top:16px}.panel-rule{height:2px;background:linear-gradient(90deg,var(--primary),transparent);margin:26px 0 20px}.panel-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #22283b;padding:16px 0;color:#b9c2da;font-size:22px}.panel-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 14px var(--primary)}.panel-doc-lines{display:grid;gap:16px;margin-top:30px}.panel-doc-line{height:8px;border-radius:4px;background:#252b41}.panel-doc-line:nth-child(2){width:72%}.panel-doc-line:nth-child(4){width:58%}.panel-doc-line.focus{background:linear-gradient(90deg,var(--primary),var(--secondary));height:34px;border-radius:7px;opacity:.8}.mini-panel{padding:24px;border-radius:18px}.mini-panel .panel-value{font-size:100px}.mini-panel .panel-label{font-size:24px}.mini-panel .panel-kicker{font-size:15px}.minimal-label{background:transparent;border:0;box-shadow:none;text-align:center;padding:8px 12px;color:#b8c2df;font-size:22px;line-height:1.3;white-space:nowrap;backface-visibility:hidden}.minimal-label .chart-value{font-size:34px;color:var(--ink);font-weight:600;letter-spacing:-.03em}.minimal-label .chart-name{font-size:20px;color:#93a1c5;margin-top:8px}.axis-note{position:absolute;top:315px;left:110px;color:#7f8baa;font-size:19px;z-index:3}.preview-shell{min-height:100%;display:flex;flex-direction:column;overflow:auto;background:#0a0c13}.preview-toolbar{height:66px;flex:none;display:flex;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid #24283a;color:#dde3f2;font-size:14px}.preview-toolbar strong{margin-right:auto}.preview-toolbar button,.preview-toolbar .load-label{background:#18213f;color:#e7edff;border:1px solid #3c4d87;border-radius:8px;padding:9px 14px;cursor:pointer;font:inherit}.preview-toolbar button:disabled{opacity:.45;cursor:default}.preview-toolbar input[type=file]{display:none}.preview-stage{flex:1;min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-stage #film{flex:none;transform-origin:center}.preview-bottom{padding:16px 28px 22px;color:#98a4c0;font-size:13px;border-top:1px solid #24283a;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.preview-bottom input{flex:1;min-width:240px;accent-color:#4667ff}.preview-error{color:#ffaab2}.preview-help{color:#7785a8}.preview-help code{color:#b6c4e8}
