:root{color-scheme:dark;--ground: #0f0f0f;--surface-dashboard: #161616;--panel: #1c1c1c;--panel-hover: #242424;--inset: #121212;--control: #2a2a2a;--control-hover: #333333;--raised: #333333;--raised-hover: #3d3d3d;--slider-fill: #474747;--plate: #e4e4e6;--plate-chrome: #ececee;--text: #f1f1f1;--text-2: rgba(241, 241, 241, .62);--text-label: rgba(241, 241, 241, .46);--text-disabled: rgba(241, 241, 241, .34);--on-white: #0f0f0f;--accent: #0A84FF;--accent-hover: #0077ED;--zoom: #0A84FF;--cut: #c7832b;--audio: #d7a443;--record: #FF453A;--pro-locked: #FFB020;--track-tilt: #2FBFA5;--track-redaction: #E24B92;--track-redaction-edge: #B32E70;--hairline-1: rgba(255, 255, 255, .12);--hairline-2: rgba(255, 255, 255, .08);--hairline-3: rgba(255, 255, 255, .05);--r-panel: 16px;--r-group: 12px;--r-tile: 11px;--r-button: 10px;--r-slider: 9px;--r-icon: 8px;--r-frame: 6px;--r-pill: 999px;--shadow-panel: 0 0 0 1px rgba(255, 255, 255, .04);--shadow-floating: 0 0 0 1px rgba(255, 255, 255, .07), 0 8px 24px rgba(0, 0, 0, .6);--shadow-plate: 0 40px 90px rgba(0, 0, 0, .45);--shadow-modal: 0 30px 80px -20px rgba(0, 0, 0, .9);--selected-bg: rgba(10, 132, 255, .18);--selected-bg-hover: rgba(10, 132, 255, .26);--selected-edge: inset 0 0 0 1px rgba(10, 132, 255, .6);--ring-selected: 0 0 0 2px var(--panel), 0 0 0 4px var(--accent);--t-fast: .12s ease}.ui-panel{background:var(--panel);border-radius:var(--r-panel);box-shadow:var(--shadow-panel);color:var(--text);min-height:0}.ui-panel-scroll{display:flex;flex-direction:column;gap:18px;padding:12px 10px 16px;overflow-y:auto;min-height:0;scrollbar-width:none}.ui-panel-scroll::-webkit-scrollbar{display:none}.ui-section{display:flex;flex-direction:column;gap:8px}.ui-group{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:var(--r-group);background:var(--inset)}.ui-row-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ui-section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-label)}.ui-pro-badge{display:inline-grid;place-items:center;flex:none;color:var(--pro-locked)}.ui-slider-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;padding:0 10px;border-radius:var(--r-slider);background:var(--control);overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;font-size:11px;color:#f1f1f1a6;transition:background var(--t-fast)}.ui-slider-row:hover{background:var(--control-hover)}.ui-slider-fill{position:absolute;inset:0 auto 0 0;min-width:3px;background:var(--slider-fill);pointer-events:none}.ui-slider-fill:after{content:"";position:absolute;right:0;top:5px;bottom:5px;width:3px;border-radius:2px;background:#fff}.ui-slider-label,.ui-slider-value{position:relative;pointer-events:none;white-space:nowrap}.ui-slider-value{font-variant-numeric:tabular-nums}.ui-slider-row.is-disabled{opacity:.5;cursor:not-allowed}.ui-segmented{display:flex;gap:2px;padding:3px;border-radius:var(--r-button);background:var(--inset)}.ui-group .ui-segmented{background:var(--panel)}.ui-segmented-item{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 6px;border:0;border-radius:var(--r-icon);background:transparent;color:var(--text-2);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.ui-segmented-sm .ui-segmented-item{height:24px;font-size:11px}.ui-segmented-item:hover:not(:disabled):not(.is-active){background:#ffffff14;color:#fff}.ui-segmented-item.is-active{background:var(--selected-bg);box-shadow:var(--selected-edge);color:#fff}.ui-segmented-item:disabled{opacity:.5;cursor:not-allowed}.ui-tile-grid{display:grid;gap:8px 6px}.ui-tile{display:flex;flex-direction:column;gap:5px;min-width:0;padding:0;border:0;background:transparent;color:var(--text-2);font:inherit;cursor:pointer}.ui-tile-face{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:var(--r-tile);background-color:var(--control);background-size:cover;background-position:center;transition:box-shadow var(--t-fast),background-color var(--t-fast)}.ui-tile-grid-wide .ui-tile-face{aspect-ratio:16 / 10;border-radius:var(--r-slider)}.ui-tile:hover:not(:disabled) .ui-tile-face{background-color:var(--control-hover)}.ui-tile.is-active .ui-tile-face{box-shadow:var(--ring-selected)}.ui-tile-caption{font-size:10.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-tile.is-active .ui-tile-caption{color:#fff}.ui-tile:disabled{opacity:.5;cursor:not-allowed}.ui-toggle-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;height:34px;padding:0 10px;border:0;border-radius:var(--r-button);background:var(--control);color:var(--text-2);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.ui-toggle-button>span:not(.ui-pro-badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-toggle-button:hover:not(:disabled){background:var(--control-hover)}.ui-toggle-button.is-pressed{background:var(--selected-bg);box-shadow:var(--selected-edge);color:#fff}.ui-toggle-button.is-pressed:hover:not(:disabled){background:var(--selected-bg-hover)}.ui-toggle-button:disabled{opacity:.5;cursor:not-allowed}.ui-toggle-button.is-locked{color:var(--text-label)}.ui-toggle-button.is-locked .ui-pro-badge{color:var(--pro-locked)}.ui-icon-button{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:var(--r-icon);background:transparent;color:var(--text-label);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.ui-icon-button:hover:not(:disabled){background:#ffffff14;color:#fff}.ui-icon-button:disabled{opacity:.35;cursor:not-allowed}.editable-name{display:flex;align-items:center;gap:4px;min-width:0;margin-block:-6px}.editable-name.is-editing{margin-block:-2px}.editable-name>:first-child{flex:1 1 auto;min-width:0}.editable-name-input{height:28px;box-sizing:border-box;padding:0 8px;border:1px solid var(--accent);border-radius:var(--r-icon);background:var(--ground);color:var(--text);font:inherit;font-size:13px;font-weight:600;outline:none}.editable-name-save{background:var(--accent);color:#fff}.editable-name-save:hover:not(:disabled){background:var(--accent-hover)}.ui-slider-row:focus-visible,.ui-segmented-item:focus-visible,.ui-tile:focus-visible .ui-tile-face,.ui-toggle-button:focus-visible,.ui-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-tile:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.ui-slider-row,.ui-segmented-item,.ui-tile-face,.ui-toggle-button,.ui-icon-button{transition:none}}.ui-swatch-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:2px}.ui-swatch{position:relative;display:block;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background-clip:padding-box;overflow:hidden;cursor:pointer;transition:box-shadow var(--t-fast),border-color var(--t-fast)}.ui-swatch:hover{border-color:#ffffff73}.ui-swatch.is-active{border-color:transparent;box-shadow:var(--ring-selected)}.ui-swatch-custom{background:#ffffff0f;border-style:dashed;border-color:#ffffff47}.ui-swatch-custom:after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:14px;line-height:1;color:var(--text-2)}.ui-swatch-custom.is-active{border-style:solid}.ui-swatch-custom.is-active:after{display:none}.ui-swatch:focus-visible,.ui-swatch-custom:focus-within{outline:2px solid var(--accent);outline-offset:2px}.ui-tile-segmented{display:grid;gap:4px;padding:4px;border-radius:var(--r-group);background:var(--inset)}.ui-tile-segmented-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:56px;padding:0 2px;border:0;border-radius:var(--r-slider);background:transparent;color:#f1f1f199;font:inherit;font-size:10.5px;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.ui-tile-segmented-item>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-tile-segmented-item:hover:not(:disabled):not(.is-active){color:#fff}.ui-tile-segmented-item.is-active{background:var(--selected-bg);box-shadow:var(--selected-edge);color:#fff}.ui-tile-segmented-item:disabled{opacity:.5;cursor:not-allowed}.ui-tile-segmented-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-corner-glyph{width:18px;height:18px;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor}.ui-preset-thumbs{display:flex;flex-direction:column;gap:8px}.ui-preset-thumb{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;border-radius:var(--r-group);background-color:var(--control);background-size:cover;background-position:center;overflow:hidden;cursor:pointer;transition:box-shadow var(--t-fast),opacity var(--t-fast)}.ui-preset-thumb:hover:not(.is-active){opacity:.9}.ui-preset-thumb.is-active{box-shadow:var(--ring-selected)}.ui-preset-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ui-frame-size{position:relative}.ui-frame-size-button{display:flex;align-items:center;gap:10px;width:100%;height:46px;padding:0 10px;border:0;border-radius:var(--r-group);background:var(--control);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast)}.ui-frame-size-button:hover{background:var(--control-hover)}.ui-frame-size-button:focus-visible,.ui-frame-size-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-frame-size-glyph-box{display:grid;place-items:center;flex:none;width:24px;height:24px}.ui-frame-size-glyph{border-radius:3px;background:var(--text-label)}.ui-frame-size-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.ui-frame-size-name{font-size:12.5px;font-weight:600}.ui-frame-size-hint{overflow:hidden;font-size:10.5px;color:var(--text-label);text-overflow:ellipsis;white-space:nowrap}.ui-frame-size-chevron{flex:none;color:var(--text-label);transition:transform var(--t-fast)}.ui-frame-size-chevron.is-open{transform:rotate(180deg)}.ui-frame-size-card{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;display:grid;gap:4px;padding:8px;border-radius:var(--r-group);background:var(--raised);box-shadow:var(--shadow-floating)}.ui-frame-size-option{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 2px 5px;border:0;border-radius:var(--r-icon);background:none;color:var(--text-2);font:inherit;font-size:10.5px;font-weight:600;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.ui-frame-size-option:hover{background:var(--raised-hover);color:var(--text)}.ui-frame-size-shape-box{display:grid;place-items:center}.ui-frame-size-shape{border-radius:6px;background:#ffffff29;transition:box-shadow var(--t-fast),background var(--t-fast)}.ui-frame-size-option.is-active{color:#fff}.ui-frame-size-option.is-active .ui-frame-size-shape{background:var(--selected-bg-hover);box-shadow:0 0 0 2px var(--raised),0 0 0 4px var(--accent)}.ui-panel-tabs{display:flex;flex:none;gap:4px;padding:8px 8px 12px}.ui-panel-tabs+.ui-panel-scroll{padding-top:0}.ui-panel-tab{flex:1;min-width:0;height:32px;border:0;border-radius:var(--r-button);background:transparent;color:var(--text-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.ui-panel-tab:hover:not(.is-active){background:#ffffff14;color:#fff}.ui-panel-tab.is-active{background:var(--control);color:#fff}.ui-panel-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.ui-modal{width:420px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;display:flex;flex-direction:column;gap:18px;padding:20px;background:var(--panel);border-radius:20px;box-shadow:var(--shadow-modal);color:var(--text)}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-modal-title{margin:0;font-size:16px;font-weight:600}.ui-modal-close{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:var(--control);color:var(--text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.ui-modal-close:hover{background:var(--control-hover);color:#fff}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px}.ui-modal-cta,.ui-modal-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border:0;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.ui-modal-cta{background:var(--accent);color:#fff}.ui-modal-cta:hover:not(:disabled){background:var(--accent-hover)}.ui-modal-secondary{background:var(--control);color:var(--text)}.ui-modal-secondary:hover:not(:disabled){background:var(--control-hover)}.ui-modal-danger{background:#d92d20}.ui-modal-danger:hover:not(:disabled){background:#b3261e}.ui-dialog-overlay{z-index:10000}.ui-modal-confirm{width:360px}.ui-modal-confirm-text{display:flex;flex-direction:column;gap:6px}.ui-modal-body{margin:0;font-size:13px;line-height:1.5;color:var(--text-2);overflow-wrap:anywhere}.ui-modal-cta:disabled,.ui-modal-secondary:disabled{opacity:.5;cursor:not-allowed}.ui-modal-pro-active{display:flex;flex:1;align-items:center;gap:8px;min-width:0;color:var(--text-2);font-size:12px;font-weight:600}.ui-modal-pro-active>svg{flex:none;color:var(--pro-locked)}.ui-modal-pro-active>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-modal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:12px 14px;border-radius:var(--r-group);background:var(--inset)}.ui-modal-summary-item{display:flex;flex-direction:column;gap:3px;min-width:0}.ui-modal-summary dt{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-label)}.ui-modal-summary dd{margin:0;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-modal-tile-grid{display:grid;gap:8px}.ui-modal-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:56px;min-width:0;padding:0 6px;border:0;border-radius:var(--r-group);background:var(--control);color:var(--text-2);font:inherit;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.ui-modal-tile:hover:not(:disabled){background:var(--control-hover)}.ui-modal-tile.is-active{background:var(--selected-bg);box-shadow:var(--selected-edge);color:#fff}.ui-modal-tile:disabled{opacity:.5;cursor:not-allowed}.ui-modal-tile-label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;white-space:nowrap}.ui-modal-tile-sublabel{font-size:10px;color:inherit;opacity:.65;white-space:nowrap}.ui-modal-cta:focus-visible,.ui-modal-secondary:focus-visible,.ui-modal-close:focus-visible,.ui-modal-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ui-modal-cta,.ui-modal-secondary,.ui-modal-close,.ui-modal-tile{transition:none}}.license-status-header{display:flex;align-items:center;gap:12px}.license-status-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:var(--r-group);background:#ffb02024;color:var(--pro-locked)}.license-status-heading{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.license-status-active{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-2)}.license-status-active svg{color:var(--accent)}.license-status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.license-status-key{font-family:SF Mono,Consolas,monospace}.license-status-footer{justify-content:space-between}.license-status-remove{height:40px;padding:0 16px;border:0;border-radius:var(--r-pill);background:transparent;color:#ff6961;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.license-status-remove:hover{background:#ff453a1f}.license-status-remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.license-status-remove{transition:none}}.top-row{display:grid;grid-template-columns:220px minmax(0,1fr) 236px;align-items:start;gap:6px;height:52px;padding:6px 6px 0;flex:none}.header-cluster{display:flex;align-items:center;min-width:0;height:40px;background:var(--panel);border-radius:var(--r-group);box-shadow:var(--shadow-panel);color:var(--text)}.header-breadcrumb{gap:6px;padding:0 12px 0 10px;justify-self:start;max-width:100%}.header-app-icon{flex:none;border-radius:5px}.header-breadcrumb-chevron{flex:none;color:var(--text-label)}.header-breadcrumb-name{display:inline-flex;align-items:center;height:100%;min-width:0;border:0;padding:0;background:transparent;color:var(--text);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color var(--t-fast)}.header-breadcrumb-name:hover{color:#fff}.header-breadcrumb-name-static{cursor:default}.header-toolbar{justify-self:center;gap:6px;padding:0 8px}.header-divider{flex:none;width:1px;height:16px;background:var(--hairline-1)}.header-locale-switch{display:inline-flex;align-items:center;gap:2px}.header-locale-btn{border:0;min-width:28px;height:30px;padding:0 8px;border-radius:var(--r-icon);background:transparent;color:var(--text-disabled);font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.header-locale-btn:hover{color:var(--text);background:#ffffff14}.header-locale-btn.is-active{color:#fff}.header-export{justify-self:end;gap:4px;padding:0 5px}.header-export-btn{display:flex;flex:none;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 14px 0 10px;border:0;border-radius:var(--r-icon);background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.header-export-btn:hover:not(:disabled){background:var(--accent-hover)}.header-upgrade-btn,.header-pro-btn{display:flex;flex:none;align-items:center;gap:6px;height:30px;padding:0 12px 0 9px;border:0;border-radius:var(--r-icon);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.header-upgrade-btn{background:#ffb02024;color:var(--pro-locked)}.header-upgrade-btn:hover{background:#ffb02038}.header-pro-btn{gap:5px;padding:0 11px 0 9px;background:var(--control);color:var(--text);font-size:11.5px;font-weight:700;letter-spacing:.05em}.header-pro-btn svg{color:var(--pro-locked)}.header-pro-btn:hover{background:var(--control-hover)}.header-export-btn:disabled{opacity:.5;cursor:not-allowed}.header-breadcrumb-name:focus-visible,.header-locale-btn:focus-visible,.header-upgrade-btn:focus-visible,.header-pro-btn:focus-visible,.header-export-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:760px){.top-row{grid-template-columns:auto minmax(0,1fr) auto}.header-breadcrumb-name{max-width:140px}.header-export-btn{padding:0 12px}}@media(max-width:560px){.header-breadcrumb-name{max-width:96px;font-size:12px}.header-toolbar{padding:0 6px}.header-export-btn{padding:0 10px;font-size:12px}}@media(max-width:920px){.header-screenshot{display:none}}.redaction-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.redaction-overlay.is-draw-mode{pointer-events:auto;cursor:crosshair;touch-action:none}.redaction-rubber{position:absolute;border:2px dashed #ff4d4f;background:#ff4d4f26;pointer-events:none;box-sizing:border-box}.redaction-handle-body{position:absolute;border:2px solid #00d4ff;box-sizing:border-box;cursor:move;pointer-events:auto;background:transparent}.redaction-handle{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid #00d4ff;box-sizing:border-box;pointer-events:auto;transform:translate(-50%,-50%);border-radius:2px}.redaction-handle.nw,.redaction-handle.se{cursor:nwse-resize}.redaction-handle.ne,.redaction-handle.sw{cursor:nesw-resize}.redaction-handle.n,.redaction-handle.s{cursor:ns-resize}.redaction-handle.e,.redaction-handle.w{cursor:ew-resize}.video-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 20px 70px;min-height:0;overflow:hidden;position:relative;z-index:50;isolation:isolate}.video-preview-empty{flex:1;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:12px;margin:20px;border:1px solid var(--hairline-2)}.upload-prompt{text-align:center;color:var(--text-2)}.upload-prompt p{margin:0;font-size:14px}.video-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}.video-preview-notice{position:absolute;top:10px;left:50%;z-index:5;max-width:calc(100% - 24px);padding:6px 12px;border-radius:var(--r-pill);background:#0f0f0fd1;box-shadow:var(--shadow-floating);color:var(--text);font-size:11.5px;font-weight:600;text-align:center;transform:translate(-50%);pointer-events:none}.video-canvas{display:block;max-width:100%;max-height:100%;border-radius:4px;image-rendering:auto;box-shadow:0 20px 50px #00000080}.ui-color-popover{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r-panel);background:var(--panel);box-shadow:var(--shadow-floating),0 0 0 1px var(--hairline-2);color:var(--text)}.ui-color-popover-title{font-size:12px;font-weight:600}.ui-color-picker{display:flex;flex-direction:column;gap:10px}.ui-color-area{position:relative;height:132px;border-radius:var(--r-button);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair;touch-action:none}.ui-color-hue{position:relative;height:12px;border-radius:var(--r-pill);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:ew-resize;touch-action:none}.ui-color-thumb{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #00000080;transform:translate(-50%,-50%);pointer-events:none}.ui-color-hex-row{display:flex;align-items:center;gap:8px}.ui-color-preview{flex:none;width:30px;height:30px;border-radius:var(--r-icon);box-shadow:inset 0 0 0 1px var(--hairline-1)}.ui-color-hex{flex:1;min-width:0;height:30px;padding:0 10px;border:1px solid transparent;border-radius:var(--r-slider);background:var(--control);color:var(--text);font:inherit;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;outline:none;transition:border-color var(--t-fast),background var(--t-fast)}.ui-color-hex:hover{background:var(--control-hover)}.ui-color-hex:focus{border-color:var(--accent)}.ui-color-area:focus-visible,.ui-color-hue:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bg-type-row,.bg-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bg-type-tile{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0;border:0;background:transparent;color:var(--text-2);font:inherit;cursor:pointer}.bg-type-face{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;border-radius:var(--r-button);background-color:var(--control);background-size:cover;background-position:center;overflow:hidden;transition:background-color var(--t-fast),box-shadow var(--t-fast),color var(--t-fast)}.bg-type-tile:hover .bg-type-face{background-color:var(--control-hover);color:#fff}.bg-type-tile.is-active .bg-type-face{box-shadow:var(--ring-selected);color:#fff}.bg-type-caption{font-size:10.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-type-tile.is-active .bg-type-caption{color:#fff}.bg-category{display:flex;flex-direction:column;gap:6px;margin-top:4px}.bg-category-label{font-size:12px;font-weight:600;color:var(--text)}.bg-swatch{position:relative;aspect-ratio:4 / 3;min-width:0;padding:0;border:0;border-radius:var(--r-icon);background-color:var(--control);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px var(--hairline-2);cursor:pointer;transition:box-shadow var(--t-fast),opacity var(--t-fast)}.bg-swatch:hover:not(.is-active){opacity:.85}.bg-swatch.is-active{box-shadow:var(--ring-selected)}.bg-swatch-expander{overflow:hidden}.bg-swatch-expander-icon{position:absolute;inset:0;display:grid;place-items:center;background:#1b1b1d8c;color:#fff}.bg-swatch-expander[aria-expanded=true] .bg-swatch-expander-icon{background:transparent;color:var(--text-2)}.bg-type-tile:focus-visible .bg-type-face,.bg-type-tile:focus-within .bg-type-face,.bg-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bg-type-tile:focus-visible{outline:none}.properties-panel{display:flex;flex-direction:column;min-width:0}.properties-panel>.ui-panel-scroll{flex:1;min-height:0}.media-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-group);background:var(--control)}.media-card-thumb{display:grid;place-items:center;flex:none;width:40px;height:32px;border-radius:6px;overflow:hidden;background:var(--raised);color:var(--text-2)}.media-card-thumb img{width:100%;height:100%;object-fit:cover}.media-card-info{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;gap:2px}.media-card-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-meta{font-size:10.5px;color:var(--text-2)}.auto-zoom-preset-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-group);background:var(--panel)}.auto-zoom-preset-icon{display:grid;place-items:center;flex:none;color:var(--accent)}.auto-zoom-preset-name{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webcam-position-dot{width:12px;height:12px;border-radius:50%;background:var(--text-label)}.ui-tile.is-active .webcam-position-dot{background:var(--accent)}.presets-panel{display:flex;flex:none;flex-direction:column;width:236px;min-width:0}.presets-panel>.ui-panel-scroll{flex:1;min-height:0}.presets-context-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.presets-context-title{font-size:13px;font-weight:600;color:var(--text)}.presets-hint{font-size:12px;line-height:1.5;color:var(--text-label);margin:0}.presets-hex-value{font-family:SF Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:.4px;text-transform:none}.presets-danger-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:34px;border:0;border-radius:var(--r-button);background:#ff453a1f;color:var(--record);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.presets-danger-button:hover{background:#ff453a33}.presets-danger-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.presets-easing-graph{display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--r-slider);background:var(--panel);opacity:.8}.presets-done-button{height:28px;padding:0 12px;border:0;border-radius:var(--r-pill);background:var(--control);color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.presets-done-button:hover{background:var(--control-hover)}.presets-done-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tilt-preset-plate{display:block;border-radius:4px;background-color:var(--plate);background-size:cover;background-position:center;box-shadow:0 10px 24px #00000073;pointer-events:none}.zoom-focus-picker{position:relative;width:100%;border-radius:var(--r-group);background-color:var(--control);background-size:cover;background-position:center;overflow:hidden;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.zoom-focus-picker:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.zoom-focus-viewport{position:absolute;border-radius:4px;box-shadow:0 0 0 1.5px #ffffffe6,0 0 0 999px #0000008c;pointer-events:none}.zoom-focus-handle{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000080;transform:translate(-50%,-50%);pointer-events:none}.zoom-focus-following{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--r-pill);background:#0009;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none}.playback-pill{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;pointer-events:none}.playback-pill-group{display:inline-flex;align-items:center;gap:2px;height:44px;padding:0 6px;border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-floating);pointer-events:auto}.playback-pill-time{padding:0 10px 0 6px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.playback-pill-time-total{color:#f1f1f166}.playback-pill-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),opacity var(--t-fast)}.playback-pill-btn:hover:not(:disabled){background:#ffffff14}.playback-pill-btn:disabled{opacity:.35;cursor:not-allowed}.playback-pill-play{width:36px;height:36px;background:#fff;color:var(--on-white)}.playback-pill-play:hover:not(:disabled){background:#f4f4f6}.playback-pill-action{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border:0;border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-floating);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;pointer-events:auto;transition:background var(--t-fast),color var(--t-fast),opacity var(--t-fast)}.playback-pill-action:hover:not(:disabled){background:var(--panel-hover)}.playback-pill-action:disabled{opacity:.4;cursor:not-allowed}.playback-pill-action.is-active{color:#fff;background:var(--selected-bg);box-shadow:var(--shadow-floating),var(--selected-edge)}.playback-pill-badge{color:#f1f1f180;font-weight:700}.playback-pill-add-zoom,.playback-pill-add-zoom.is-active{background:var(--accent);box-shadow:var(--shadow-floating);color:#fff}.playback-pill-add-zoom:hover:not(:disabled){background:var(--accent-hover)}@media(max-width:1100px){.playback-pill-action:not(.playback-pill-add-zoom) .playback-pill-action-label{display:none}.playback-pill-action:not(.playback-pill-add-zoom){padding:0 12px}}.upsell-overlay{z-index:2500}.upsell-card{position:relative;align-items:stretch;text-align:center}.upsell-close{position:absolute;top:20px;right:20px}.upsell-header{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px}.upsell-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-group);background:#ffb02024;color:var(--pro-locked);margin-bottom:4px}.upsell-header h2{margin:0}.upsell-header p{margin:4px 0 0;font-size:13px;color:var(--text-2)}.upsell-pricing{display:flex;flex-direction:column;gap:10px}.upsell-plans{display:flex;flex-direction:column;gap:6px}.upsell-plan{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-group);background:var(--inset);text-align:left;cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast)}.upsell-plan:hover{background:var(--control)}.upsell-plan.is-selected{background:var(--selected-bg);box-shadow:var(--selected-edge)}.upsell-plan-input{position:absolute;opacity:0;pointer-events:none}.upsell-plan:has(.upsell-plan-input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.upsell-plan-radio{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--text-label)}.upsell-plan.is-selected .upsell-plan-radio{box-shadow:inset 0 0 0 5px var(--accent)}.upsell-plan-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.upsell-plan-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text)}.upsell-plan-badge{padding:2px 7px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;white-space:nowrap}.upsell-plan-caption{font-size:12px;color:var(--text-label)}.upsell-plan-price{flex:none;display:flex;align-items:baseline;gap:1px}.upsell-plan-amount{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px}.upsell-plan-regular{margin-right:6px;font-size:13px;font-weight:500;color:var(--text-label)}.upsell-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.upsell-plan-period{font-size:12px;color:var(--text-2)}.upsell-guarantee{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--text-2)}.upsell-guarantee span{display:inline-flex;align-items:center;gap:4px}.upsell-features{display:flex;flex-direction:column;gap:10px;text-align:left;padding-top:14px;border-top:1px solid var(--hairline-2)}.feature-item{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-2)}.feature-item svg{flex:none;color:var(--accent)}.license-input-view{display:flex;flex-direction:column;gap:12px;text-align:left}.license-input-view h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.license-input-view p{margin:0;font-size:13px;color:var(--text-2)}.upsell-license-input{height:40px;padding:0 12px;border:1px solid var(--hairline-1);border-radius:10px;background:var(--control);color:var(--text);font-size:14px;outline:none;transition:border-color var(--t-fast)}.upsell-license-input:focus{border-color:var(--accent)}.upsell-license-input.is-invalid{border-color:var(--record)}.upsell-error{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#ff6961}.upsell-error svg{flex:none;margin-top:1px}.upsell-error-detail{display:block;margin-top:2px;color:var(--text-label)}.upsell-verify{flex:1}.upsell-done{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:8px}.upsell-done-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ffb02024;color:var(--pro-locked)}.upsell-done-text{display:flex;flex-direction:column;gap:6px}.upsell-done-text p{margin:0;font-size:13px;color:var(--text-2)}.upsell-done .ui-modal-cta{align-self:stretch}@media(prefers-reduced-motion:reduce){.upsell-license-input,.upsell-plan{transition:none}}.dashboard-root{flex:1;min-width:0;overflow-y:auto}.dashboard-surface{margin:6px;background:var(--surface-dashboard);border-radius:var(--r-panel);padding:48px 56px;min-height:calc(100% - 12px)}.dashboard-surface-center{display:flex;align-items:center;justify-content:center}.dashboard-inner{max-width:1040px;margin:0 auto}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.dashboard-mode-switch{width:fit-content;background:var(--panel);padding:4px;border-radius:var(--r-group)}.dashboard-mode-switch .ui-segmented-item{padding:0 16px}@media(max-width:760px){.dashboard-surface{padding:24px 16px}}.dashboard-count{font-size:12px;color:var(--text-label);font-variant-numeric:tabular-nums}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px 18px}.project-card{display:flex;flex-direction:column;cursor:pointer;border-radius:14px}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-preview{position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:var(--panel);display:grid;place-items:center;transition:box-shadow var(--t-fast)}.project-card:hover .project-preview,.project-card:focus-within .project-preview{box-shadow:inset 0 0 0 1.5px var(--hairline-1)}.project-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-preview-icon{color:var(--text-label)}.project-duration{position:absolute;bottom:6px;right:6px;background:#00000080;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;pointer-events:none}.delete-project-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:var(--control);color:var(--text-2);display:grid;place-items:center;opacity:0;cursor:pointer;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast)}.project-card:hover .delete-project-btn,.project-card:focus-within .delete-project-btn,.delete-project-btn:focus-visible{opacity:1}.delete-project-btn:hover{background:var(--control-hover);color:var(--record)}.delete-project-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-info{padding-top:10px;display:flex;flex-direction:column;gap:3px;min-width:0}.project-name{margin:0;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-date{font-size:11.5px;color:var(--text-label)}.project-info .editable-name-edit{opacity:0;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast)}.project-card:hover .editable-name-edit,.project-card:focus-within .editable-name-edit{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.empty-title{font-size:20px;font-weight:600;color:var(--text);margin:56px 0 8px;letter-spacing:-.01em}.empty-subtitle{font-size:13px;color:var(--text-2);margin:0 0 24px;max-width:340px;line-height:1.5}.empty-cta{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--r-button);background:var(--accent);color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:background var(--t-fast)}.empty-cta:hover{background:var(--accent-hover)}.empty-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.history-loading{color:var(--text-label);font-size:13px}.image-layout-position-dot{width:8px;height:8px;border-radius:2px;background:#f1f1f166}.ui-tile.is-active .image-layout-position-dot{background:#fff}.annotation-pill{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 10px;border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-floating);max-width:100%}.annotation-pill-tools{display:flex;align-items:center;gap:4px;flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.annotation-pill-tools::-webkit-scrollbar{display:none}.annotation-pill-tool{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.annotation-pill-tool:hover:not(:disabled){background:#ffffff14;color:#fff}.annotation-pill-tool.is-active{background:var(--selected-bg);box-shadow:var(--selected-edge);color:#fff}.annotation-pill-divider{flex:none;width:1px;height:20px;background:var(--hairline-1)}.annotation-pill-colors{display:flex;align-items:center;gap:8px;flex:none}.annotation-pill-dot{position:relative;display:block;width:18px;height:18px;padding:0;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff2e}.annotation-pill-dot.is-active{box-shadow:var(--ring-selected)}.annotation-pill-dot-custom{background:conic-gradient(from 180deg,#ff4d4f,#ffb020,#ffe14f,#3fd26b,#18c8ff,#7a5cff,#ff4fd8,#ff4d4f)}.annotation-pill-actions{display:flex;align-items:center;gap:2px;flex:none}.annotation-pill-tool:focus-visible,.annotation-pill-dot:focus-visible,.annotation-pill-dot-custom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.annotation-pill-tool{transition:none}}.screenshot-editor{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 236px;gap:6px;padding:6px}.screenshot-side-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.screenshot-canvas-area{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px 20px 78px}.screenshot-canvas-area.is-empty{padding:20px}.screenshot-canvas-wrapper{position:relative;max-width:100%;max-height:100%;border-radius:var(--r-frame);overflow:hidden;box-shadow:var(--shadow-panel)}.screenshot-canvas{display:block;max-width:100%;max-height:calc(100vh - 160px)}.annotation-stage{position:absolute;z-index:4;touch-action:none}.annotation-overlay-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.draft-outline,.annotation-selection-box{position:absolute;border-radius:14px}.draft-outline{border:3px solid currentColor;box-shadow:0 0 0 1px #ffffff4d inset;opacity:.85}.draft-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-color:transparent!important;box-shadow:none}.annotation-selection-box{border:1px solid rgba(255,255,255,.88);box-shadow:0 0 0 1px #ffffff14 inset}.selection-handle{position:absolute;width:12px;height:12px;border:none;border-radius:50%;background:var(--ground);box-shadow:0 0 0 2px #fffffff2;cursor:pointer}.handle-nw{left:-6px;top:-6px}.handle-n{left:calc(50% - 6px);top:-6px}.handle-ne{right:-6px;top:-6px}.handle-e{right:-6px;top:calc(50% - 6px)}.handle-se{right:-6px;bottom:-6px}.handle-s{left:calc(50% - 6px);bottom:-6px}.handle-sw{left:-6px;bottom:-6px}.handle-w{left:-6px;top:calc(50% - 6px)}.annotation-floatbar{position:absolute;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-floating);z-index:6}.annotation-dock{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;max-width:calc(100% - 24px);z-index:5}.annotation-size-popover{display:flex;align-items:center;min-width:220px;padding:8px;border-radius:var(--r-group);background:var(--panel);box-shadow:var(--shadow-floating)}.annotation-size-popover .ui-slider-row{width:100%}.annotation-inspector{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px;border-radius:var(--r-group);background:var(--panel)}.annotation-inspector-copy{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--inset)}.annotation-inspector-eyebrow{font-size:10px;font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.annotation-size-control{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 150px}.annotation-size-control span{color:var(--text-2);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.annotation-size-control input[type=range]{flex:1;height:20px;background:transparent;-webkit-appearance:none;appearance:none}.annotation-size-control input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--control)}.annotation-size-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;cursor:pointer}.annotation-size-control input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.annotation-inspector-colors{display:flex;align-items:center;gap:8px;flex:0 0 auto}.annotation-color-btn{width:26px;height:26px;border:0;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff2e;cursor:pointer}.annotation-color-btn.active{box-shadow:var(--ring-selected)}.annotation-color-custom{position:relative;display:block;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:conic-gradient(from 180deg,#ff4d4f,#ffb020,#ffe14f,#3fd26b,#18c8ff,#7a5cff,#ff4fd8,#ff4d4f);cursor:pointer}.annotation-color-btn:focus-visible,.annotation-color-custom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.annotation-tools,.annotation-actions{display:flex;align-items:center;gap:6px}.annotation-tools{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.annotation-tools::-webkit-scrollbar{display:none}.annotation-tool-btn{flex:none;width:42px;height:42px;border:0;border-radius:50%;display:inline-grid;place-items:center;background:transparent;color:var(--text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.annotation-tool-btn:hover,.annotation-tool-btn.active{background:var(--control);color:#fff}.annotation-tool-btn.active{background:var(--selected-bg);box-shadow:var(--selected-edge)}.annotation-tool-icon{display:inline-flex;align-items:center;justify-content:center}.annotation-tool-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.annotation-actions{flex:none;gap:2px}.annotation-toolbar-divider{flex:none;width:1px;height:22px;background:var(--hairline-1)}@media(prefers-reduced-motion:reduce){.annotation-tool-btn{transition:none}}.screenshot-empty-canvas{width:100%;max-width:calc((100vh - 140px)*1.6);aspect-ratio:16 / 10;display:flex;border-radius:var(--r-frame);box-shadow:var(--shadow-panel);overflow:hidden}.screenshot-empty-plate{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--panel);box-shadow:var(--shadow-plate),0 0 0 1px #ffffff12;outline:2px solid transparent;outline-offset:-2px;transition:outline-color var(--t-fast)}.screenshot-empty-plate.is-dragging{outline-color:var(--accent)}.screenshot-empty-icon{color:var(--text-label);margin-bottom:14px}.screenshot-empty-title{margin:0 0 6px;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.screenshot-empty-body{margin:0 0 22px;max-width:340px;font-size:13px;line-height:1.5;color:var(--text-2)}.screenshot-empty-body kbd{padding:1px 5px;border-radius:4px;background:var(--control);font-family:SF Mono,Consolas,monospace;font-size:11px;color:var(--text)}.screenshot-empty-cta{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:0;border-radius:var(--r-button);background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.screenshot-empty-cta:hover{background:var(--accent-hover)}.screenshot-empty-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-floating);color:var(--text);font-size:13px;font-weight:500;z-index:1000}.mobile-screenshot-topbar,.mobile-editor-dock{display:none}@media(max-width:920px){.screenshot-editor{display:flex;flex-direction:column;padding:0;gap:0}.screenshot-canvas-area{flex:1;min-height:0;padding:16px 12px 86px}.screenshot-canvas-wrapper{width:100%;max-height:100%}.screenshot-canvas-area.is-empty{padding:16px 12px}.screenshot-empty-canvas{max-width:none}.screenshot-canvas{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 230px)}.mobile-screenshot-topbar{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;background:var(--panel);border-bottom:1px solid var(--hairline-2)}.mobile-topbar-title{min-width:0;text-align:center;font-size:16px;font-weight:700;color:var(--text)}.mobile-topbar-actions{display:flex;align-items:center;gap:8px;justify-self:end}.mobile-locale-switch{display:inline-flex;align-items:center;gap:2px;height:42px;padding:4px;border-radius:var(--r-button);background:var(--inset);flex:0 0 auto}.mobile-locale-switch-btn{border:none;min-width:34px;height:100%;padding:0 8px;border-radius:var(--r-icon);background:transparent;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-disabled);letter-spacing:.04em;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.mobile-locale-switch-btn.active{background:var(--raised);color:#fff}.mobile-topbar-btn,.mobile-topbar-pill,.mobile-topbar-export{border:none;min-height:42px;min-width:42px;border-radius:var(--r-button);display:inline-flex;align-items:center;justify-content:center;background:var(--control);color:var(--text);cursor:pointer;transition:background var(--t-fast)}.mobile-topbar-btn:hover,.mobile-topbar-pill:hover:not(:disabled){background:var(--control-hover)}.mobile-topbar-export{background:var(--accent);color:#fff}.mobile-topbar-export:hover:not(:disabled){background:#0077ed}.mobile-topbar-btn:disabled,.mobile-topbar-pill:disabled,.mobile-topbar-export:disabled{opacity:.45;cursor:not-allowed}.mobile-topbar-btn:focus-visible,.mobile-topbar-pill:focus-visible,.mobile-topbar-export:focus-visible,.mobile-locale-switch-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-editor-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:8px 12px calc(12px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--hairline-2);box-shadow:var(--shadow-floating)}.mobile-editor-panel{position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);max-height:min(34vh,260px);overflow-y:auto;padding:8px;border-radius:var(--r-panel);background:var(--panel);box-shadow:var(--shadow-floating)}.mobile-annotate-panel,.mobile-style-panel{display:flex;flex-direction:column;gap:12px}.mobile-annotate-toolbar{display:flex;align-items:center;gap:8px;padding:6px;border-radius:var(--r-group);background:var(--inset)}.mobile-editor-tabbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-editor-tab{border:none;min-height:48px;border-radius:var(--r-group);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--control);color:var(--text-2);font-size:14px;font-weight:700;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.mobile-editor-tab.active{background:var(--raised);color:#fff}.mobile-editor-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-editor-tab-icon{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:760px){.screenshot-canvas-area{padding:14px 8px 84px}.mobile-editor-panel{left:10px;right:10px;max-height:min(32vh,240px)}.mobile-annotate-toolbar{gap:6px}.annotation-tool-btn{width:40px;height:40px}.mobile-editor-tab{font-size:13px}.annotation-inspector{gap:8px 10px}.annotation-size-control{flex-basis:100%}.annotation-inspector-colors{width:100%;justify-content:space-between}}@media(max-width:560px){.mobile-screenshot-topbar{padding:10px}.mobile-topbar-title{font-size:15px}.mobile-editor-dock{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.mobile-editor-panel{left:10px;right:10px;max-height:min(30vh,220px)}.mobile-editor-tab{min-height:44px;font-size:13px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--ground);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.4}.app{display:flex;flex-direction:column;height:100vh;background:var(--ground);position:relative;overflow:hidden}.main-content{display:flex;flex:1;min-height:0;overflow:hidden}.editor-body{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:6px;padding:6px}.center-column{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0}.timeline-fallback{height:214px;flex:none}.editor-stage{flex:1;min-height:0;display:flex;gap:6px}.editor-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hairline-1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.rendering-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.rendering-modal{width:360px;max-width:calc(100vw - 24px);padding:24px;border-radius:20px;background:var(--panel);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.rendering-ring{position:relative;width:60px;height:60px;display:grid;place-items:center}.spinner-ring{position:absolute;inset:0;border:4px solid var(--control);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.rendering-percent{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.rendering-modal h3{font-size:15px;font-weight:600;color:var(--text)}.rendering-hint{font-size:12px;color:var(--text-2)}.progress-container{width:100%;height:6px;border-radius:3px;background:var(--control);overflow:hidden}.progress-bar{height:100%;width:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0);transition:transform .1s linear;will-change:transform}.rendering-cancel{height:34px;padding:0 18px;border:0;border-radius:var(--r-pill);background:var(--control);color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.rendering-cancel:hover{background:var(--control-hover)}.rendering-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner-ring{animation-duration:2.4s}}