:root{--cutups-bg-app:#17171a;--cutups-bg-panel:#1d1d21;--cutups-bg-titlebar:#2a2a2f;--cutups-bg-toolbar:#242429;--cutups-border:#35353b;--cutups-text:#e6e6ea;--cutups-text-dim:#9a9aa2;--cutups-font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cutups-font-mono:Menlo, ui-monospace, Consolas, monospace;--cutups-accent:#3d7dfa;--cutups-accent-hover:#5590fb;--cutups-playhead:#ff3b30;--cutups-selected:#ffd166;--cutups-danger:#e0685c;--cutups-on-light:#111;--cutups-on-dark:#fff;--cutups-video-black:#000;--cutups-fs-small:11px;--cutups-fs-body:12px;--cutups-fs-control:13px;--cutups-fs-title:15px;--cutups-fs-heading:18px;--cutups-radius-sm:3px;--cutups-radius:4px;--cutups-radius-pill:999px;--cutups-space-1:4px;--cutups-space-2:6px;--cutups-space-3:8px;--cutups-space-4:12px;--cutups-space-5:16px;--cutups-shadow-pop:0 6px 18px #00000073;--cutups-scrim:#0a0a0c99;--cutups-z-menu:5;--cutups-z-hover-tip:20;--cutups-z-popover:40;--cutups-z-float:50;--cutups-z-confirm:60;--cutups-z-modal:100;--cutups-z-tooltip:300}.panel{background:var(--cutups-bg-panel);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-titlebar{background:var(--cutups-bg-titlebar);color:var(--cutups-text);font:var(--cutups-fs-body) var(--cutups-font-ui);flex:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.panel-title{font-weight:600}.panel-titlebar-dim{color:var(--cutups-text-dim)}.panel-body{flex:1;min-height:0;overflow:auto}.btn{justify-content:center;align-items:center;gap:var(--cutups-space-1);padding:var(--cutups-space-1) 10px;border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);color:var(--cutups-text);font:var(--cutups-fs-body) var(--cutups-font-ui);white-space:nowrap;cursor:pointer;background:0 0;line-height:1.2;display:inline-flex}.btn svg{flex:none}.btn:hover:not(:disabled){background:var(--cutups-bg-titlebar)}.btn-shortcut{margin-left:var(--cutups-space-1);opacity:.65}.btn:focus-visible{outline:2px solid var(--cutups-accent);outline-offset:1px}.btn:disabled{color:var(--cutups-text-dim);cursor:default}.btn-quiet{border-color:#0000}.btn-icon{padding:var(--cutups-space-1);border:1px solid #0000}.btn-stack{font-size:var(--cutups-fs-small);border-color:#0000;flex-direction:column;gap:1px}.btn-sm{font-size:var(--cutups-fs-small);padding:2px 7px}.btn-lg{font-size:var(--cutups-fs-control);padding:5px 12px}.btn-icon.btn-sm{padding:2px}.btn-primary{background:var(--cutups-selected);border-color:var(--cutups-selected);color:var(--cutups-on-light);font-weight:600}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--cutups-selected) 75%, white)}.btn-danger{color:var(--cutups-danger);border-color:var(--cutups-danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--cutups-danger) 12%, transparent)}.btn[aria-pressed=true],.btn.is-active{background:color-mix(in srgb, var(--cutups-selected) 18%, transparent);border-color:var(--cutups-selected)}.btn[aria-pressed=true]:hover:not(:disabled),.btn.is-active:hover:not(:disabled){background:color-mix(in srgb, var(--cutups-selected) 26%, transparent)}.btn-primary:disabled,.btn-danger:disabled{border-color:var(--cutups-border);color:var(--cutups-text-dim);background:0 0}.input{width:100%;min-width:0;padding:var(--cutups-space-1) var(--cutups-space-2);background:var(--cutups-bg-panel);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius-sm);color:var(--cutups-text);font:var(--cutups-fs-body) var(--cutups-font-ui)}.input::placeholder{color:var(--cutups-text-dim)}.input:focus-visible{outline:2px solid var(--cutups-accent);outline-offset:-1px}.input:disabled{color:var(--cutups-text-dim);cursor:default}.input-lg{padding:var(--cutups-space-2) var(--cutups-space-3);font-size:var(--cutups-fs-control)}.checkbox{width:14px;height:14px;accent-color:var(--cutups-accent);margin:0}.color-input{background:var(--cutups-bg-panel);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius-sm);cursor:pointer;width:40px;height:24px;padding:2px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border-radius:var(--cutups-radius-sm);border:none}.color-input:disabled{cursor:not-allowed}.field{gap:var(--cutups-space-1);min-width:0;color:var(--cutups-text-dim);font-size:var(--cutups-fs-body);flex-direction:column;display:flex}.field-caps{font-size:var(--cutups-fs-small);color:var(--cutups-text-dim);text-transform:uppercase;letter-spacing:.4px}.menu{min-width:170px;padding:var(--cutups-space-1);background:var(--cutups-bg-toolbar);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);box-shadow:var(--cutups-shadow-pop);color:var(--cutups-text);flex-direction:column;gap:2px;display:flex}.menu-item{width:100%;padding:var(--cutups-space-1) var(--cutups-space-3);border-radius:var(--cutups-radius-sm);color:var(--cutups-text);font:var(--cutups-fs-body) var(--cutups-font-ui);text-align:left;cursor:pointer;background:0 0;border:none;flex-wrap:wrap;align-items:baseline;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--cutups-selected);color:var(--cutups-on-light);outline:none}.menu-item:disabled{color:var(--cutups-text-dim);cursor:default}.menu-item.danger{color:var(--cutups-danger)}.menu-item.danger:hover:not(:disabled),.menu-item.danger:focus-visible{color:var(--cutups-on-light)}.menu-item.danger:disabled{color:var(--cutups-text-dim)}.menu-item:hover:not(:disabled) :is(.menu-hint,.menu-shortcut),.menu-item:focus-visible :is(.menu-hint,.menu-shortcut){color:inherit}.menu-heading{padding:var(--cutups-space-1) var(--cutups-space-3) 2px;font:var(--cutups-fs-small) var(--cutups-font-ui);letter-spacing:.4px;text-transform:uppercase;color:var(--cutups-text-dim);flex:none}.menu-separator{background:var(--cutups-border);flex:none;height:1px;margin:2px 0}.menu-hint{font-size:var(--cutups-fs-small);color:var(--cutups-text-dim);white-space:normal;flex-basis:100%;margin-top:1px;display:block}.menu-shortcut{font-size:var(--cutups-fs-small);color:var(--cutups-text-dim);margin-left:auto}.menu-check{flex:none;width:1.2em;display:inline-block}.instant-tip,.timeline-hover-tip{background:var(--cutups-bg-titlebar);color:var(--cutups-text);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);font:var(--cutups-fs-small) var(--cutups-font-ui);padding:3px 7px}*{box-sizing:border-box}html,body{overscroll-behavior-x:none;height:100%;margin:0}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--cutups-bg-app);color:var(--cutups-text);font:var(--cutups-fs-control) var(--cutups-font-ui)}#root{text-align:left;width:100%;height:100vh}.import-screen{justify-content:center;align-items:center;gap:var(--cutups-space-4);text-align:center;flex-direction:column;height:100%;padding:24px;display:flex}.import-screen-row{justify-content:center;gap:var(--cutups-space-3);flex-wrap:wrap;display:flex}.import-screen .error,.import-screen .hint{max-width:480px}.import-screen .error{color:var(--cutups-danger)}.import-screen .hint{color:var(--cutups-text-dim);font-size:var(--cutups-fs-control)}.import-screen-row>.btn{flex-direction:column}.start-screen{justify-content:flex-start;gap:10px;padding-top:48px;overflow:hidden auto}.start-screen>*{width:100%;max-width:520px}.start-screen-message{align-items:center;gap:var(--cutups-space-3);flex-direction:column;display:flex}.start-screen-heading{margin:var(--cutups-space-1) 0 0;font-size:var(--cutups-fs-body);color:var(--cutups-text-dim);text-align:left}.start-screen-empty,.games-empty{padding:var(--cutups-space-3) 10px;color:var(--cutups-text-dim);font-size:var(--cutups-fs-control);margin:0}.start-screen-retry{margin-left:10px}.games-list{gap:var(--cutups-space-2);text-align:left;flex-direction:column;min-width:0;display:flex}.games-rows{border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);background:var(--cutups-bg-panel);max-height:320px;overflow:hidden auto}.games-rows:empty{display:none}.games-row-wrap+.games-row-wrap{border-top:1px solid var(--cutups-border)}.games-row{align-items:center;gap:var(--cutups-space-1);padding-right:var(--cutups-space-2);display:flex}.games-open{align-items:center;gap:var(--cutups-space-2);min-width:0;padding:var(--cutups-space-2) 10px;color:var(--cutups-text);font:var(--cutups-fs-control) var(--cutups-font-ui);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;flex:auto;display:flex}.games-open:hover{background:var(--cutups-bg-toolbar)}.games-open[aria-current=true]{color:var(--cutups-accent);background:color-mix(in srgb, var(--cutups-accent) 12%, transparent);box-shadow:inset 3px 0 0 var(--cutups-accent)}.games-open[aria-current=true]:hover{background:color-mix(in srgb, var(--cutups-accent) 18%, transparent)}.games-open:disabled{cursor:default;opacity:.6}.games-open:disabled:not([aria-current=true]):hover{background:0 0}.games-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.games-origin,.games-renaming{color:var(--cutups-text-dim);font-size:var(--cutups-fs-body);flex:none}.games-row>.edit-menu-wrap{flex:none;margin-left:0}.games-row .window-menu-button{flex:none}.games-confirm{gap:var(--cutups-space-2);padding:var(--cutups-space-3) 10px;background:var(--cutups-bg-toolbar);flex-direction:column;display:flex}.games-confirm-text{font-size:var(--cutups-fs-body);margin:0}.games-confirm-actions{justify-content:flex-end;gap:var(--cutups-space-3);display:flex}.start-screen-entry-hint{white-space:normal;color:var(--cutups-text-dim);font-size:var(--cutups-fs-small);margin-top:2px;display:block}.app-shell{flex-direction:column;height:100%;display:flex}.app-header{box-sizing:border-box;min-height:max(45px, env(titlebar-area-height,0px));padding:var(--cutups-space-1) var(--cutups-space-4) var(--cutups-space-1) calc(var(--cutups-space-4) + env(titlebar-area-x,0px));background:var(--cutups-bg-titlebar);border-bottom:1px solid var(--cutups-border);-webkit-app-region:drag;flex:none;justify-content:space-between;align-items:center;display:flex}.app-header button,.file-menu-wrap,.app-header [data-tip],.modal-backdrop,.code-window-menu,.window-list,.row-menu,.row-confirm,.menu,.instance-menu,.timeline-carry-badge,.instant-tip{-webkit-app-region:no-drag}.app-title{font:var(--cutups-fs-title) var(--cutups-font-ui);letter-spacing:.3px;flex:none;font-weight:700}.app-header-note{min-width:0;margin:0 var(--cutups-space-4);text-overflow:ellipsis;white-space:nowrap;font:var(--cutups-fs-body) var(--cutups-font-ui);color:var(--cutups-text-dim);flex:auto;overflow:hidden}.app-header-note-alert{color:var(--cutups-danger)}.file-menu-wrap{margin-left:var(--cutups-space-3);flex:none;position:relative}.file-menu{min-width:220px}.file-menu-empty{padding:var(--cutups-space-1) var(--cutups-space-3);font:var(--cutups-fs-body) var(--cutups-font-ui);color:var(--cutups-text-dim);flex:none}.file-menu>.menu-item{flex:none;align-items:center}.file-menu .menu-shortcut{padding-left:var(--cutups-space-5)}.file-menu-label{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.file-menu-chevron{color:var(--cutups-text-dim);margin-left:var(--cutups-space-1)}.app-header-source{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--cutups-fs-control) var(--cutups-font-ui);flex:0 auto;margin-left:10px;overflow:hidden}.app-header-live{border-radius:var(--cutups-radius-pill);background:var(--cutups-playhead);color:var(--cutups-on-dark);font:var(--cutups-fs-small) var(--cutups-font-ui);letter-spacing:1px;flex:none;margin-left:10px;padding:1px 7px;font-weight:700;line-height:14px}.app-header-stop{margin-left:var(--cutups-space-3);flex:none}.app{grid-template-columns:var(--pane-player-w,1.4fr) 8px minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) 8px var(--pane-timeline-h,26%) 8px var(--pane-edit-h,28%);min-height:0;padding:var(--cutups-space-2);flex:1;grid-template-areas:"player split-cols code""split-top split-top split-top""timeline timeline timeline""split-bottom split-bottom split-bottom""edit edit edit";display:grid;overflow:hidden}.panel-player{grid-area:player}.panel-code{grid-area:code}.panel-timeline{grid-area:timeline}.panel-edit{grid-area:edit}.app-edit-fullscreen{grid-template:"code"minmax(0,1fr)/minmax(0,1fr)}.app-edit-fullscreen>.panel-player,.app-edit-fullscreen>.panel-timeline,.app-edit-fullscreen>.panel-edit,.app-edit-fullscreen>.splitter{display:none}.app-clip-fullscreen{grid-template:"player"minmax(0,1fr)/minmax(0,1fr)}.app-clip-fullscreen>.panel-code,.app-clip-fullscreen>.panel-timeline,.app-clip-fullscreen>.panel-edit,.app-clip-fullscreen>.splitter{display:none}.player-titlebar-actions{align-items:center;gap:var(--cutups-space-2);margin-left:auto;display:flex}.player-titlebar-actions .player-exit-fullscreen{margin-left:0}.player-save-wrap{display:flex}.player-save-button{text-align:center;white-space:nowrap;min-width:118px}.player-exit-fullscreen{margin-left:auto}.splitter{touch-action:none;position:relative}.splitter:after{content:"";background:var(--cutups-border);border-radius:1px;position:absolute}.splitter-vertical{cursor:col-resize}.splitter-horizontal{cursor:row-resize}.splitter-vertical:after{width:2px;margin-left:-1px;top:0;bottom:0;left:50%}.splitter-horizontal:after{height:2px;margin-top:-1px;top:50%;left:0;right:0}.splitter:not(.splitter-inert):hover:after{background:var(--cutups-selected)}.splitter:focus-visible,.pane-collapsed-bar:focus-visible{outline:2px solid var(--cutups-accent);outline-offset:-2px}.splitter-cols{grid-area:split-cols}.splitter-top{grid-area:split-top}.splitter-bottom{grid-area:split-bottom}.splitter-inert{cursor:default}.splitter-inert:after{opacity:.4}.panel-timeline,.panel-edit{position:relative}.pane-content{flex-direction:column;flex:1;min-height:0;display:flex}.panel-collapsed .pane-content{display:none}.pane-collapsed-bar{align-items:center;gap:var(--cutups-space-2);background:var(--cutups-bg-titlebar);width:100%;color:var(--cutups-text);font:var(--cutups-fs-body) var(--cutups-font-ui);text-align:left;cursor:pointer;white-space:nowrap;border:none;flex:1;padding:0 10px;display:flex;overflow:hidden}.pane-collapsed-bar:hover{background:var(--cutups-bg-toolbar)}.pane-collapse-glyph{color:var(--cutups-text-dim);font-size:var(--cutups-fs-small)}.pane-collapse-toggle{flex:none;width:22px;height:22px}.panel-timeline .panel-body{flex-direction:column;display:flex}.player-body-flat{background:var(--cutups-video-black);flex-direction:column;display:flex;position:relative;container-type:size}.player-hold,.player-ended{z-index:2;background:var(--cutups-video-black);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-ended{color:var(--cutups-on-dark)}.player-hold>span,.player-ended>span{text-align:center;max-width:80%;font:600 clamp(14px, 7cqh, 96px) var(--cutups-font-ui);line-height:1.2}.player-hold>span{overflow-wrap:anywhere;max-height:100%;overflow:hidden}.player-body-flat>.scrubber-flat,.player-body-flat>.video-transport-bar{z-index:3;position:relative}.player-clip-overlay{z-index:1;pointer-events:none;flex:none;height:0;position:relative}.player-clip-overlay-inner{padding:clamp(10px, 2.6cqh, 26px) var(--cutups-space-4) clamp(4px, .9cqh, 10px);background:linear-gradient(to top, color-mix(in srgb, var(--cutups-video-black) 78%, transparent), transparent);flex-direction:column;align-items:center;gap:clamp(3px,.55cqh,6px);display:flex;position:absolute;bottom:0;left:0;right:0}.player-clip-caption{text-overflow:ellipsis;white-space:nowrap;max-width:92%;color:var(--cutups-on-dark);font:600 clamp(11px, 2cqh, 20px) var(--cutups-font-ui);text-shadow:0 1px 6px color-mix(in srgb, var(--cutups-video-black) 90%, transparent);overflow:hidden}.player-clip-labels{justify-content:center;gap:var(--cutups-space-1) var(--cutups-space-2);flex-wrap:wrap;max-width:92%;display:flex;position:relative}.player-clip-label{border:1px solid var(--cutups-border);background:color-mix(in srgb, var(--cutups-video-black) 72%, transparent);color:var(--cutups-text);font:clamp(9px, 1.35cqh, 13px) var(--cutups-font-ui);white-space:nowrap;border-radius:.85em;padding:.17em .67em}.player-clip-label-more{color:var(--cutups-text-dim)}.player-fault{z-index:3;width:fit-content;max-width:calc(100% - 20px);padding:var(--cutups-space-2) var(--cutups-space-4);border:1px solid var(--cutups-danger);border-radius:var(--cutups-radius);background:color-mix(in srgb, var(--cutups-video-black) 85%, transparent);color:var(--cutups-text);font:var(--cutups-fs-body) var(--cutups-font-ui);text-align:center;pointer-events:none;margin:0 auto;position:absolute;top:10px;left:10px;right:10px}.player-fullscreen-note{color:var(--cutups-text-dim);font:var(--cutups-fs-body) var(--cutups-font-ui);text-overflow:ellipsis;white-space:nowrap;max-width:420px;overflow:hidden}.panel-edit .panel-body{padding:var(--cutups-space-2) var(--cutups-space-3);min-height:44px}.edits-list{margin:0;padding:0;list-style:none}.edits-list-item{padding:5px var(--cutups-space-3);background:var(--cutups-bg-toolbar);border-radius:var(--cutups-radius);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.edits-list-item:hover{background:var(--cutups-bg-titlebar)}.edits-list-left{flex:1 1 0;align-items:center;min-width:0;display:flex;overflow:hidden}.edits-list-name,.clip-list-row-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.edits-list-count,.edits-list-date{white-space:nowrap;color:var(--cutups-text-dim);font-size:var(--cutups-fs-body);flex:none}.edits-list-count{margin-left:var(--cutups-space-3)}.edits-list-date:before{content:"·" / "";margin:0 var(--cutups-space-2)}.panel-edit{--clip-list-head-width:240px}.clip-list-row{align-items:center;gap:var(--cutups-space-3);margin-bottom:var(--cutups-space-1);display:flex;position:relative}.clip-list-row.clip-list-drop-above:before,.clip-list-row.clip-list-drop-below:after{content:"";background:var(--cutups-accent);pointer-events:none;border-radius:1px;height:2px;position:absolute;left:0;right:0}.clip-list-row.clip-list-drop-above:before{top:-3px}.clip-list-row.clip-list-drop-below:after{bottom:-3px}.clip-list-row-header{width:var(--clip-list-head-width);align-items:center;gap:var(--cutups-space-2);padding-left:var(--cutups-space-2);border-left:3px solid #0000;flex:none;min-width:0;display:flex}.clip-list-grip{text-align:center;width:12px;color:var(--cutups-text-dim);font-size:var(--cutups-fs-small);letter-spacing:-2px;cursor:grab;-webkit-user-select:none;user-select:none;flex:none;line-height:1}.clip-list-grip:active{cursor:grabbing}.clip-list-row-count{font:var(--cutups-fs-small) var(--cutups-font-ui);color:var(--cutups-text-dim);flex:none}.clip-list-row-name{min-width:0;font-weight:600;font-size:var(--cutups-fs-control);cursor:pointer;display:inline-flex}.clip-list-row-name:hover{text-decoration:underline}.clip-list-row-spacer{flex:1}.clip-list-row-working-chosen .clip-list-row-name{color:var(--cutups-accent)}.clip-list-hidden{opacity:.35}.player-canvas{object-fit:contain;background:var(--cutups-video-black);flex:auto;width:100%;min-height:0;max-height:100%}.scrubber-flat{width:100%;height:14px;accent-color:var(--cutups-on-dark);background:var(--cutups-video-black);flex:none;margin:0}.timeline-canvas-wrap{flex:1;min-height:0;display:flex;position:relative}.row-menu{z-index:var(--cutups-z-float);gap:var(--cutups-space-2);width:248px;padding:var(--cutups-space-3);background:var(--cutups-bg-panel);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);box-shadow:var(--cutups-shadow-pop);font:var(--cutups-fs-body) var(--cutups-font-ui);color:var(--cutups-text);flex-direction:column;display:flex;position:fixed}.row-menu-field{flex-direction:column;gap:2px;display:flex}.row-menu-field-inline{align-items:center;gap:var(--cutups-space-3);flex-direction:row}.row-menu-actions{gap:var(--cutups-space-2);justify-content:flex-end;display:flex}.row-menu-actions>.btn{flex:none;min-width:56px}.timeline-canvas{cursor:pointer;touch-action:none;flex:1;width:100%;min-height:0}.code-window{min-height:0;padding:var(--cutups-space-5);gap:var(--cutups-space-3);flex-direction:column;flex:1;display:flex}.mode-toolbar{align-items:center;gap:var(--cutups-space-3);flex:none;display:flex}.code-window-picker{align-items:center;gap:var(--cutups-space-1);margin-left:auto;display:flex}.window-name-input{width:auto;max-width:220px}.window-switcher{gap:var(--cutups-space-2);text-align:left;max-width:220px}.window-switcher-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.window-switcher-chevron{color:var(--cutups-text-dim)}.code-window-menu-wrap{position:relative}.code-window-menu{z-index:var(--cutups-z-menu);margin-top:2px;position:absolute;top:100%;right:0}.window-list{z-index:var(--cutups-z-float);margin-top:0;position:fixed;right:auto;overflow-y:auto}.window-list>.menu-item:not(:has(.menu-hint,.menu-shortcut)){white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.edit-menu-wrap{margin-left:auto}.panel-chrome>.edit-menu-wrap{margin-left:0}.edit-message{padding:var(--cutups-space-1) var(--cutups-space-3);font-size:var(--cutups-fs-body);color:var(--cutups-text-dim);border-bottom:1px solid var(--cutups-border);flex:none;margin:0}.tool-toolbar{gap:var(--cutups-space-1);display:flex}.instant-tip{z-index:var(--cutups-z-tooltip);white-space:pre;pointer-events:none;width:max-content;position:fixed}.instant-tip-wrap{white-space:pre-line;max-width:340px}.tool-toolbar>.tool-history{margin-left:var(--cutups-space-2)}.tool-toolbar>.tool-history+.tool-history{margin-left:0}.status-bar{font-family:var(--cutups-font-mono);color:var(--cutups-text-dim);min-height:30px;font-size:var(--cutups-fs-control);padding:var(--cutups-space-1) var(--cutups-space-3);border-radius:var(--cutups-radius);align-items:center;gap:var(--cutups-space-3);border:1px solid #0000;flex:none;display:flex}.status-bar.notice{color:var(--cutups-text);font-weight:600}.status-bar.pending{color:var(--cutups-danger);background:color-mix(in srgb, var(--cutups-danger) 12%, transparent);border-color:color-mix(in srgb, var(--cutups-danger) 40%, transparent);font-weight:600}.code-window-body{gap:var(--cutups-space-3);flex:1;min-height:0;display:flex}.button-grid{border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);touch-action:none;flex:1;position:relative;overflow:auto}.mode-edit .button-grid{background-image:radial-gradient(circle, var(--cutups-border) 1px, transparent 1px);background-size:20px 20px}.status-bar .status-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.status-bar .code-window-fit{flex:none}.mode-code .button-grid{scrollbar-gutter:stable}.layout-layer{-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.grid-sizer{pointer-events:none}.code-button{border-radius:var(--cutups-radius);color:var(--cutups-on-light);font-size:var(--cutups-fs-control);cursor:pointer;touch-action:none;border:2px solid #0000;position:absolute}.code-button.active{border-color:var(--cutups-playhead)}.code-button.selected{outline:2px solid var(--cutups-selected);outline-offset:1px;z-index:2}.mode-code .code-button.kind-label:after{content:"";background:color-mix(in srgb, var(--cutups-video-black) 40%, transparent);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.group-box{border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);pointer-events:none;position:absolute}.group-box.selected:after{content:"";border:2px solid var(--cutups-selected);border-radius:var(--cutups-radius);pointer-events:none;z-index:1;position:absolute;inset:-3px}.group-header{pointer-events:auto;background:var(--cutups-bg-titlebar);color:var(--cutups-text);font:var(--cutups-fs-small) var(--cutups-font-ui);padding:3px var(--cutups-space-3);border-radius:var(--cutups-radius) var(--cutups-radius) 0 0;touch-action:none;font-weight:600}.mode-edit .group-header{cursor:move}.resize-handle{background:var(--cutups-selected);border:1px solid var(--cutups-on-light);border-radius:var(--cutups-radius-sm);pointer-events:auto;touch-action:none;width:8px;height:8px;position:absolute}.code-button.cell-handles .resize-handle{opacity:0;pointer-events:none;transition:opacity 80ms}.code-button.cell-handles:hover .resize-handle,.code-button.cell-handles.resizing .resize-handle{opacity:1;pointer-events:auto}.code-button.cell-handles .handle-nw{top:0;left:0}.code-button.cell-handles .handle-n{top:0}.code-button.cell-handles .handle-ne{top:0;right:0}.code-button.cell-handles .handle-w{left:0}.code-button.cell-handles .handle-e{right:0}.code-button.cell-handles .handle-sw{bottom:0;left:0}.code-button.cell-handles .handle-s{bottom:0}.code-button.cell-handles .handle-se{bottom:0;right:0}.handle-nw{cursor:nwse-resize;top:-4px;left:-4px}.handle-n{cursor:ns-resize;margin-left:-4px;top:-4px;left:50%}.handle-ne{cursor:nesw-resize;top:-4px;right:-4px}.handle-w{cursor:ew-resize;margin-top:-4px;top:50%;left:-4px}.handle-e{cursor:ew-resize;margin-top:-4px;top:50%;right:-4px}.handle-sw{cursor:nesw-resize;bottom:-4px;left:-4px}.handle-s{cursor:ns-resize;margin-left:-4px;bottom:-4px;left:50%}.handle-se{cursor:nwse-resize;bottom:-4px;right:-4px}.draw-preview,.marquee{border:1px dashed var(--cutups-selected);background:color-mix(in srgb, var(--cutups-selected) 12%, transparent);pointer-events:none;z-index:3;position:absolute}.inline-rename{-webkit-user-select:text;user-select:text;background:color-mix(in srgb, var(--cutups-on-dark) 90%, transparent);width:100%;height:100%;color:var(--cutups-on-light);font:inherit;padding:2px var(--cutups-space-1);border:none;position:absolute;inset:0}.inspector-panel{border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);padding:var(--cutups-space-3);font:var(--cutups-fs-body) var(--cutups-font-ui);color:var(--cutups-text);gap:var(--cutups-space-2);flex-direction:column;flex:0 0 240px;display:flex;overflow:hidden auto}.inspector-empty{color:var(--cutups-text-dim);text-align:center;justify-content:center;align-items:center}.inspector-title{border-bottom:1px solid var(--cutups-border);padding-bottom:var(--cutups-space-1);margin-bottom:2px;font-weight:600}.inspector-field{flex-direction:column;gap:2px;display:flex}.inspector-rect-fields{gap:var(--cutups-space-2);grid-template-columns:1fr 1fr;display:grid}.inspector-error{color:var(--cutups-danger);font-size:var(--cutups-fs-small)}.palette-row{gap:var(--cutups-space-1);flex-wrap:wrap;display:flex}.palette-swatch{border-radius:var(--cutups-radius-sm);border:1px solid var(--cutups-border);cursor:pointer;width:20px;height:20px}.inspector-member-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.inspector-member-list li{justify-content:space-between;align-items:center;gap:var(--cutups-space-1);display:flex}.inspector-member-name{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;overflow:hidden}.hotkey-row,.segmented,.inspector-member-actions{gap:var(--cutups-space-1);display:flex}.hotkey-capture,.segmented>.btn,.bulk-add-actions>.btn{flex:1}.inspector-member-button{text-overflow:ellipsis;flex:1 1 0;min-width:0;display:block;overflow:hidden}.inspector-hint{color:var(--cutups-text-dim);font-size:var(--cutups-fs-small);line-height:1.3}.inspector-delete{margin-top:auto}.preset-picker-wrap{position:relative}.preset-picker{z-index:4;gap:var(--cutups-space-1);min-width:0;padding:var(--cutups-space-2);grid-template-columns:repeat(4,1fr);margin-top:2px;display:grid;position:absolute;top:100%;left:0}.preset-picker>button{border-radius:var(--cutups-radius-sm);color:var(--cutups-on-light);font:var(--cutups-fs-small) var(--cutups-font-ui);padding:var(--cutups-space-1) var(--cutups-space-2);cursor:pointer;border:none;font-weight:600}.bulk-add-panel{gap:var(--cutups-space-3)}.bulk-add-hint{color:var(--cutups-text-dim);font-size:var(--cutups-fs-small);margin:0}.bulk-add-textarea{resize:vertical;flex:1;min-height:120px}.bulk-add-actions{gap:var(--cutups-space-2);display:flex}.clip-strip{min-width:0;min-height:30px;padding:3px 3px var(--cutups-space-1);flex:1;align-items:center;gap:2px;display:flex;overflow:auto hidden}.clip-chip.clip-drop-before{position:relative}.clip-chip.clip-drop-before:before{content:"";background:var(--cutups-accent);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:-3px}.clip-list-row-header.clip-drop-append{background:color-mix(in srgb, var(--cutups-accent) 18%, transparent)}.clip-strip.clip-drop-append,.clip-list-row.clip-list-row-carry-target{outline:1px dashed var(--cutups-accent);outline-offset:2px}.clip-list-carry-new{margin-top:var(--cutups-space-2);padding:var(--cutups-space-2) 10px;background:var(--cutups-bg-panel);border:1px dashed var(--cutups-border);border-radius:var(--cutups-radius);color:var(--cutups-text-dim);font-size:var(--cutups-fs-body);position:sticky;bottom:0}.clip-list-carry-new.clip-list-carry-new-target{border-color:var(--cutups-accent);color:var(--cutups-text);background:color-mix(in srgb, var(--cutups-accent) 18%, transparent)}.instance-menu{z-index:var(--cutups-z-popover);min-width:220px;position:fixed}.instance-menu-head{font-family:var(--cutups-font-mono)}.timeline-carry-badge{z-index:var(--cutups-z-float);padding:3px var(--cutups-space-3);background:var(--cutups-bg-toolbar);border:1px solid var(--cutups-accent);border-radius:var(--cutups-radius);color:var(--cutups-text);font-size:var(--cutups-fs-body);white-space:nowrap;pointer-events:none;position:fixed}.clip-chip{min-width:30px;padding:3px var(--cutups-space-3);color:var(--cutups-on-light);font-family:var(--cutups-font-mono);font-size:var(--cutups-fs-body);cursor:pointer;border-radius:var(--cutups-radius-sm);font-weight:700}.clip-chip:hover{filter:brightness(1.15)}.clip-chip:active{cursor:grabbing}.clip-chip-unplayable{opacity:.35}.clip-chip:focus-visible{outline:2px solid var(--cutups-selected);outline-offset:1px}.clip-chip-selected{outline:2px solid var(--cutups-text);outline-offset:-2px;opacity:.85}.edit-empty-hint{color:var(--cutups-text-dim);font-size:var(--cutups-fs-control)}.video-transport-bar{background:var(--cutups-video-black);width:100%;padding:var(--cutups-space-1) 10px 5px;flex-direction:column;flex:none;gap:3px;display:flex}.video-transport-times{font:var(--cutups-fs-small) var(--cutups-font-mono);color:var(--cutups-text-dim);gap:24px;display:flex}.video-transport-times b{color:var(--cutups-on-dark);font-weight:600}.video-transport-controls{align-items:center;gap:10px;display:flex}.live-button{margin-left:var(--cutups-space-2)}.live-dot{background:var(--cutups-text-dim);border-radius:50%;width:7px;height:7px}.live-button-go .live-dot{background:var(--cutups-accent)}.video-transport-shuttle{margin-left:var(--cutups-space-3);gap:2px;display:flex}.video-transport-audio{align-items:center;gap:var(--cutups-space-2);margin-left:auto;display:flex}.volume-flat{width:72px;height:14px;accent-color:var(--cutups-accent);cursor:pointer;background:0 0;flex:none;margin:0}.volume-flat:disabled{opacity:.35;cursor:default}.row-menu-note{font-size:var(--cutups-fs-small);color:var(--cutups-text-dim);margin:0;line-height:1.35}.timeline-notice,.timeline-error{padding:2px var(--cutups-space-3);font-size:var(--cutups-fs-small);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius-sm);margin-left:auto}.timeline-notice{color:var(--cutups-text-dim)}.timeline-notice .timeline-notice-undo{margin-left:var(--cutups-space-3)}.timeline-error{color:var(--cutups-danger);border-color:var(--cutups-danger);white-space:nowrap;text-overflow:ellipsis;max-width:40%;overflow:hidden}.timeline-footer{align-items:center;gap:var(--cutups-space-5);padding:2px var(--cutups-space-2);border-top:1px solid var(--cutups-border);flex:none;display:flex}.timeline-zoom{align-items:center;gap:var(--cutups-space-2);min-width:0;display:flex}.timeline-zoom input[type=range]{min-width:80px;height:20px;accent-color:var(--cutups-accent);cursor:ew-resize;flex:0 160px;margin:0}.timeline-zoom input[type=range]:focus-visible{outline:2px solid var(--cutups-accent);outline-offset:2px;border-radius:var(--cutups-radius-sm)}.timeline-zoom .zoom-step{flex:none;width:20px;height:20px;padding:0}.toolbar-group{margin-left:var(--cutups-space-2);padding-left:var(--cutups-space-3);border-left:1px solid var(--cutups-border);align-items:center;gap:2px;display:flex}.row-menu-actions>.row-menu-delete{margin-right:auto}.row-confirm{z-index:var(--cutups-z-confirm);width:max-content;max-width:min(360px,100vw - 32px);padding:var(--cutups-space-4);background:var(--cutups-bg-panel);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);box-shadow:var(--cutups-shadow-pop);font:var(--cutups-fs-body) var(--cutups-font-ui);color:var(--cutups-text);flex-direction:column;gap:10px;display:flex;position:fixed}.row-confirm-text{margin:0;line-height:1.4}.panel-chrome{box-sizing:border-box;align-items:center;gap:var(--cutups-space-1);height:28px;padding:0 var(--cutups-space-2) 0 3px;background:var(--cutups-bg-titlebar);border-bottom:1px solid var(--cutups-border);color:var(--cutups-text);font:var(--cutups-fs-body) var(--cutups-font-ui);white-space:nowrap;flex:none;display:flex;overflow:hidden}.panel-chrome>.panel-title{text-overflow:ellipsis;min-width:0;margin-right:var(--cutups-space-2);flex:0 auto;overflow:hidden}.panel-chrome>.panel-title.panel-title-keeps{min-width:40px}.panel-chrome .btn svg,.timeline-footer .btn svg{width:14px;height:14px}.panel-chrome .toolbar-group{padding-left:var(--cutups-space-2);margin-left:2px}.panel-chrome.panel-chrome-narrow .btn>svg+span{display:none}.panel-chrome.panel-chrome-narrow .btn-quiet{padding:2px 5px}.panel-chrome .panel-back{flex:none}.panel-chrome>.player-save-wrap{margin-left:auto}.timeline-send-button{text-overflow:ellipsis;max-width:260px;display:block;overflow:hidden}.clip-data{border-top:1px solid var(--cutups-border);background:var(--cutups-bg-toolbar);min-height:0;padding:var(--cutups-space-2) var(--cutups-space-3) var(--cutups-space-3);gap:var(--cutups-space-2);font:var(--cutups-fs-body) var(--cutups-font-ui);color:var(--cutups-text);flex-direction:column;flex:0 auto;display:flex;overflow-y:auto}.clip-data-head{align-items:center;gap:var(--cutups-space-2);display:flex}.clip-data-spacer{flex:1}.clip-data-title{font-weight:600}.clip-data-dim{color:var(--cutups-text-dim)}.clip-data-list-name,.clip-data-value,.clip-data-link-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.clip-data-field{flex-direction:column;gap:2px;min-width:0;display:flex}.clip-data-mono,.clip-data-time{font-family:var(--cutups-font-mono)}.clip-data-note textarea{resize:none;max-height:calc(5.4em + 10px);line-height:1.35;overflow-y:auto}.clip-data-link{min-width:0;font:inherit;text-align:left;color:var(--cutups-accent);cursor:pointer;background:0 0;border:none;align-items:baseline;gap:3px;margin:0;padding:0;display:inline-flex}.clip-data-link-arrow{color:var(--cutups-text-dim);flex:none}.clip-data-link:hover .clip-data-link-name{color:var(--cutups-accent-hover);text-decoration:underline}.clip-data-link:hover .clip-data-link-arrow{color:var(--cutups-accent-hover)}.clip-list-add{display:inline-flex}.clip-list-add>button:disabled{pointer-events:none}.clip-data-tags{flex-wrap:wrap;gap:3px;display:flex}.clip-data-tag{background:var(--cutups-bg-titlebar);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius-pill);font-size:var(--cutups-fs-small);padding:1px 7px}.clip-data-source-dead{min-width:0;display:inline-flex}.clip-chip{align-items:baseline;gap:var(--cutups-space-2);text-align:left;flex:none;max-width:260px;display:inline-flex}.clip-chip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--cutups-font-ui);font-weight:500;font-size:var(--cutups-fs-small);opacity:.85;overflow:hidden}.clip-data-close,.clip-data-gap-color,.clip-chip-index{flex:none}.clip-data-remove{margin-left:var(--cutups-space-2);flex:none}.clip-data-collapsed{padding-bottom:var(--cutups-space-2)}.clip-data-body{gap:var(--cutups-space-2);flex-direction:column;display:flex}.clip-data-line{align-items:baseline;gap:var(--cutups-space-1) var(--cutups-space-5);flex-wrap:wrap;display:flex}.clip-data-pair{align-items:baseline;gap:5px;min-width:0;display:inline-flex}.clip-data-pair-tags{flex-wrap:wrap}.clip-data-times{gap:10px;display:flex}.clip-data-time-field{align-items:center;gap:var(--cutups-space-2);flex-direction:row;flex:1}.clip-data-time-field>label{flex:none;width:40px}.clip-data-time-field>input{flex:1}.clip-data-bar{align-items:center;gap:var(--cutups-space-4);padding:3px 0;display:flex}.clip-data-bar-label{font-family:var(--cutups-font-mono);font-size:var(--cutups-fs-small);color:var(--cutups-text-dim);flex:none}.clip-data-bar-track{background:var(--cutups-bg-toolbar);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius-sm);touch-action:none;flex:1;min-width:0;height:10px;position:relative}.clip-data-bar-range{background:color-mix(in srgb, var(--cutups-accent) 45%, transparent);position:absolute;top:0;bottom:0}.clip-data-bar-handle{background:var(--cutups-accent);cursor:ew-resize;width:9px;position:absolute;top:-3px;bottom:-3px}.clip-data-bar-handle-start{border-radius:var(--cutups-radius-sm) 0 0 var(--cutups-radius-sm);margin-left:-9px}.clip-data-bar-handle-end{border-radius:0 var(--cutups-radius-sm) var(--cutups-radius-sm) 0}.clip-data-bar-handle:hover,.clip-data-bar-handle-held{background:var(--cutups-accent-hover)}.clip-data-bar-handle-held{cursor:grabbing}.clip-data-bar-disabled .clip-data-bar-track{opacity:.45}.clip-data-bar-disabled .clip-data-bar-range{background:var(--cutups-text-dim)}.clip-data-note-row{gap:10px;display:flex}.clip-data-note-row>.clip-data-field{flex:1 1 0}.clip-data-gap{align-items:center;gap:var(--cutups-space-1) 10px;flex-wrap:wrap;display:flex}.clip-data-gap-check{align-items:center;gap:var(--cutups-space-2);color:var(--cutups-text-dim);display:inline-flex}.clip-data-gap-check label{cursor:pointer}.clip-data-gap-seconds{text-align:right;width:60px;font-family:var(--cutups-font-mono);flex:none}.clip-data-gap-words{flex:140px}.paint-swatch{border-radius:var(--cutups-radius-sm);border:1px solid var(--cutups-on-light);width:8px;height:8px;margin-left:3px;display:inline-block}.tool-paint .code-button{cursor:copy}.modal-backdrop{z-index:var(--cutups-z-modal);padding:var(--cutups-space-5);background:var(--cutups-scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-timeline-dialog{gap:var(--cutups-space-3);width:360px;max-width:100%;padding:var(--cutups-space-5);background:var(--cutups-bg-toolbar);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);color:var(--cutups-text);font:var(--cutups-fs-body) var(--cutups-font-ui);flex-direction:column;display:flex}.create-timeline-title{font:var(--cutups-fs-control) var(--cutups-font-ui);margin:0;font-weight:700}.create-timeline-summary{color:var(--cutups-text-dim);margin:0}.create-timeline-dialog .warning,.create-timeline-dialog .error,.create-timeline-dialog .notice{margin:0}.create-timeline-dialog .warning{color:var(--cutups-selected)}.create-timeline-dialog .error{color:var(--cutups-danger)}.create-timeline-actions{justify-content:flex-end;gap:var(--cutups-space-3);margin-top:var(--cutups-space-1);display:flex}.create-timeline-dialog.games-dialog{width:480px;max-height:calc(100vh - 32px);overflow:hidden}.create-timeline-dialog.games-dialog:focus{outline:none}.games-dialog-head{align-items:center;gap:var(--cutups-space-3);display:flex}.games-dialog-head .create-timeline-title{flex:auto;min-width:0}.games-dialog-close{flex:none}.games-dialog .games-list,.games-dialog .games-rows{flex:auto;min-height:0}.games-dialog .games-rows{max-height:none}.create-timeline-dialog.playback-dialog{width:420px;max-height:calc(100vh - 32px);overflow:hidden auto}.create-timeline-dialog.playback-dialog:focus{outline:none}.playback-dialog .playback-field-row{flex-direction:row;align-items:center;gap:10px}.playback-dialog .playback-field-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:0 0 150px;min-width:0;overflow:hidden}.playback-dialog .playback-field-grow{flex:auto}.playback-dialog .playback-seconds-input{text-align:right;flex:none;width:72px}.playback-dialog .playback-color-input{flex:none}.playback-dialog .playback-check-row{align-items:center;gap:var(--cutups-space-3);cursor:pointer;display:flex}.playback-dialog .playback-dialog-diff{margin:var(--cutups-space-1) 0 0;border-top:1px solid var(--cutups-border);color:var(--cutups-text-dim);padding-top:10px;font-style:italic}.playback-dialog .playback-section{gap:var(--cutups-space-3);border-top:1px solid var(--cutups-border);flex-direction:column;padding-top:10px;display:flex}.playback-dialog .playback-section-title{font:600 var(--cutups-fs-body) var(--cutups-font-ui);letter-spacing:.02em;text-transform:uppercase;margin:0}.playback-dialog .playback-section-help{color:var(--cutups-text-dim);font-size:var(--cutups-fs-small);margin:-4px 0 0}.playback-dialog .playback-dependent{gap:var(--cutups-space-3);flex-direction:column;margin-left:18px;padding-bottom:11px;display:flex}.playback-dialog .playback-dependent .playback-field-row>span:first-child{flex-basis:132px}.playback-dialog .playback-dialog-footer{flex-wrap:wrap;align-items:center}.playback-dialog .playback-dialog-footer .playback-dialog-footer-start{margin-right:auto}.timeline-hover-tip{z-index:var(--cutups-z-hover-tip);pointer-events:none;white-space:normal;word-break:break-word;width:max-content;max-width:340px;line-height:1.4;position:absolute}.timeline-hover-head{gap:var(--cutups-space-3);align-items:baseline;display:flex}.timeline-hover-number{font-weight:600}.timeline-hover-time{font-family:var(--cutups-font-mono);color:var(--cutups-text-dim)}.timeline-hover-note{color:var(--cutups-text-dim);white-space:pre-wrap;margin-top:2px}.btn.list-eye[aria-pressed=true]{color:var(--cutups-text-dim);background:0 0;border-color:#0000}.btn.list-eye[aria-pressed=true]:hover:not(:disabled){background:var(--cutups-bg-titlebar)}.login-screen{background:var(--cutups-bg-app);-webkit-app-region:drag;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.login-screen form{-webkit-app-region:no-drag}.login-screen .login-link{color:var(--cutups-text-dim);font:var(--cutups-fs-body) var(--cutups-font-ui);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.login-screen .login-link:disabled{cursor:default;opacity:.6;text-decoration:none}.login-screen .login-link:hover:not(:disabled){color:var(--cutups-text)}.login-screen .login-links{justify-content:space-between;gap:8px;display:flex}.style-guide{background:var(--cutups-bg-app);height:100%;color:var(--cutups-text);font:var(--cutups-fs-body) var(--cutups-font-ui);padding:24px 32px 48px;overflow-y:auto}.style-guide>*{max-width:1100px}.style-guide a{color:var(--cutups-accent)}.style-guide a:hover{color:var(--cutups-accent-hover)}.style-guide h1{font-size:var(--cutups-fs-heading);margin:0 0 6px;font-weight:700}.style-guide h2{font-size:var(--cutups-fs-control);margin:0 0 8px;font-weight:700}.style-guide h4{font-size:var(--cutups-fs-small);letter-spacing:.4px;text-transform:uppercase;margin:0 0 4px;font-weight:600}.style-guide p{margin:0 0 6px}.style-guide code{font-family:var(--cutups-font-mono);font-size:var(--cutups-fs-small)}.style-guide section{border-top:1px solid var(--cutups-border);margin-top:24px;padding-top:16px}.style-guide .sg-header p{color:var(--cutups-text-dim)}.style-guide .sg-nav{flex-wrap:wrap;gap:4px 8px;margin-top:8px;display:flex}.style-guide .sg-lede,.style-guide .sg-dim,.style-guide .sg-note{color:var(--cutups-text-dim)}.style-guide .sg-table{border-collapse:collapse;margin-bottom:8px}.style-guide .sg-table td{vertical-align:middle;border-bottom:1px solid var(--cutups-border);padding:4px 12px 4px 0}.style-guide .sg-swatch{border:1px solid var(--cutups-border);border-radius:var(--cutups-radius-sm);width:40px;height:20px;display:block}.style-guide .sg-space-bar{background:var(--cutups-text-dim);height:12px;display:block}.style-guide .sg-font-sample{font-size:var(--cutups-fs-control)}.style-guide .sg-examples{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.style-guide .sg-example{background:var(--cutups-bg-panel);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius);margin:0;padding:8px}.style-guide .sg-example figcaption{color:var(--cutups-text-dim);font-size:var(--cutups-fs-small);margin-bottom:8px}.style-guide .sg-example-body{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.style-guide .sg-narrow{width:200px}.style-guide .sg-check{align-items:center;gap:8px;display:inline-flex}.style-guide .sg-menu-row{align-items:center;display:flex}.style-guide .sg-example .sg-inline-dialog{width:auto}.style-guide .sg-example .login-screen{background:0 0;padding:0;display:inline-flex;position:static}.style-guide .sg-example .modal-backdrop{z-index:auto;flex:1;position:relative}.style-guide .sg-example .timeline-hover-tip,.style-guide .sg-example .instant-tip{margin-top:0;position:static}.style-guide .sg-patterns{flex-direction:column;gap:8px;display:flex}.style-guide .sg-patterns ul{margin:0;padding-left:18px}.style-guide .sg-patterns li{margin-bottom:2px}.style-guide .sg-pattern-name{font-weight:600}.style-guide .sg-pattern-group h4{color:var(--cutups-text-dim)}.style-guide .sg-pattern-group.sg-group-use h4{color:var(--cutups-selected)}.style-guide .sg-radius-box{background:var(--cutups-bg-toolbar);border:1px solid var(--cutups-border);justify-content:center;align-items:center;width:48px;height:32px;display:flex}.style-guide .sg-gap-row{align-items:center;margin-right:16px;display:flex}.style-guide .sg-gap-row span{background:var(--cutups-bg-titlebar);border:1px solid var(--cutups-border);border-radius:var(--cutups-radius-sm);width:16px;height:16px}