:root{--bg: #ffffff;--panel: #ffffff;--stage: #eeeeee;--line: #e6e6e6;--line-strong: #d9d9d9;--text: #1a1a1a;--label: #6b6b6b;--muted: #9a9a9a;--field-hover: #f5f5f5;--field-active: #ececec;--accent: #0d99ff;--slider-trough: #efeeec;--slider-fill: #e0ddd8;--slider-value: #6d6459;--accent-press: #0b87e3;--danger: #e5484d;--radius: 4px;--row-label: 62px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:11px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app{display:grid;grid-template-columns:clamp(186px,19vw,248px) minmax(0,1fr) clamp(206px,22vw,248px);grid-template-rows:44px minmax(0,1fr) auto;grid-template-areas:"top top top" "left stage right" "left timeline right";height:100%}.topbar{grid-area:top;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:600;font-size:12px;letter-spacing:-.01em}.brand span{color:var(--accent)}.spacer{flex:1}.sidebar{background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:0}.sidebar.left{grid-area:left}.rail{background:var(--panel);display:flex;justify-content:center;padding-top:8px}.rail.left{grid-area:left;border-right:1px solid var(--line)}.rail.right{grid-area:right;border-left:1px solid var(--line)}.rail button{width:20px;height:26px;border:none;background:transparent;border-radius:3px;color:var(--muted);font-size:10px;line-height:1}.rail button:hover{background:var(--field-hover);color:var(--text)}.panel-bar{position:sticky;top:0;z-index:3;display:flex;height:22px;align-items:center;background:var(--panel);border-bottom:1px solid var(--line)}.panel-bar.left{justify-content:flex-end}.panel-bar button{border:none;background:transparent;color:var(--muted);font-size:10px;padding:0 8px;height:100%}.panel-bar button:hover{color:var(--text);background:var(--field-hover)}.sidebar.right{grid-area:right;border-right:none;border-left:1px solid var(--line)}.stage{grid-area:stage;position:relative;background:var(--stage);overflow:hidden}.stage canvas{display:block}.frame-guide{position:absolute;pointer-events:none;z-index:4;box-shadow:0 0 0 9999px var(--field-hover);outline:1px solid var(--line-strong);outline-offset:0}.frame-guide-tag{position:absolute;top:6px;left:6px;padding:1px 6px;border-radius:3px;font-size:10px;letter-spacing:.04em;color:#ffffffd1;background:#08090c8c}.timeline{grid-area:timeline;background:var(--panel);border-top:1px solid var(--line);padding:10px 12px;overflow:hidden}.panel{border-bottom:1px solid var(--line)}.panel>header{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:11px;color:var(--text)}.panel>header .chev{font-size:8px;color:var(--muted);transition:transform .12s ease;transform:rotate(0)}.panel>header .chev.open{transform:rotate(90deg)}.panel>header .head-actions{margin-left:auto;display:flex;gap:2px}.panel .body{padding:0 12px 12px;display:grid;gap:8px}.select{width:100%;min-width:0;height:22px;padding:0 22px 0 6px;border:1px solid transparent;border-radius:var(--radius);background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 11px) 10px,calc(100% - 7px) 10px;background-size:4px 4px,4px 4px;background-repeat:no-repeat;color:var(--text);font:inherit;font-size:11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select:hover{background-color:var(--field-hover)}.select:focus{border-color:var(--accent);outline:none}.field{display:grid;grid-template-columns:var(--row-label) minmax(0,1fr);align-items:center;gap:8px;min-height:24px}.field>label{font-size:11px;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field.stacked{grid-template-columns:1fr;gap:5px;align-items:stretch}.field.stacked>label{padding-top:2px}.vec-rows{display:grid;gap:2px}.control{display:flex;align-items:center;gap:6px;min-width:0}.field.nolabel{grid-template-columns:minmax(0,1fr)}input[type=number],input[type=text],select{width:100%;height:24px;padding:0 6px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]:hover,input[type=text]:hover,select:hover{background:var(--field-hover)}input[type=number]:focus,input[type=text]:focus,select:focus{outline:none;background:#fff;border-color:var(--accent)}.num{display:flex;align-items:center;gap:2px;height:24px;padding-left:6px;border:1px solid transparent;border-radius:var(--radius);min-width:0}.num:hover{background:var(--field-hover)}.num:focus-within{background:#fff;border-color:var(--accent)}.num .glyph{font-size:10px;color:var(--muted);flex:0 0 auto}.num input{height:22px;padding:0 4px;background:transparent!important;border:none!important}.num input:focus{outline:none}.vec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.readout{flex:0 0 auto;min-width:30px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.text-input{width:100%;height:26px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font:inherit;font-size:11px;color:var(--text)}.text-input:focus{border-color:var(--accent);outline:none}.capture{display:grid;gap:6px;width:320px;max-width:80%}.capture-row{display:flex;gap:6px;align-items:center}.capture-row .text-input{flex:1 1 auto;height:28px}.capture-row .btn{flex:0 0 auto}.capture-row .seg button{flex:0 0 auto;padding:0 9px}.capture-or{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}.kf-pop{position:fixed;z-index:30;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #00000038;cursor:default;overflow:hidden}.kf-pop-head{display:flex;align-items:center;gap:4px;padding:6px 6px 6px 10px;border-bottom:1px solid var(--line);background:var(--panel);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.kf-pop-head:active{cursor:grabbing}.kf-pop-head input,.kf-pop-head button{cursor:auto}.kf-pop-title{font-size:11px;font-weight:500;flex:1 1 auto}.kf-pop .unit{font-size:10px;color:var(--muted)}.kf-pop-head input[type=number]{width:58px;height:22px;font-size:11px;text-align:right}.kf-pop-x{border:none;background:none;width:20px;height:20px;color:var(--muted);cursor:pointer;font-size:11px}.kf-pop-x:hover{color:var(--text)}.kf-pop-body{padding:6px 10px 8px;display:flex;flex-direction:column;gap:2px;min-height:0;overflow-y:auto}.kf-pop-head,.kf-pop-foot{flex:0 0 auto}.kf-stale{flex:0 0 auto;margin:0;padding:6px 10px;font-size:10.5px;line-height:1.45;color:var(--danger);background:#e5484d14;border-top:1px solid var(--line)}.kf-pop-body .hint{margin:4px 0 0}.kf-pop-foot{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--line);background:var(--panel)}.kf-pop-foot button{flex:1 1 0;border:1px solid var(--line-strong);background:#fff;border-radius:var(--radius);height:24px;font:inherit;font-size:11px;color:var(--text);cursor:pointer}.kf-pop-foot button:hover{background:var(--field-hover)}.kf-pop-foot button.danger{color:var(--danger)}.kf-ease{height:20px;border:1px solid var(--line);border-radius:3px;background:#fff;font:inherit;font-size:10.5px;color:var(--text);cursor:pointer}.fx-newmove{padding:6px 8px 8px;margin:0 4px 4px;border-left:2px solid var(--line-strong);background:#00000005}.fx-placed{display:flex;align-items:center;gap:8px;margin:2px 0 6px;font-size:11px;font-weight:600;color:var(--text)}.fx-row{display:flex;align-items:center;gap:4px}.fx-row.muted{opacity:.45}.fx-track{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;height:26px;padding:0 8px;border-radius:6px;overflow:hidden;background:linear-gradient(90deg,var(--slider-fill) var(--pct, 0%),var(--slider-trough) var(--pct, 0%))}.fx-track input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.fx-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:26px}.fx-name{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-value{flex:0 0 auto;width:34px;text-align:right;font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--slider-value)}.fx-btn{flex:0 0 auto;width:20px;height:22px;border:none;background:transparent;color:var(--muted);border-radius:3px;font-size:12px;line-height:1;cursor:pointer}.fx-btn:hover{background:var(--field-hover);color:var(--text)}.fx-add{position:relative}.fx-menu{position:absolute;left:0;right:0;bottom:calc(100% + 4px);z-index:5;display:grid;gap:1px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px #00000024}.fx-menu button{border:none;background:transparent;text-align:left;padding:5px 7px;border-radius:3px;font:inherit;font-size:11px;color:var(--text);cursor:pointer}.fx-menu button:hover{background:var(--field-hover)}.fx-group{display:grid;gap:1px}.fx-group-head{display:flex;align-items:center;gap:6px;font-weight:500}.fx-group-head .chev{font-size:7px;color:var(--muted);transition:transform .12s ease}.fx-group-head.open .chev{transform:rotate(90deg)}.fx-group-head .count{margin-left:auto;font-size:9.5px;color:var(--muted)}.fx-item{padding-left:20px!important;color:var(--label)!important}.fx-item:hover{color:var(--text)!important}.focus-box{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;background:#e9e9e9;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;line-height:0}.focus-box canvas{width:100%;height:auto;display:block}.focus-rect{position:absolute;border:1.5px solid var(--accent);background:#0d99ff24;box-shadow:0 0 0 1px #ffffff80 inset;pointer-events:none}.focus-rect>span{position:absolute;top:-1px;left:-1px;min-width:14px;height:14px;padding:0 3px;background:var(--accent);color:#fff;font-size:9px;line-height:14px;text-align:center;border-radius:2px 0}.focus-rect.live{border-style:dashed;background:#0d99ff14}.slider-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:5px;align-items:stretch}.slider-track{position:relative;display:flex;align-items:center;gap:0;height:28px;padding:0 9px;border-radius:7px;overflow:hidden;background:linear-gradient(90deg,var(--slider-fill) var(--pct, 0%),var(--slider-trough) var(--pct, 0%))}.slider-track input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.slider-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:28px}.slider-track input[type=range]:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:-2px;background:transparent}.slider-label{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-hint{position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#0000000d;border-radius:4px;padding:1px 4px;opacity:0;transition:opacity .1s ease;white-space:nowrap;max-width:50%;overflow:hidden}.slider-row:hover .slider-hint,.slider-row.armed .slider-hint{opacity:1}.slider-row.armed .slider-track{box-shadow:inset 0 0 0 1.5px var(--accent)}.slider-value{display:flex;align-items:center;justify-content:flex-end;height:28px;padding:0 9px;border-radius:7px;background:var(--slider-trough);color:var(--slider-value);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.color-row{display:flex;align-items:center;gap:6px;height:24px;padding:0 4px;border-radius:var(--radius)}.color-row:hover{background:var(--field-hover)}.swatch{width:14px;height:14px;flex:0 0 auto;border-radius:2px;border:1px solid rgba(0,0,0,.12);padding:0;cursor:pointer;position:relative;overflow:hidden}.swatch input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;background:none;cursor:pointer}.hex{text-transform:uppercase;letter-spacing:.01em;font-variant-numeric:tabular-nums}.seg{display:flex;background:#f0f0f0;border-radius:var(--radius);padding:2px;gap:2px;min-width:0}.seg button{flex:1 1 0;min-width:0;border:none;background:transparent;border-radius:2px;height:20px;padding:0 4px;font-size:11px;color:var(--label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg.wrap{flex-wrap:wrap}.seg.wrap button{flex:0 0 auto;min-width:24px}.seg button:hover{color:var(--text)}.seg button.on{background:#fff;color:var(--text);font-weight:500;box-shadow:0 1px 2px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--line-strong);background:#fff;border-radius:var(--radius);font-size:11px;font-weight:500;color:var(--text);white-space:nowrap;transition:background .1s ease,border-color .1s ease}.btn:hover{background:var(--field-hover)}.btn:active{background:var(--field-active)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-press);border-color:var(--accent-press)}.btn.primary:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{border-color:transparent;background:transparent;color:var(--label)}.btn.ghost:hover{background:var(--field-hover);color:var(--text)}.btn.danger{color:var(--danger)}.btn.danger:disabled{opacity:.4;cursor:not-allowed}.btn.sm{height:22px;padding:0 7px;font-size:10.5px}.subgroup{display:grid;gap:6px;padding:8px 0 10px;border-top:1px solid var(--line)}.subgroup>.field>label{font-weight:500;color:var(--text)}.hint{font-size:10.5px;color:var(--muted);line-height:1.5}.kbd{background:#f5f5f5;border:1px solid var(--line);border-radius:3px;padding:1px 4px;font-size:10px;color:var(--label)}.row{display:flex;gap:6px;align-items:center}.badge{font-size:10.5px;color:var(--label);background:#f5f5f5;border-radius:var(--radius);padding:3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.timeline .row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.timeline .row>*{flex:0 0 auto}.timeline .spacer{flex:1 0 8px}.timeline .hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-end{position:absolute;top:-1px;bottom:-1px;width:12px;margin-left:-6px;z-index:4;cursor:ew-resize;touch-action:none;border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(to right,transparent,rgba(0,0,0,.1))}.track-end:after{content:"";position:absolute;top:6px;bottom:6px;left:5px;width:2px;border-radius:1px;background:var(--muted)}.track-end:hover:after{background:var(--text)}.track{position:relative;height:36px;margin:10px 0 8px;background:#f7f7f7;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.track .ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.track .tick{position:absolute;top:0;bottom:0;width:1px;background:#ececec}.kf-ramp{position:absolute;bottom:-2px;height:3px;background:var(--accent, #2d8cff);opacity:.4;border-radius:2px;z-index:1;pointer-events:none}.kf-ramp span{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:9.5px;color:var(--accent, #2d8cff);opacity:.8;white-space:nowrap}.track .tick span{position:absolute;top:3px;left:4px;font-size:9.5px;color:var(--muted)}.kf{position:absolute;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.kf:before{content:"";position:absolute;top:4.5px;right:4.5px;bottom:4.5px;left:4.5px;background:var(--text);border:1px solid #fff;border-radius:1px;transform:rotate(45deg)}.kf:active{cursor:grabbing}.kf:hover:before{background:var(--accent)}.kf.sel:before{background:var(--accent);box-shadow:0 0 0 2px #0d99ff40}.playhead{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--danger);z-index:3;box-shadow:0 0 0 1px #ffffff8c;pointer-events:none}.playhead:after{content:"";position:absolute;top:-4px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--danger)}.dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;background:#eeeeeed1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;text-align:center}.dropzone.active{box-shadow:inset 0 0 0 2px var(--accent)}.progress{height:3px;background:#e9e9e9;border-radius:2px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);transition:width .1s linear}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:10px;background:#ffffffe0;z-index:5;justify-items:center}.sidebar::-webkit-scrollbar,.timeline .row::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar-thumb,.timeline .row::-webkit-scrollbar-thumb{background:#dcdcdc;border-radius:4px;border:2px solid #fff}.sidebar::-webkit-scrollbar-thumb:hover{background:#c8c8c8}.shot-row{display:flex;gap:4px;align-items:stretch}.shot-row .btn{flex:1;min-width:0}.shot-row .mini{flex:0 0 auto;padding:0 7px}.warn-row{margin:0 0 8px;padding:7px 8px;border:1px solid var(--line);border-left:2px solid var(--danger);border-radius:var(--radius);background:#e5484d0d}.warn-row .hint{margin:0 0 6px;white-space:normal}.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.shot-card-wrap{position:relative;display:flex}.shot-card{flex:1;display:flex;flex-direction:column;gap:0;padding:0;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--btn);overflow:hidden;cursor:pointer;text-align:left;transition:border-color .12s ease,transform .12s ease}.shot-card:hover{border-color:var(--accent)}.shot-card:active{transform:scale(.985)}.shot-card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.shot-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:var(--slider-trough)}.shot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.shot-thumb em{padding:0 8px;font-size:8.5px;font-style:normal;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;text-align:center;color:var(--muted)}.shot-name{padding:5px 7px 6px;font-size:11px;line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shot-del{position:absolute;top:4px;right:4px;width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:#141416b8;color:#fff;font-size:13px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease}.shot-card-wrap:hover .shot-del,.shot-del:focus-visible{opacity:1}.shot-del:hover{background:#c0392b}.shot-dots{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:#141416b8;color:#fff;fill:currentColor;cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease}.shot-card-wrap:hover .shot-dots,.shot-dots:focus-visible,.shot-dots.open{opacity:1}.shot-dots:hover,.shot-dots.open{background:#141416eb}@media (hover: none){.shot-dots{opacity:1}}.shot-menu{position:absolute;top:26px;right:4px;z-index:20;min-width:190px;display:flex;flex-direction:column;gap:2px;padding:4px;border-radius:8px;background:#1c1c1f;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 28px #00000073}.shot-grid>.shot-card-wrap:nth-child(odd) .shot-menu{right:auto;left:4px}.shot-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:#f2f2f2;font:inherit;font-size:12px;text-align:left;cursor:pointer}.shot-menu button:hover{background:#ffffff14}.shot-menu button.danger{color:#ff6b5e}.shot-menu button.danger:hover{background:#c0392b38}.shot-menu small{color:#8e8e93;font-size:10.5px}.shot-menu-note{padding:6px 9px;color:#8e8e93;font-size:10.5px;line-height:1.35}.more-body{display:grid;gap:7px;padding:7px 0 2px 10px;border-left:1px solid var(--line);margin-left:3px}.blocked-note{margin:0;padding:6px 8px;border-radius:6px;background:#fff8e6;border:1px solid #f0e0b0;font-size:11px;line-height:1.35;color:#7a5c15}.hint.readout{margin:-2px 0 0;font-variant-numeric:tabular-nums}.look-row{display:flex;flex-wrap:wrap;gap:5px}.btn.look{flex:1 1 auto;min-width:62px;padding:5px 8px;font-size:11px}.btn.look.on{border-color:var(--accent);color:var(--accent);font-weight:500}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141847;z-index:40;animation:scrim-in .14s ease}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:680px;max-width:96vw;z-index:41;display:flex;flex-direction:column;gap:11px;padding:14px 16px 18px;overflow-y:auto;background:var(--panel);border-left:1px solid var(--line);box-shadow:-18px 0 40px #00000021;animation:drawer-in .18s cubic-bezier(.22,.61,.36,1)}@keyframes drawer-in{0%{transform:translate(26px);opacity:.4}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.drawer-head strong{display:block;font-size:13px}.drawer-sub{display:block;margin-top:2px;font-size:11px;color:var(--muted)}.drawer-actions{display:grid;gap:6px}.ramp-svg{width:100%;height:auto;touch-action:none;-webkit-user-select:none;user-select:none}.ramp-svg .plot{fill:#fbfbfc;stroke:var(--line)}.ramp-svg .grid{stroke:var(--line);stroke-dasharray:2 4}.ramp-svg .ref{stroke:#b8b8c0;stroke-dasharray:5 4}.ramp-svg .kf-line{stroke:#d8d8de}.ramp-svg .ph{stroke:#e0483c;stroke-width:1.5}.ramp-svg .seg-hit{fill:transparent;cursor:pointer}.ramp-svg .seg .trace{fill:none;stroke:#b9c6d6;stroke-width:1.8}.ramp-svg .seg.on .trace{stroke:var(--accent);stroke-width:2.6}.ramp-svg .seg.on .seg-hit{fill:#2a7ae40b}.ramp-svg .arm{stroke:var(--accent);opacity:.45;stroke-width:1.2}.ramp-svg .handle{fill:#fff;stroke:var(--accent);stroke-width:2.4;cursor:grab}.ramp-svg .handle:hover{fill:var(--accent)}.ramp-svg .handle.on{fill:var(--accent);cursor:grabbing}.ramp-svg .axis{font-size:9.5px;fill:var(--muted);letter-spacing:.04em}.graph-mode{display:flex;gap:0;margin-left:auto;margin-right:6px}.graph-mode button{padding:3px 10px;font-size:11px;border:1px solid var(--line);background:var(--btn);color:var(--label);cursor:pointer}.graph-mode button:first-child{border-radius:6px 0 0 6px}.graph-mode button:last-child{border-radius:0 6px 6px 0;border-left:0}.graph-mode button.on{background:#fff;color:var(--accent);border-color:var(--accent);font-weight:500}.ae-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.ae-head{margin:0 0 5px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.ae-grid>div{display:grid;gap:6px}.curve-read{display:flex;gap:12px;font-size:11px;color:var(--label);font-variant-numeric:tabular-nums}.curve-read b{color:var(--text);font-weight:600}.curve-read .muted{margin-left:auto;color:var(--muted)}.curve-svg .curve-hit{fill:none;stroke:transparent;stroke-width:18;cursor:copy}.lost-device{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 14px;border-radius:999px;background:#18181ce6;color:#fff;font-size:12px;box-shadow:0 6px 20px #00000038}.lost-device .btn{padding:4px 12px;font-size:12px}.shot-ship{position:absolute;top:4px;right:26px;width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:#141416b8;color:#fff;font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease}.shot-card-wrap:hover .shot-ship,.shot-ship:focus-visible{opacity:1}.shot-ship:hover{background:var(--accent)}.ship-steps{margin:0;padding-left:20px;display:grid;gap:16px}.ship-steps li{font-size:12px}.ship-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.ship-head>span{font-weight:500}.ship-head .btn{padding:3px 12px;font-size:11px}.ship-code{margin:6px 0 0;padding:9px 11px;max-height:150px;overflow:auto;border-radius:7px;background:#16181c;color:#cfd6de;font-size:10.5px;line-height:1.5;white-space:pre;-moz-tab-size:2;tab-size:2}.ship-code.tall{max-height:300px}.hint.ok{color:#1f7a3d}.focus-pad{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:7px;background:var(--slider-trough);cursor:crosshair;touch-action:none;overflow:hidden}.focus-cross{position:absolute;background:var(--line)}.focus-cross.v{left:50%;top:0;bottom:0;width:1px}.focus-cross.h{top:50%;left:0;right:0;height:1px}.focus-dot{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fff,0 1px 4px #0000004d;pointer-events:none}.admin-login{display:grid;gap:8px;max-width:400px}.admin-block{display:grid;gap:7px;padding-bottom:4px}.admin-row{display:flex;align-items:center;gap:9px;padding:4px 4px 4px 0;border-top:1px solid var(--line)}.admin-row img,.admin-noimg{width:52px;height:30px;border-radius:4px;object-fit:cover;background:var(--slider-trough);flex:none}.admin-name{flex:1;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-badge{display:inline-flex;align-items:center;margin-left:6px;padding:1px 6px 2px;border-radius:999px;background:#1a1c20;color:#fff;font-size:8.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;vertical-align:middle;flex:none}.pro-row{display:flex;align-items:center;gap:0}.admin-check{display:flex;align-items:center;gap:8px;font-size:11.5px;cursor:pointer}.admin-check input{margin:0}.mode-switch{display:flex;margin-right:4px}.mode-switch button{padding:5px 12px;font-size:12px;border:1px solid var(--line);background:var(--btn);color:var(--label);cursor:pointer}.mode-switch button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.mode-switch button:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:0}.mode-switch button.on{background:#fff;color:var(--accent);border-color:var(--accent);font-weight:500}.pill-switch{position:relative;width:34px;height:20px;flex:none;padding:0;border:1px solid var(--line);border-radius:4px;background:#e6e6ea;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pill-switch.on{background:var(--accent);border-color:var(--accent)}.pill-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:3px;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s ease}.pill-switch.on .pill-knob{transform:translate(14px)}.pill-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pro-view{display:flex;align-items:center;gap:7px;margin-left:12px;font-size:11.5px;color:var(--muted)}.pro-view span.on{color:var(--accent);font-weight:600}.gsi-wrap{display:grid;gap:6px}.gsi-host{min-height:40px}.or-line{display:flex;align-items:center;gap:10px;margin:2px 0;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.or-line:before,.or-line:after{content:"";flex:1;height:1px;background:var(--line)}.admin-emails{width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.6;padding:8px 10px}.claude-btn{display:inline-flex;align-items:center;gap:6px;max-width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.claude-btn.on{border-color:#d9775799}.claude-dot{width:7px;height:7px;border-radius:50%;background:#8e8e93;flex:0 0 auto}.claude-dot.on{background:#d97757;box-shadow:0 0 0 3px #d9775738}.claude-dot.connecting{background:#f0b429}.app{grid-template-columns:clamp(180px,16vw,232px) minmax(0,1fr) clamp(196px,17vw,236px)}.btn.export-top{min-width:86px;font-weight:600}.btn.upgrade{border-color:#0a84ff73;color:var(--accent);background:transparent}.btn.upgrade:hover{background:#0a84ff14}.upgrade-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#00000059}.upgrade-card{width:min(360px,92vw);display:grid;gap:10px;padding:18px;border-radius:12px;background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 60px #0000004d}.upgrade-card h3{margin:0;font-size:15px}.upgrade-card ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:12px}.sidebar p.hint:not([style]):not(.readout){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;cursor:default}.sidebar p.hint:not([style]):not(.readout):hover,.sidebar .panel:focus-within p.hint:not([style]){-webkit-line-clamp:unset}.shot-name{display:grid;gap:1px;-webkit-line-clamp:unset}.shot-title,.shot-sub{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shot-title{font-weight:600}.shot-sub{font-size:10px;color:var(--label)}.shot-dots{opacity:.8}.app.steps .steprail{grid-area:rail;display:flex;flex-direction:column;gap:2px;padding:10px 6px;background:var(--panel);border-right:1px solid var(--line)}.steprail button{display:grid;justify-items:center;gap:5px;padding:10px 0 9px;border:0;border-radius:6px;background:transparent;color:var(--label);font-size:11px}.steprail button:hover:not(:disabled){background:var(--field-hover);color:var(--text)}.steprail .n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f0f0f0;color:var(--text);font-weight:600;font-size:11px}.steprail button.on{color:var(--text)}.steprail button.on .n{background:var(--accent);color:#fff}.steprail button.on .l{font-weight:600}.steprail button:disabled{opacity:.35;cursor:not-allowed}.app.steps .steppanel{grid-area:panel;display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--panel);border-right:1px solid var(--line)}.steppanel>.sidebar{grid-area:auto;border:0;overflow:visible;flex:none}.steppanel .panel-bar{display:none}.stephead{padding:14px 12px 8px;border-bottom:1px solid var(--line)}.stephead .t{font-size:13px;font-weight:600;letter-spacing:-.01em}.stephead .h{margin-top:2px;color:var(--label)}.stepnext{position:sticky;bottom:0;margin-top:auto;padding:10px 12px;background:var(--panel);border-top:1px solid var(--line)}.btn.wide{width:100%}.mediastep .media-now{display:flex;align-items:center;gap:8px}.mediastep .file{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.mediastep .capture-or{margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.formatchips{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:2px;padding:2px;border-radius:6px;background:#ffffffeb;box-shadow:0 1px 4px #0000001f}.formatchips button{height:24px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--label);font-size:11px}.formatchips button.on{background:var(--text);color:#fff}.moremenu{position:relative}.moremenu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:200px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px -12px #00000040}.moremenu-pop button{width:100%;display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 10px;border:0;border-radius:5px;background:transparent;font-size:12px;text-align:left}.moremenu-pop button:hover{background:var(--field-hover)}.moremenu-pop kbd{font:10px Inter,sans-serif;color:var(--muted)}.moremenu-pop .sep{height:1px;margin:4px 6px;background:var(--line)}.mediastep .media-now .btn{flex:none}.mediastep .body{padding-top:12px}.app.steps .steppanel{overflow-x:hidden}.steppanel .capture{width:100%;max-width:none}.steppanel .capture>.hint{display:none}.steppanel .capture-row .text-input{min-width:0}.steppanel .field .hint,.steppanel .body>.hint{font-size:11px}.app.steps .timeline{padding:8px 12px}.app.steps .timeline>.hint,.app.steps .timeline .tl-hint{display:none}.app.steps .timeline>p.hint{display:none}.moremenu-pop.up{top:auto;bottom:calc(100% + 6px);left:0;right:auto}.app.steps .timeline .row{overflow:visible;flex-wrap:nowrap}.mediastep .media-now{min-width:0}.mediastep .media-now .file{flex:1 1 0}.steppanel .capture-row{flex-wrap:wrap}.steppanel .capture-row .text-input{flex:1 1 100%}.steppanel .capture-row>.btn.primary{flex:1 1 100%}.app.steps .timeline{position:relative;z-index:20;overflow:visible}.moremenu-pop{z-index:100;max-height:60vh;overflow-y:auto}.app.steps{background:var(--stage)}.app.steps .stage{box-shadow:0 0 0 1px var(--line)}.steprail .n{position:relative}.newdot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--panel)}.newshots>header{cursor:default}.newbadge{margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:600}.newshots-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.newshot{display:grid;gap:2px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;text-align:left;transition:border-color .15s,background .15s}.newshot:hover{border-color:var(--accent);background:#f5f8ff}.newshot:first-child{grid-column:1 / -1;border-color:var(--accent)}.newshot b{font-size:12px;font-weight:600}.newshot span{font-size:10.5px;color:var(--label)}.hint-i{position:relative;display:inline-flex;align-items:center;justify-self:start;width:18px;height:18px;margin:-2px 0;color:var(--muted);cursor:default;outline:none;border-radius:50%}.hint-i:hover,.hint-i:focus-visible{color:var(--accent)}.hint-i:focus-visible{box-shadow:0 0 0 2px #3d50e84d}.hint-pop{position:absolute;left:-4px;top:calc(100% + 6px);z-index:80;width:230px;padding:9px 11px;border-radius:8px;background:#17181a;color:#f2f2f3;font-size:11.5px;line-height:1.5;font-weight:400;text-transform:none;letter-spacing:0;box-shadow:0 12px 28px -10px #0006;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity .12s,transform .12s}.hint-pop:before{content:"";position:absolute;left:9px;top:-4px;width:8px;height:8px;background:#17181a;transform:rotate(45deg)}.hint-i:hover .hint-pop,.hint-i:focus-visible .hint-pop{opacity:1;transform:none}.hint-pop em,.hint-pop b{color:#fff}.newshots .hint-i{vertical-align:-3px;margin-left:4px}.hint-mark{display:none}.hint-slot{display:inline-flex;align-items:center;gap:2px;margin-left:2px}.hint-slot:empty{display:none}.hint-slot .hint-i{margin:0}.panel>header{position:relative;overflow:visible}.hint-slot .hint-pop{top:calc(100% + 4px)}.finish{margin-top:8px}.finish-head{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim, #777);margin-bottom:6px}.finish-name{color:var(--text, #222)}.finish-row{display:flex;flex-wrap:wrap;gap:7px}.finish-dot{width:22px;height:22px;border-radius:50%;padding:0;cursor:pointer;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 1px 2px #ffffff80;transition:transform .12s}.finish-dot:hover{transform:scale(1.1)}.finish-dot.on{outline:2px solid var(--accent, #2a6df4);outline-offset:2px}.app.steps .frame-guide{box-shadow:0 0 0 9999px color-mix(in srgb,var(--stage, #e9e9ea) 58%,transparent);outline:1px dashed var(--line-strong)}.newshots-group+.newshots-group{margin-top:12px}.newshots-title{font-size:11px;color:var(--label);margin:4px 0 6px}.newshot b .newbadge{margin-left:6px;vertical-align:1px;color:#fff;font-size:10px}.sharp-note{margin-top:10px;padding:8px 10px;border-radius:8px;background:#fff6e5;border:1px solid #f2d39a;display:flex;flex-direction:column;gap:3px;font-size:11.5px;line-height:1.45;color:#7a4b00}.sharp-note b{font-weight:600}.app.steps{--bg: #fbfbfa;--panel: #fbfbfa;--surface: #ffffff;--stage: #f1f1ef;--line: #ebebe8;--line-strong: #dcdcd8;--text: #1b1b1a;--label: #5f5f5b;--muted: #71716c;--field: #f3f3f1;--field-hover: #ededea;--field-active: #e6e6e2;--accent: #2f6bd1;--accent-press: #285db8;--accent-soft: #edf3fc;--black: #141414;--radius: 8px;--row-label: 78px;background:var(--bg);font-size:12px}.app.steps .topbar{height:auto;min-height:56px;padding:0 14px;gap:10px;background:var(--bg);border-bottom:1px solid var(--line)}.app.steps .brand{font-size:13px;font-weight:600}.app.steps .brand span{color:var(--label);font-weight:500}.app.steps .topbar>.badge{height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--label);font-size:11.5px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.steps .pro-view{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.app.steps .btn.upgrade{height:28px;border-radius:999px;background:#fff1d6;border-color:#f3dcae;color:#8a5800;font-weight:600}.app.steps .btn.upgrade:hover{background:#ffe9c2}.app.steps .btn,.dd-menu .btn{height:32px;padding:0 12px;gap:7px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:12px;font-weight:500;display:inline-flex;align-items:center;transition:background .15s,border-color .15s,box-shadow .15s,transform .08s}.app.steps .btn:hover{background:var(--field)}.app.steps .btn:active{transform:scale(.98)}.app.steps .btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2f6bd140}.app.steps .btn.ghost{border-color:transparent;background:transparent;color:var(--label)}.app.steps .btn.ghost:hover{background:var(--field);color:var(--text)}.app.steps .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff2e}.app.steps .btn.primary:hover{background:var(--accent-press);border-color:var(--accent-press)}.app.steps .btn.danger{color:#d0383d}.app.steps .btn.sm{height:26px;padding:0 9px;font-size:11.5px}.app.steps .btn .ico.chev{color:var(--muted);margin-left:-2px;transition:transform .2s}.app.steps .btn[aria-expanded=true]{background:var(--field)}.app.steps .btn[aria-expanded=true] .ico.chev{transform:rotate(180deg)}.app.steps .btn .ico.lead{color:var(--accent)}.app.steps .btn.icon-only{width:32px;padding:0;justify-content:center}.app.steps .btn.primary.export-top{background:var(--black);border-color:var(--black);box-shadow:none;padding:0 10px 0 12px}.app.steps .btn.primary.export-top:hover{background:#2a2a2a}.app.steps .btn.primary.export-top:disabled{opacity:.35}.app.steps .btn.primary.export-top .tag{font-size:11px;font-weight:500;padding:1px 6px;border-radius:5px;background:#ffffff24;color:#ffffffd9}.app.steps .moremenu-pop{min-width:230px;padding:5px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 32px #1414141f,0 2px 6px #1414140f;animation:menu-in .14s ease}.app.steps .moremenu-pop.end{left:auto;right:0}.app.steps .moremenu-pop button{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 9px;border-radius:8px;font-size:12.5px;text-align:left}.app.steps .moremenu-pop button:hover{background:var(--field)}.app.steps .moremenu-pop .mi-ic{color:var(--label);flex:none}.app.steps .moremenu-pop .mi-text{flex:1;display:flex;flex-direction:column;line-height:1.25}.app.steps .moremenu-pop .mi-desc{font-size:11px;color:var(--label)}.app.steps .moremenu-pop kbd{font:11px/1 inherit;color:var(--muted);background:none;border:0}.app.steps .moremenu-pop .menu-group{font-size:11px;color:var(--muted);padding:8px 9px 3px}.app.steps .moremenu-pop .sep{height:1px;background:var(--line);margin:5px 4px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.app.steps .steprail{background:var(--bg);border-right:1px solid var(--line);padding-top:12px;gap:4px}.app.steps .steprail button{border-radius:10px;color:var(--label)}.app.steps .steprail button:hover:not(:disabled){background:var(--field)}.app.steps .steprail button .n{background:var(--field);color:var(--label);font-weight:500}.app.steps .steprail button.on{color:var(--text);background:transparent}.app.steps .steprail button.on .n{background:var(--black);color:#fff}.app.steps .steppanel{background:var(--bg);border-right:1px solid var(--line)}.app.steps .steppanel .panel{background:transparent;border-bottom:0;border-top:1px solid var(--line);margin:0 14px}.app.steps .steppanel .panel:first-of-type{border-top:0}.app.steps .panel>header{height:40px;padding:0 2px;font-size:12.5px;font-weight:600;color:var(--text);gap:8px}.app.steps .panel>header .chev{width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:6px solid var(--label);transform:rotate(-90deg);transition:transform .15s;font-size:0}.app.steps .panel>header .chev.open{transform:none}.app.steps .panel>.body{padding:0 2px 14px;gap:8px}.app.steps .steppanel .stephead,.app.steps .stephead{padding:16px 16px 6px}.app.steps .field{min-height:32px;gap:10px}.app.steps .field>label{color:var(--label);font-size:12px}.app.steps .num,.app.steps .select,.app.steps .color-row{height:32px;border-radius:var(--radius);background:var(--field);border:1px solid transparent}.app.steps .num:hover,.app.steps .select:hover,.app.steps .color-row:hover{background:var(--field-hover)}.app.steps .num:focus-within{background:var(--surface);border-color:var(--accent)}.app.steps .num input{font-size:12px}.app.steps .seg{height:32px;padding:3px;border-radius:10px;background:var(--field);gap:2px}.app.steps .seg button{border-radius:7px;font-size:12px;color:var(--label)}.app.steps .seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.app.steps .color-row{display:grid;grid-template-columns:32px 1fr;gap:6px;padding:0;background:transparent}.app.steps .color-row:hover{background:transparent}.app.steps .color-row .swatch{width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 0 2px #fff}.app.steps .hexfield{display:flex;align-items:center;height:32px;padding:0 10px;border-radius:var(--radius);background:var(--field);border:1px solid transparent;min-width:0}.app.steps .hexfield:hover{background:var(--field-hover)}.app.steps .hexfield:focus-within{background:var(--surface);border-color:var(--accent)}.app.steps .hexfield input.hex{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:12px;color:var(--text);outline:none;text-transform:uppercase;letter-spacing:.02em}.app.steps .hexfield .unit{font-size:10.5px;color:var(--muted)}.app.steps .switch-cell{display:flex;justify-content:flex-end}.app.steps .toggle{width:34px;height:20px;padding:0;border:0;border-radius:999px;background:#d9d9d4;position:relative;transition:background .15s}.app.steps .toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000038;transition:transform .15s}.app.steps .toggle.on{background:var(--accent)}.app.steps .toggle.on:after{transform:translate(14px)}.app.steps .toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #2f6bd140}.app.steps .dd-trigger{display:flex;align-items:center;gap:9px;width:100%;padding:0 10px;text-align:left;color:var(--text);font-size:12px;cursor:pointer}.app.steps .dd-trigger .dd-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.app.steps .dd-trigger .dd-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.steps .dd-trigger .dd-chev{color:var(--muted);flex:none;transition:transform .2s}.app.steps .dd-trigger.open{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px #2f6bd124}.app.steps .dd-trigger.open .dd-chev{transform:rotate(180deg)}.app.steps .dd-trigger.rich{height:46px;border-radius:10px;background:var(--surface);border-color:var(--line-strong)}.app.steps .dd-trigger.rich .dd-label{font-weight:500;font-size:12.5px}.app.steps .dd-trigger .dd-desc{font-size:11px;color:var(--label)}.app.steps .dd-thumb{width:28px;height:28px;border-radius:7px;background:var(--field);display:grid;place-items:center;color:var(--label);flex:none}.dd-menu{position:fixed;z-index:1000;overflow:auto;overscroll-behavior:contain;padding:5px;border-radius:12px;border:1px solid #ebebe8;background:#fff;box-shadow:0 12px 32px #1414141f,0 2px 6px #1414140f;animation:menu-in .14s ease;font:12px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;color:#1b1b1a}.dd-item{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 9px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.dd-item.hi{background:#f3f3f1}.dd-item .dd-ic{color:#6b6b67;display:grid;place-items:center;flex:none}.dd-item .dd-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.dd-item .dd-desc{font-size:11px;color:#6b6b67}.dd-item .dd-check{color:#2f6bd1;opacity:0;flex:none}.dd-item[aria-selected=true]{background:#edf3fc}.dd-item[aria-selected=true] .dd-label,.dd-item[aria-selected=true] .dd-ic{color:#2f6bd1}.dd-item[aria-selected=true] .dd-desc{color:#7d86df}.dd-item[aria-selected=true] .dd-check{opacity:1}.dd-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;background:#2f6bd1;color:#fff;margin-left:6px;vertical-align:1px}.app.steps .stepnext{padding:12px 14px;border-top:1px solid var(--line);background:var(--bg)}.app.steps .stepnext .btn.wide{height:38px;border-radius:10px;background:var(--accent);border-color:var(--accent);color:#fff;justify-content:center;box-shadow:inset 0 1px #ffffff2e}.app.steps .stepnext .btn.wide:hover{background:var(--accent-press)}.app.steps .stage{border-radius:14px;box-shadow:none;background:var(--stage);overflow:hidden}.app.steps .timeline{background:var(--bg);border-top:0;padding:10px 12px 12px}.app.steps .timeline .btn{height:30px}.app.steps .newshot{border-radius:10px;border-color:var(--line);background:var(--surface)}.app.steps .newshot:hover{border-color:var(--line-strong)}.app.steps .newbadge{background:var(--accent)}.app.steps .finish-dot{width:26px;height:26px}.app.steps .finish-dot.on{outline-color:var(--accent)}.app.steps .focus-box{width:fit-content;max-width:100%;margin:0 auto;border-radius:10px}.app.steps .focus-box canvas{width:auto;max-width:100%;max-height:260px}.app.steps .fx-group-head{width:100%;height:32px;padding:0 2px;border:0;background:none;border-radius:6px;font-size:12px;font-weight:500;color:var(--label);gap:8px}.app.steps .fx-group-head:hover{color:var(--text);background:none}.app.steps .fx-group-head .chev{width:0;height:0;font-size:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transform:rotate(-90deg)}.app.steps .fx-group-head.open .chev{transform:none}.app.steps .fx-group-head .count{font-size:11px}.app.steps .steppanel,.moremenu-pop,.dd-menu{scrollbar-width:thin;scrollbar-color:#d6d6d1 transparent}.app.steps .steppanel::-webkit-scrollbar,.moremenu-pop::-webkit-scrollbar,.dd-menu::-webkit-scrollbar{width:8px}.app.steps .steppanel::-webkit-scrollbar-thumb,.moremenu-pop::-webkit-scrollbar-thumb,.dd-menu::-webkit-scrollbar-thumb{background:#d6d6d1;border-radius:8px;border:2px solid transparent;background-clip:padding-box}.app.steps .steppanel::-webkit-scrollbar-button,.moremenu-pop::-webkit-scrollbar-button,.dd-menu::-webkit-scrollbar-button{display:none}.hint-pop .hint-more{display:block;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12)}.app.steps .steppanel>.sidebar{display:contents}.app.steps .steppanel>.stephead{order:-10}.app.steps .steppanel>.stepnext{order:99}.app.steps .steppanel .mediastep,.app.steps .steppanel .newshots{order:0}.app.steps [data-panel=Screen],.app.steps [data-panel=Device]{order:1}.app.steps [data-panel=Scene]{order:3}.app.steps [data-panel=Transform]{order:2}.app.steps [data-panel=Materials]{order:4}.app.steps [data-panel=Shot]{order:1}.app.steps [data-panel=Location]{order:2}.app.steps [data-panel=Background]{order:3}.app.steps [data-panel=Lighting]{order:4}.app.steps [data-panel=Effects]{order:5}.app.steps [data-panel=Blur]{order:6}.app.steps [data-panel=Text]{order:7}.app.steps [data-panel="Sponsor slots"]{order:8}.app.steps [data-panel=Camera]{order:1}.app.steps [data-panel=Director]{order:2}.app.steps [data-panel=Export]{order:1}.app.steps .crumb-file{color:var(--label);font-size:12.5px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.steps .crumb-file:before{content:"/";color:var(--muted);margin:0 8px 0 2px}.app.steps .btn.upgrade{height:32px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-strong);color:var(--text);font-weight:500;margin-left:6px}.app.steps .btn.upgrade:hover{background:var(--field)}.app.steps .btn.upgrade .ico{color:#d18a00}.app.steps .pro-on{font-size:11.5px;font-weight:500;color:#8a5800;margin-left:6px}.app.steps .btn.upgrade{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff2e}.app.steps .btn.upgrade:hover{background:var(--accent-press);border-color:var(--accent-press)}.app.steps .stage{margin:12px 12px 0}.app.steps [data-panel="Shine & light"]{order:2}.app.steps [data-panel=Transform]{order:3}.app.steps [data-panel=Scene]{order:4}.app.steps [data-panel=Materials]{order:5}.app.steps .lightpad{position:relative;height:128px;border-radius:10px;background:var(--field);border:1px solid var(--line);overflow:hidden;cursor:crosshair;touch-action:none}.app.steps .lightpad:focus-visible{outline:none;box-shadow:0 0 0 3px #2f6bd140}.app.steps .lightpad .lp-cross:before,.app.steps .lightpad .lp-cross:after{content:"";position:absolute;background:var(--line-strong)}.app.steps .lightpad .lp-cross:before{left:50%;top:10px;bottom:10px;width:1px}.app.steps .lightpad .lp-cross:after{left:10px;right:10px;bottom:14px;height:1px}.app.steps .lightpad .lp-device{position:absolute;left:50%;top:50%;width:22px;height:44px;margin:-22px 0 0 -11px;border-radius:6px;border:1.5px solid var(--label);background:var(--surface)}.app.steps .lightpad .lp-glow{position:absolute;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:radial-gradient(circle,#ffd66b8c,#ffd66b00 65%);pointer-events:none}.app.steps .lightpad .lp-sun{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#ffd66b;border:3px solid #f2a91c;box-shadow:0 1px 4px #0003;pointer-events:none}.app.steps .lightpad .lp-label{position:absolute;left:8px;bottom:4px;font-size:10.5px;color:var(--label);pointer-events:none}.soonbadge{margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--field, rgba(0,0,0,.06));color:var(--text-dim, #777);font-size:10px;font-weight:600;letter-spacing:.02em}.claude-btn.soon{cursor:default;opacity:1}.claude-btn.soon:hover{background:inherit}.claude-btn.soon .claude-dot{background:#d97757;opacity:.5}.moremenu-pop button[disabled]{cursor:default;color:var(--text-dim, #777)}.moremenu-pop button[disabled]:hover,.app.steps .moremenu-pop button[disabled]:hover{background:transparent}.newshot.soon{cursor:default;opacity:.7;grid-column:1 / -1}.newshot.soon:hover,.app.steps .newshot.soon:hover{background:var(--surface, #fff);border-color:var(--line);transform:none}.moremenu-pop button[disabled]{height:auto;min-height:34px;padding-top:6px;padding-bottom:6px}.app.steps .btn.upgrade{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#ffffff38,#ffffff0f 46%,#0000 54%,#0000001a),linear-gradient(180deg,#4a83e0,#2f6bd1 55%,#2559b4);border:1px solid #2453a8;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.18);box-shadow:inset 0 1px #ffffff61,inset 0 -1px #0000001f,0 1px 2px #14326e2e;transition:filter .2s,box-shadow .2s}.app.steps .btn.upgrade:after{content:"";position:absolute;inset:-40% auto -40% -60%;width:45%;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#fff0,#ffffff47,#fff0);transform:skew(-18deg);animation:upgrade-glint 5.5s cubic-bezier(.4,0,.2,1) 1.2s infinite}.app.steps .btn.upgrade:hover{background:linear-gradient(180deg,#ffffff42,#ffffff14 46%,#0000 54%,#00000014),linear-gradient(180deg,#5089e3,#3372d8 55%,#285db8);border-color:#2453a8}.app.steps .btn.upgrade:hover:after{animation-duration:1.6s;animation-delay:0s}.app.steps .btn.upgrade:active{box-shadow:inset 0 1px 2px #00000038}@keyframes upgrade-glint{0%{left:-60%}28%,to{left:130%}}@media (prefers-reduced-motion: reduce){.app.steps .btn.upgrade:after{animation:none;opacity:0}}.hint-pop.floating{position:fixed;z-index:1000;opacity:1;transform:none;pointer-events:none;animation:hint-in .12s ease-out}.hint-pop.floating:before{left:var(--arrow, 9px)}.hint-pop.floating.above:before{top:auto;bottom:-4px}@keyframes hint-in{0%{opacity:0;transform:translateY(-3px)}}.hint-pop.floating.above{animation-name:hint-in-up}@keyframes hint-in-up{0%{opacity:0;transform:translateY(3px)}}.moremenu-pop .mi-info{margin-left:auto;flex:none;opacity:.55}.moremenu-pop button:hover .mi-info,.moremenu-pop .mi-info:focus-visible{opacity:1}.app.steps .seg:not(.wrap){align-items:stretch}.app.steps .seg:not(.wrap) button{height:auto;display:inline-flex;align-items:center;justify-content:center}.app.steps .capture-row .seg{display:inline-flex}.app.steps .capture-row .seg button{min-width:40px;padding:0 10px}.field-group{display:flex;align-items:center;gap:4px;margin:10px 0 2px;padding-top:10px;border-top:1px solid var(--line);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.field label .hint-i{margin-left:4px;vertical-align:-3px}.field.switch-field{grid-template-columns:minmax(0,1fr) auto}.field.switch-field>label{display:flex;align-items:center;gap:2px;overflow:visible;white-space:nowrap;text-overflow:clip}.field>label .hint-i{flex:none;margin:0 0 0 4px;vertical-align:0}.app.steps .lightpad .lp-label{top:6px;bottom:auto}.app.steps .seg.grid3{display:grid;grid-template-columns:repeat(3,1fr);height:auto;gap:2px}.app.steps .seg.grid3 button{height:26px}.app.steps .look-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.app.steps .look-row .btn.look{min-width:0;height:30px;padding:0 6px}.len-field{display:inline-flex;align-items:center;height:28px;padding:0 8px;gap:6px;border-radius:var(--radius);background:var(--field);font-size:12px;color:var(--label)}.len-field input{width:44px;height:24px;border:0;background:transparent;text-align:right;font:inherit;color:var(--text);padding:0;-moz-appearance:textfield}.len-field input::-webkit-inner-spin-button,.len-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.len-field input:focus{outline:none}.len-field:focus-within{box-shadow:0 0 0 2px #2f6bd140}.len-field .len-unit{margin-left:-4px;color:var(--muted)}.app.steps .seg.grid2{display:grid;grid-template-columns:repeat(2,1fr);height:auto;gap:2px}.app.steps .seg.grid2 button{height:26px}.hint-i:before,.app.steps .toggle:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.app.steps .toggle{position:relative}.app.steps .capture-row .text-input{height:32px}.app.steps .hexfield input.hex{align-self:stretch}.app.steps .shot-dots{width:24px;height:24px}@media (max-width: 1240px){.app.steps .timeline .row{gap:4px}.app.steps .timeline .row .btn{padding:0 8px}.app.steps .timeline .len-field .len-label{display:none}}.app.steps .more-body{padding:6px 0 2px;margin-left:0;border-left:0}.vec3-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vec3-row .num{min-width:0}.app.steps .fx-newmove{padding:4px 0 10px;margin:0 0 4px;border-left:0;background:none;border-bottom:1px solid var(--line);display:grid;gap:6px}.app.steps .fx-item{padding-left:10px!important}.app.steps .newshot{align-content:start}.app.steps .look-row{background:var(--field);padding:3px;border-radius:10px;gap:2px}.app.steps .look-row .btn.look{height:28px;border:0;background:transparent;box-shadow:none;color:var(--label);font-weight:400;border-radius:7px}.app.steps .look-row .btn.look:hover{color:var(--text)}.app.steps .look-row .btn.look.on{background:var(--surface);color:var(--text);font-weight:500;box-shadow:0 1px 2px #00000014}.app.steps .steppanel .capture-row .seg+.btn{flex:1 1 auto}.moremenu-pop .mi-meta{margin-left:auto;padding-left:10px;font-size:11.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.moremenu-pop .mi-meta+.mi-info{margin-left:6px}.export-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900}.export-pop{position:fixed;top:52px;right:14px;width:340px;max-height:calc(100vh - 68px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface, #fff);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #0000000d,0 24px 60px -20px #00000047;font-size:12px;color:var(--text);animation:export-in .16s ease-out}@keyframes export-in{0%{opacity:0;transform:translateY(-4px)}}.export-head{display:flex;align-items:center;gap:8px;padding:12px 10px 10px 16px;border-bottom:1px solid var(--line)}.export-title{font-size:13px;font-weight:600}.export-readout{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}.export-x{margin-left:auto;width:28px;height:28px;padding:0;font-size:18px;line-height:1;color:var(--label)}.export-body{overflow-y:auto;padding:12px 16px;display:grid;gap:10px}.export-body .field>label{color:var(--label);font-size:12px}.export-note{margin:0;font-size:11.5px;line-height:1.45;color:var(--label)}.export-note.warn{color:var(--danger, #c0392b)}.export-foot{padding:12px 16px 14px;border-top:1px solid var(--line);display:grid;gap:8px;background:var(--surface, #fff)}.export-go{height:38px;font-size:13px;font-weight:600}.export-alt{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-alt .btn{height:32px;font-size:12px}.export-pop .seg{height:32px;padding:3px;border-radius:10px;background:var(--field);gap:2px;display:flex;align-items:stretch}.export-pop .seg button{height:auto;border-radius:7px;font-size:12px;color:var(--label);display:inline-flex;align-items:center;justify-content:center}.export-pop .seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.slider-label{display:inline-flex;align-items:center;gap:4px}.slider-label .hint-i{width:16px;height:16px;margin:0;pointer-events:auto}.export-top[aria-expanded=true]{box-shadow:0 0 0 3px #2f6bd147}.app.steps .moremenu-pop{min-width:264px}.moremenu-pop .mi-text>span:first-child{white-space:nowrap}.app.steps .btn.primary:disabled,.export-pop .btn.primary:disabled{background:var(--field);border-color:var(--field);color:var(--muted);box-shadow:none;opacity:1}.export-top .export-chev{margin-left:2px;opacity:.8;transition:transform .15s}.export-top[aria-expanded=true] .export-chev{transform:rotate(180deg)}.export-body{gap:12px}.export-sec{margin:6px 0 -2px;padding-top:12px;border-top:1px solid var(--line);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.export-body>.export-sec:first-child,.export-body>.blocked+.export-sec{margin-top:0;padding-top:0;border-top:0}.field>label:has(.hint-i){overflow:visible;display:flex;align-items:center;min-height:20px;line-height:1.3}.export-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.export-body>*{flex:none}.export-head,.export-foot{flex:none}.app.steps .steprail{padding:12px 8px;gap:6px}.app.steps .steprail .rail-step{position:relative;gap:6px;padding:10px 0 9px;border-radius:12px;color:var(--muted);transition:background .15s,color .15s,box-shadow .15s}.app.steps .steprail .rail-step .n{width:28px;height:28px;font-size:12px;font-weight:600;background:var(--surface);color:var(--label);box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:background .15s,box-shadow .15s,color .15s}.app.steps .steprail .rail-step .l{font-size:11.5px;font-weight:500;letter-spacing:.01em}.app.steps .steprail .rail-step:hover{background:var(--field);color:var(--text)}.app.steps .steprail .rail-step:hover .n{box-shadow:inset 0 0 0 1.5px var(--label)}.app.steps .steprail .rail-step.done{color:var(--label)}.app.steps .steprail .rail-step.done .n{background:var(--accent-soft);color:var(--accent);box-shadow:none}.app.steps .steprail .rail-step.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000f,0 0 0 1px var(--line)}.app.steps .steprail .rail-step.on .n{background:var(--accent);color:#fff;box-shadow:0 0 0 4px #2f6bd129}.app.steps .steprail .rail-step.on .l{font-weight:600}.app.steps .steprail .rail-step.on:before{content:"";position:absolute;left:-8px;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.app.steps .steprail .rail-step:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}.lost-device{width:max-content;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center;row-gap:6px;text-align:center;border-radius:18px}.lost-device>span{white-space:nowrap}.formatchips{width:max-content;max-width:calc(100% - 16px)}.frame-guide-tag{white-space:nowrap;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis}.moremenu-pop .mi-act{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;margin-left:2px;border-radius:5px;color:var(--muted);opacity:.55}.moremenu-pop button:hover .mi-act,.moremenu-pop .mi-act:focus-visible{opacity:1}.moremenu-pop .mi-act:hover{background:var(--line);color:var(--text, #17181a)}.btn.on{background:#eaf1fc;border-color:#2f6bd1;color:#1f56b8}.path-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.path-actions .btn{flex:1}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;font-size:12.5px;color:var(--text, #17181b)}.path-colors{display:inline-flex;gap:6px}.path-color{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #17181b2e;cursor:pointer;padding:0}.path-color[aria-pressed=true]{box-shadow:0 0 0 2px #17181b}.path-sub{margin:14px 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted, #8b8e96)}.agent-card{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 20px 16px;display:grid;gap:4px;font-size:12.5px;color:var(--text)}.agent-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.agent-head h3{margin:0 0 4px;font-size:17px;font-weight:500}.agent-head p{margin:0;color:var(--label);line-height:1.45}.agent-x{font-size:18px;line-height:1}.agent-step{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.agent-step:last-of-type{border-bottom:0}.agent-n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--field, #f2f2f2);color:var(--label);font-size:11px;font-weight:600}.agent-body{display:grid;gap:8px;justify-items:start;min-width:0}.agent-body h4{margin:2px 0 0;font-size:13px;font-weight:600}.agent-opt{font-weight:400;color:var(--muted);margin-left:4px}.agent-hint{margin:0;color:var(--label);line-height:1.45}.agent-hint code{font-size:11.5px}.agent-code{width:100%;display:flex;align-items:flex-start;gap:8px;padding:8px 8px 8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--field, #f7f7f7)}.agent-code code{flex:1;min-width:0;font:11.5px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.agent-copy{flex:0 0 auto;height:26px!important}.agent-keys{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:4px}.agent-keys li{display:flex;align-items:center;gap:10px}.agent-keys li code{font:11.5px ui-monospace,Consolas,monospace}.agent-keys li span{flex:1;color:var(--muted)}.agent-tabs{display:inline-flex;gap:2px;padding:2px;border-radius:6px;background:var(--field, #f2f2f2)}.agent-tabs button{border:0;background:transparent;padding:5px 10px;border-radius:5px;font:500 12px inherit;font-family:inherit;color:var(--label);cursor:pointer}.agent-tabs button.on{background:var(--panel);color:var(--text)}.agent-ref{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:6px}.agent-ref span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-err{margin:6px 0 0;color:var(--danger)}.agent-foot{padding-top:8px;border-top:1px solid var(--line)}.model-import{display:grid;gap:8px;margin-top:10px}.model-meta{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--label)}.model-meta span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.landscape-tip{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--field, #f6f6f6);font-size:11.5px;line-height:1.45;color:var(--label)}.landscape-tip .btn{width:100%;justify-content:center}.tpl-modal{width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--text)}.tpl-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--line)}.tpl-head h3{margin:0 0 4px;font-size:17px;font-weight:500}.tpl-head p{margin:0;font-size:12.5px;color:var(--label)}.tpl-grid{overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.tpl-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:6px;padding:6px 6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.tpl-card:hover{border-color:var(--line-strong)}.tpl-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tpl-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tpl-media{position:relative;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:#0d0d0f;display:grid;place-items:center;color:#777}.tpl-media img{width:100%;height:100%;object-fit:cover;display:block}.tpl-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:4px}.tpl-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff59}.tpl-dots i.on{background:#fff}.tpl-name{display:flex;align-items:center;gap:6px;padding:0 4px;font-size:13px;font-weight:500}.tpl-meta{padding:0 4px;font-size:11.5px;color:var(--muted)}.tpl-foot{display:flex;align-items:center;gap:16px;padding:12px 20px 16px;border-top:1px solid var(--line)}.tpl-info{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.45;color:var(--label);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpl-actions{display:flex;gap:8px;flex:0 0 auto}@media (max-width: 640px){.tpl-foot{flex-direction:column;align-items:stretch}.tpl-actions{justify-content:stretch}.tpl-actions .btn{flex:1;justify-content:center}}.legal-card{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--text)}.legal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.legal-body{overflow-y:auto;padding:8px 24px 20px;font-size:13px;line-height:1.6;color:var(--label)}.legal-body h4{margin:18px 0 6px;font-size:13.5px;font-weight:600;color:var(--text)}.legal-body p{margin:0 0 8px}.legal-body ul{margin:0 0 8px;padding-left:18px;display:grid;gap:6px}.legal-body b{color:var(--text);font-weight:600}.legal-date{margin-top:18px!important;font-size:12px;color:var(--muted)}.legal-note{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted)}.legal-note button,.model-rights button{all:unset;cursor:pointer;color:var(--label);text-decoration:underline;text-underline-offset:2px}.legal-note button:hover,.model-rights button:hover{color:var(--text)}.model-rights{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;line-height:1.45;color:var(--label);cursor:pointer}.model-rights input{margin-top:2px;flex:0 0 auto}.tpl-info-wrap{flex:1;min-width:0;display:grid;gap:2px}.docs-card{width:min(1080px,calc(100vw - 32px));height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--text)}.docs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.docs-head div{display:flex;align-items:baseline;gap:10px}.docs-head b{font-size:14px;font-weight:600}.docs-head span{font-size:13px;color:var(--muted)}.docs-main{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:0}.docs-nav{display:flex;flex-direction:column;gap:2px;padding:16px 10px;border-right:1px solid var(--line);overflow-y:auto}.docs-nav button{all:unset;cursor:pointer;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--label)}.docs-nav button:hover{background:var(--hover, #f2f2ef);color:var(--text)}.docs-nav button.on{background:var(--hover, #f2f2ef);color:var(--text);font-weight:600}.docs-body{position:relative;overflow-y:auto;padding:8px 40px 48px;font-size:14px;line-height:1.65;color:var(--label);scroll-behavior:smooth}.docs-body section{max-width:760px;padding:24px 0 8px;border-bottom:1px solid var(--line)}.docs-body section:last-child{border-bottom:0}.docs-body h2{margin:4px 0 12px;font-size:28px;line-height:1.2;font-weight:400;color:var(--text);letter-spacing:-.01em}.docs-body h3{margin:0 0 10px;font-size:20px;font-weight:400;color:var(--text)}.docs-body h4{margin:18px 0 6px;font-size:14px;font-weight:600;color:var(--text)}.docs-body p{margin:0 0 10px}.docs-body ul,.docs-body ol{margin:0 0 12px;padding-left:20px;display:grid;gap:6px}.docs-body b{color:var(--text);font-weight:600}.docs-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;background:var(--hover, #f2f2ef);padding:1px 5px;border-radius:5px;color:var(--text)}.docs-kicker{margin:0 0 4px!important;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.docs-lead{font-size:15.5px;color:var(--label)}.docs-muted{color:var(--muted);font-size:13px}.docs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.docs-facts div{display:grid;gap:2px;padding:12px;border:1px solid var(--line);border-radius:10px}.docs-facts span{font-size:12.5px;color:var(--muted);line-height:1.45}.docs-flow{display:flex;align-items:stretch;gap:8px;margin:6px 0 16px}.docs-node{flex:1;display:grid;gap:2px;padding:12px;border:1px solid var(--line);border-radius:10px}.docs-node span{font-size:12.5px;color:var(--muted);line-height:1.45}.docs-node.accent{border-color:#0d99ff}.docs-arrow{align-self:center;color:var(--muted)}.docs-steps{display:grid;gap:4px}.docs-step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px}.docs-step h4{margin-top:2px}.docs-n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;border:1px solid var(--line);color:var(--text);margin-top:0}.docs-code{position:relative;margin:6px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--hover, #f7f7f5)}.docs-code pre{margin:0;padding:12px 70px 12px 12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.docs-code pre code{background:none;padding:0;font-size:12.5px;line-height:1.55}.docs-code .btn{position:absolute;top:6px;right:6px;height:28px;padding:0 10px;font-size:12px}.docs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.docs-cards>div{padding:12px 14px;border:1px solid var(--line);border-radius:10px}.docs-cards h4{margin:0 0 4px}.docs-cards p{margin:0;font-size:13px;line-height:1.55}.docs-prompts{list-style:none;padding:0!important}.docs-prompts li{padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--text)}.docs-search{width:100%;height:36px;margin:8px 0 4px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:13.5px}.docs-group{margin-top:18px}.docs-group>h4{display:flex;align-items:center;gap:8px;margin-bottom:2px;font-size:15px}.docs-count{font-size:11.5px;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:0 7px}.docs-tool{padding:12px 0;border-top:1px solid var(--line)}.docs-tool h5{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-size:13.5px}.docs-tool p{margin:0 0 6px;font-size:13.5px}.docs-tag{font-size:11px;font-weight:500;color:#0b7fd6;border:1px solid #bfe2ff;border-radius:999px;padding:0 7px}.docs-params{width:100%;border-collapse:collapse;font-size:12.5px}.docs-params td{padding:5px 8px 5px 0;vertical-align:top;border-top:1px dashed var(--line)}.docs-params td:first-child{white-space:nowrap;width:1%}.docs-type{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;max-width:180px}.docs-req{margin-left:6px;font-size:10.5px;color:#c2410c}.docs-faq dt{margin-top:12px;font-weight:600;color:var(--text)}.docs-faq dd{margin:2px 0 0}.docs-link{all:unset;cursor:pointer;color:var(--label);text-decoration:underline;text-underline-offset:2px}@media (max-width: 860px){.docs-facts,.docs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.docs-card{width:100vw;height:100dvh;border-radius:0;border:0}.docs-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.docs-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);padding:8px 10px;scrollbar-width:none}.docs-nav button{white-space:nowrap}.docs-body{padding:4px 16px 40px}.docs-body h2{font-size:23px}.docs-facts,.docs-cards{grid-template-columns:minmax(0,1fr)}.docs-flow{flex-direction:column}.docs-arrow{transform:rotate(90deg)}.docs-params td:nth-child(2){display:none}}.chat-dock{position:fixed;z-index:900;display:flex;flex-direction:column;max-height:min(420px,calc(100vh - 120px));background:#ffffffdb;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(0,0,0,.08);border-radius:14px;color:var(--text);font-size:13px;overflow:hidden}.chat-head{display:flex;align-items:center;gap:4px;padding:6px 6px 6px 10px;cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(0,0,0,.06);touch-action:none}.chat-head:active{cursor:grabbing}.chat-head b{font-size:12.5px;font-weight:600}.chat-grip{width:10px;height:10px;margin-right:4px;background:radial-gradient(circle,#b8b8b2 1.1px,transparent 1.3px) 0 0 / 5px 5px}.chat-model{font-size:11.5px;color:var(--muted);margin-left:4px}.chat-sp{flex:1}.chat-ib{all:unset;cursor:pointer;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--label);font-size:16px;line-height:1}.chat-ib:hover{background:#0000000f;color:var(--text)}.chat-min{width:10px;height:1.6px;background:currentColor;border-radius:1px}.chat-list{overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px;max-height:210px;overscroll-behavior:contain}.chat-empty p{margin:2px 0 8px;color:var(--label)}.chat-chips{display:flex;flex-wrap:wrap;gap:6px}.chat-chips button{all:unset;cursor:pointer;padding:5px 9px;border-radius:999px;border:1px solid rgba(0,0,0,.1);font-size:12px;color:var(--label);background:#ffffffb3}.chat-chips button:hover{border-color:#0d99ff;color:var(--text)}.chat-me{align-self:flex-end;max-width:85%;margin:0;padding:6px 10px;border-radius:12px 12px 4px;background:#0d99ff;color:#fff;line-height:1.45;white-space:pre-wrap}.chat-ai{margin:0;max-width:92%;line-height:1.5;white-space:pre-wrap}.chat-note{margin:0;font-size:12px;color:var(--muted)}.chat-step{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;column-gap:6px;font-size:12px;color:var(--label)}.chat-step img{grid-column:2;margin-top:4px;width:120px;border-radius:6px;border:1px solid rgba(0,0,0,.08)}.chat-dot{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#fff;background:#c8c8c2}.chat-step.run .chat-dot{background:transparent;border:1.6px solid #0d99ff;border-right-color:transparent;animation:chat-spin .8s linear infinite;width:11px;height:11px}.chat-step.ok .chat-dot{background:#0d99ff}.chat-step.err .chat-dot{background:#d9534f}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-undo{all:unset;cursor:pointer;align-self:flex-start;margin-top:2px;padding:4px 9px;border-radius:999px;border:1px solid rgba(0,0,0,.12);font-size:12px;color:var(--label)}.chat-undo:hover{color:var(--text);border-color:#0000004d}.chat-input{display:flex;align-items:flex-end;gap:6px;padding:6px;border-top:1px solid rgba(0,0,0,.06)}.chat-input textarea{flex:1;resize:none;border:0;outline:0;background:transparent;font:inherit;font-size:13px;line-height:1.45;padding:6px 4px;max-height:80px;field-sizing:content;color:var(--text)}.chat-send{all:unset;cursor:pointer;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0d99ff;color:#fff}.chat-send:disabled{background:#d6d6d1;cursor:default}.chat-send.stop span{width:10px;height:10px;border-radius:2px;background:#fff}.chat-hist{display:flex;align-items:center;gap:4px}.chat-hist>button:first-child{all:unset;cursor:pointer;flex:1;min-width:0;display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-hist>button:first-child:hover{background:#0000000d}.chat-hist span{color:var(--muted);font-size:11.5px;flex:none}.chat-fine{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted)}.chat-fine a{color:var(--label)}.chat-set{display:grid;gap:6px;padding:10px;overflow-y:auto}.chat-set label{font-size:12px;font-weight:600;color:var(--text);margin-top:4px}.chat-set input[type=password],.chat-set select{height:32px;padding:0 8px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;font:inherit;font-size:12.5px;color:var(--text)}.chat-set .chat-check{display:flex;align-items:center;gap:6px;font-weight:400;color:var(--label)}.chat-row{display:flex;gap:6px;margin-top:6px}.chat-bubble{all:unset;position:fixed;z-index:900;cursor:pointer;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0d99ff;color:#fff}.chat-bubble.busy{animation:chat-pulse 1.4s ease-in-out infinite}@keyframes chat-pulse{50%{opacity:.7}}.ai-cursor{position:fixed;left:0;top:0;z-index:2000;pointer-events:none;display:flex;align-items:flex-start;gap:2px;opacity:0;transition-property:transform,opacity,scale;transition-timing-function:cubic-bezier(.3,.7,.2,1)}.ai-cursor.on{opacity:1}.ai-cursor svg{transition:scale .12s;transform-origin:4px 3px}.ai-cursor.down svg{scale:.86}.ai-cursor-label{margin-top:16px;padding:2px 7px;border-radius:999px;background:#0d99ff;color:#fff;font-size:11px;font-weight:600;line-height:1.5}.ai-ripple{position:fixed;z-index:1999;pointer-events:none;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid #0d99ff;animation:ai-ripple .55s ease-out forwards}@keyframes ai-ripple{0%{scale:.3;opacity:.9}to{scale:1.4;opacity:0}}@media (max-width: 720px){.chat-dock{width:calc(100vw - 16px)!important;left:8px!important}}.blur-preview{margin:0;width:min(1100px,calc(100vw - 48px));background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.blur-preview img{display:block;width:100%;height:auto;background:#000}.blur-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;font-size:12.5px;color:var(--label)}.chat-pro{margin:0;padding:6px 9px;border-radius:8px;background:#0d99ff14;font-size:12px;color:var(--label)}.chat-pro button{all:unset;cursor:pointer;margin-left:4px;color:#0b7fd6;font-weight:600}.pro-scrim,.signin-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:16px;background:#1414146b;animation:pro-fade .16s ease-out}.signin-scrim{z-index:300}@keyframes pro-fade{0%{opacity:0}}.pro-card,.signin-card{position:relative;width:min(760px,100%);max-height:min(92vh,860px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--text);font-size:13px;line-height:1.5;animation:pro-rise .2s cubic-bezier(.2,.8,.2,1)}@keyframes pro-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){.pro-scrim,.signin-scrim,.pro-card,.signin-card{animation:none}}.pro-close{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--label)}.pro-close:hover{background:var(--field-hover);color:var(--text)}.pro-eyebrow{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.pro-card{padding:32px 36px 24px}.pro-head{max-width:560px}.pro-head h2{margin:10px 0 6px;font-size:26px;line-height:1.2;font-weight:400;letter-spacing:-.015em}.pro-head p{margin:0;color:var(--label)}.pro-groups{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.pro-group{margin:0 0 20px}.pro-group h3{margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pro-group ul{list-style:none;margin:0;padding:0}.pro-group li{display:grid;gap:1px;margin:0 -10px;padding:7px 10px;border-radius:8px}.pro-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:500}.pro-detail{color:var(--label);font-size:12px}.pro-group li.is-reason{background:#eef6ff}.pro-group li.is-reason .pro-name{color:#0a6cc2}.pro-tag{padding:1px 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:500}.pro-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 28px;margin-top:4px;padding-top:18px;border-top:1px solid var(--line)}.pro-free{margin:0;color:var(--label);font-size:12px}.pro-free b{color:var(--text);font-weight:500}.pro-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pro-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--text);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;text-decoration:none}.pro-btn:hover{background:var(--field-hover)}.pro-btn.ghost{border-color:transparent;background:transparent;color:var(--label)}.pro-btn.ghost:hover{background:var(--field-hover);color:var(--text)}.pro-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.pro-btn.primary:hover{border-color:var(--accent-press);background:var(--accent-press)}.pro-eyebrow .pro-soon{margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--field-hover);color:var(--label);letter-spacing:.04em;vertical-align:1px}.pro-foot .legal-note{grid-column:1 / -1;margin:0}.signin-card{width:min(820px,100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.signin-side{position:relative;overflow:hidden;background:#0b0a0a}.signin-film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.signin-main{display:flex;align-items:center;min-height:460px}@media (max-width: 700px){.pro-card{padding:24px 20px 20px}.pro-head h2{font-size:22px;padding-right:32px}.pro-groups,.pro-foot{grid-template-columns:1fr}.pro-actions{flex-direction:column-reverse;align-items:stretch}.signin-card{grid-template-columns:1fr}.signin-side{min-height:220px}.signin-main{min-height:0}}.pro-trial{margin-top:12px!important;padding:10px 12px;border-radius:8px;background:#eef6ff;color:#0a4f8f!important}.pro-trial b{font-weight:500}.trial-badge{margin-left:6px;padding:1px 7px;border-radius:999px;background:#eef6ff;color:#0a6cc2;font-size:10.5px;font-weight:500}.beta-badge{margin-left:6px;padding:1px 7px;border-radius:999px;background:#f1ecff;color:#6a4bd6;font-size:10.5px;font-weight:500;letter-spacing:.02em}.chat-head .beta-badge{margin-left:0}.chat-trial{margin:0;padding:7px 12px;border-bottom:1px solid var(--line);background:#f6faff;color:var(--label);font-size:11.5px}.chat-trial b{color:var(--text);font-weight:600}.chat-trial button{all:unset;cursor:pointer;color:#0a6cc2;font-weight:500;text-decoration:underline;text-underline-offset:2px}.chat-count{display:block;margin-top:3px;font-size:10px;text-align:right;color:#ffffffc7}.chat-left{flex:none;align-self:center;margin-right:6px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.save-wrap{position:relative;display:inline-flex}.save-note{position:absolute;right:0;bottom:calc(100% + 8px);z-index:30;width:300px;padding:10px 28px 10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--label);font-size:11.5px;line-height:1.45;white-space:normal;animation:pro-rise .18s ease-out}.save-note b{display:block;color:var(--text);font-weight:500}.save-note span{display:block;margin-top:4px;color:var(--muted)}.save-note button{position:absolute;top:6px;right:8px;border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;cursor:pointer}.dropzone.showreel{overflow:hidden;background:#0b0a0a;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff}.dropzone.showreel>:not(.showreel-film){position:relative;z-index:1}.dropzone.showreel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#080808b8,#08080873 45%,#08080826)}.dropzone.showreel .hint{color:#ffffffb8}.dropzone.showreel.active:before{background:#080808bf}.showreel-film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.app.steps .topbar>*,.app.steps .topbar .moremenu>.btn{flex-shrink:0;white-space:nowrap}.app.steps .topbar>.crumb-file{flex-shrink:1;min-width:0}.app.steps .topbar>.spacer{flex-shrink:1;min-width:0}@media (max-width: 1180px){.app.steps .topbar>.crumb-file{display:none}}@media (max-width: 1020px){.app.steps .topbar .tb-label{display:none}.app.steps .topbar .btn{padding:0 10px}}@media (max-width: 900px){.app.steps .topbar .tb-more{display:none}.app.steps .topbar{gap:6px;padding:0 10px}}