:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080b0d;--panel:#111619;--panel-2:#161d20;--line:#283136;--muted:#8b969b;--text:#f2f5f2;--green:#ff4938;--green-2:#c52a1d;--orange:#ff8246;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 71% 5%, #24100e 0, transparent 31rem), var(--bg);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,label[for]{-webkit-tap-highlight-color:transparent}button{color:inherit}.noise{pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#080b0dcc;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.04em;align-items:center;gap:12px;font-size:20px;text-decoration:none;display:flex}.brand b{color:var(--green)}.brand-mark{border:1px solid #71372f;border-radius:7px;grid-template-columns:repeat(4,1fr);gap:2px;width:30px;height:30px;padding:5px;display:grid;transform:rotate(-3deg)}.brand-mark i{background:var(--green);border-radius:1px;box-shadow:0 0 8px #ff493888}.device-area{align-items:center;gap:18px;display:flex}.status{color:var(--muted);font-size:13px}.status i{background:#556066;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.status.connected{color:var(--text)}.status.connected i{background:var(--green);box-shadow:0 0 10px var(--green)}.button{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.button:hover{filter:brightness(1.09);transform:translateY(-1px)}.button:disabled{opacity:.35;cursor:not-allowed;transform:none}.button.secondary{border:1px solid var(--line);background:#12181b}.button.primary{background:var(--green);color:#1a0705;box-shadow:inset 0 0 0 1px #ff796d,0 8px 30px #ff30251f}main{width:min(1240px,100% - 48px);margin:0 auto;padding-bottom:80px}.hero{grid-template-columns:1fr auto;align-items:end;gap:40px;padding:74px 0 48px;display:grid}.eyebrow{color:var(--green);letter-spacing:.18em;margin:0 0 12px;font-size:10px;font-weight:800}h1{letter-spacing:-.07em;max-width:830px;margin:0;font-size:clamp(48px,7vw,88px);font-weight:760;line-height:.91}h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.intro{color:var(--muted);max-width:570px;margin:28px 0 0;font-size:16px;line-height:1.65}.hardware-card{border-left:1px solid var(--line);width:220px;padding-left:26px}.hardware-card div{border-bottom:1px solid #1d2529;justify-content:space-between;padding:10px 0;display:flex}.hardware-card span{color:var(--muted);letter-spacing:.12em;font-size:10px}.hardware-card strong{font-family:ui-monospace,monospace;font-size:12px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#141b1eeb,#0d1214f5);border-radius:12px;box-shadow:0 20px 60px #0003}.preview-panel{padding:25px 28px 30px;transition:padding .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.preview-panel.locked{z-index:6;position:sticky;top:88px}.panel-title,.section-heading,.dialog-heading{justify-content:space-between;align-items:center;display:flex}h2{letter-spacing:-.04em;margin:0;font-size:23px}.preview-actions{gap:6px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:#12181a;border-radius:7px;width:38px;height:38px}.icon-button.active{color:var(--green);border-color:#87372f}.lock-button{border:1px solid var(--line);height:38px;color:var(--muted);cursor:pointer;background:#12181a;border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.lock-button.active{color:#ff9a91;background:#28100e;border-color:#87372f}.badge-shell{background:linear-gradient(#343a3b,#121718 12%,#090b0c 70%,#292e2f);border:1px solid #454c4e;border-radius:18px;width:min(980px,95%);height:auto;margin:31px auto 20px;padding:28px 64px;position:relative;box-shadow:0 23px 55px #000b,inset 0 1px #596063}.badge-screen{aspect-ratio:4;background:#050202;border-radius:7px;align-items:center;width:100%;height:auto;padding:8px;display:flex;overflow:visible;box-shadow:0 0 0 2px #000,inset 0 0 22px #ff493812}#previewCanvas{width:100%;height:100%;image-rendering:pixelated;display:block}.badge-button{background:#0c0f10;border:1px solid #34393a;border-radius:3px;width:12px;height:28px;position:absolute;top:50%;right:21px;transform:translateY(-50%)}.timeline{background:#293034;max-width:980px;height:2px;margin:auto;overflow:hidden}.timeline span{background:var(--green);width:0;height:100%;box-shadow:0 0 8px var(--green);display:block}.preview-panel.is-docked{background:#101415;border-color:#75413b;grid-template-columns:230px minmax(0,1fr);align-items:center;column-gap:16px;padding:10px 18px 12px;display:grid;box-shadow:0 18px 60px #000c}.preview-panel.is-docked .panel-title{flex-direction:column;grid-column:1;justify-content:center;align-self:center;align-items:flex-start;gap:9px}.preview-panel.is-docked .panel-title .eyebrow{display:none}.preview-panel.is-docked .panel-title h2{white-space:nowrap;font-size:17px}.preview-panel.is-docked .preview-actions{flex-wrap:nowrap;margin-top:0}.preview-panel.is-docked .icon-button{width:31px;height:31px}.preview-panel.is-docked .lock-button{height:31px;padding:0 8px}.preview-panel.is-docked .badge-shell{border-radius:12px;grid-column:2;width:min(660px,100%);margin:0 auto;padding:10px 51px}.preview-panel.is-docked .badge-screen{padding:5px}.preview-panel.is-docked .badge-button{height:21px;right:17px}.preview-panel.is-docked .timeline{grid-column:2;width:min(660px,100%);margin-top:8px}.workspace-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;margin-top:54px;display:grid}.section-heading{margin-bottom:18px}.slot-list{gap:12px;display:grid}.slot-card{grid-template-columns:74px 1fr;min-height:180px;transition:border-color .18s;display:grid;overflow:hidden}.slot-card.selected{border-color:#a44439}.slot-select{border:0;border-right:1px solid var(--line);cursor:pointer;color:var(--muted);background:#0e1315;flex-direction:column;align-items:center;gap:14px;padding-top:22px;display:flex}.slot-number{font:700 20px ui-monospace,monospace}.slot-select i{background:#3a4449;border-radius:50%;width:8px;height:8px}.selected .slot-select i{background:var(--green);box-shadow:0 0 10px var(--green)}.slot-main{min-width:0;padding:19px 22px 18px}.slot-topline{justify-content:space-between;align-items:center;display:flex}.source-label{color:var(--green);letter-spacing:.14em;font:700 9px ui-monospace,monospace}.slot-actions{gap:5px;display:flex}.slot-actions button{width:26px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px}.slot-actions button:hover{color:var(--text);background:#242c2f}.message-text{resize:vertical;width:100%;min-height:54px;color:var(--text);letter-spacing:-.035em;background:0 0;border:0;outline:0;margin:7px 0 14px;padding:3px 0;font-size:26px;line-height:1.1}.message-text:focus{color:#fff}.message-text:disabled{color:#879193}.slot-controls{grid-template-columns:1.2fr 1fr auto auto;align-items:end;gap:18px;display:grid}.slot-controls label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:10px;font-weight:700;display:grid}select{color:var(--text);border:1px solid var(--line);background:#0d1214;border-radius:5px;height:35px;padding:0 10px;font-size:12px}.speed-wrap{grid-template-columns:1fr 20px;align-items:center;gap:8px;height:35px;display:grid}input[type=range]{accent-color:var(--green);width:100%}.speed-wrap output{color:var(--text);font-family:ui-monospace,monospace}.slot-controls label.check{white-space:nowrap;cursor:pointer;flex-direction:row;align-items:center;gap:7px;height:35px;display:flex}.check input{display:none}.check span{background:#2b3438;border-radius:10px;width:28px;height:16px;position:relative}.check span:after{content:"";background:#8b959a;border-radius:50%;width:10px;height:10px;transition:all .15s;position:absolute;top:3px;left:3px}.check input:checked+span{background:#742a23}.check input:checked+span:after{background:var(--green);transform:translate(12px)}.settings-column{gap:14px;display:grid;position:sticky;top:92px}.settings-panel,.tools-panel,.library-panel{padding:20px}.control-label{justify-content:space-between;margin-top:22px;font-size:12px;display:flex}.control-label output{color:var(--green);font-family:ui-monospace,monospace}.range-labels{color:#5f6a6f;justify-content:space-between;padding:0 2px;font-size:9px;display:flex}.tool-button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:64px;color:var(--text);cursor:pointer;background:0 0;grid-template-columns:31px 1fr auto;align-items:center;padding:8px 0;display:grid}.tool-button>span{color:var(--green);font-size:17px}.tool-button.featured{color:var(--green);margin-top:4px}.tool-button.featured div b{color:var(--text)}.tool-button div{gap:3px;display:grid}.tool-button small{color:var(--muted);font-size:10px}.tool-button i{color:var(--muted);font-style:normal}.two-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;font-size:11px}.send-bar{z-index:7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11171aed;border:1px solid #394348;border-radius:12px;justify-content:space-between;align-items:center;min-height:76px;margin-top:30px;padding:12px 14px 12px 22px;display:flex;position:sticky;bottom:18px;box-shadow:0 20px 70px #000b}.send-bar>div{align-items:center;gap:13px;display:flex}.send-bar>div>div{gap:3px;display:grid}.send-bar small{color:var(--muted)}.send-dot{background:#566166;border-radius:50%;width:9px;height:9px}.send-dot.connected{background:var(--green);box-shadow:0 0 10px var(--green)}#sendButton{min-width:180px}dialog{color:var(--text);background:0 0;border:0;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030506dc}.dialog-card{border:1px solid var(--line);background:#111719;border-radius:14px;width:min(850px,100vw - 40px);padding:25px}.dialog-card>p{color:var(--muted)}#pixelCanvas{width:100%;image-rendering:pixelated;cursor:crosshair;background:#050202;border:1px solid #50312e;border-radius:5px}.dialog-actions{grid-template-columns:auto auto 1fr auto;gap:8px;margin-top:18px;display:grid}.wide-dialog{width:min(1180px,100vw - 32px);max-width:none;height:min(880px,100vh - 32px);max-height:none}.library-dialog-card{width:100%;height:100%;padding:28px 30px 40px;overflow-y:auto}.library-toolbar{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#111719f5;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:10px 12px;margin:24px 0 28px;padding:14px 0 11px;display:grid;position:sticky;top:-28px}.library-close-button{white-space:nowrap}.loaded-summary{scrollbar-width:thin;grid-column:1/-1;align-items:center;gap:6px;min-width:0;padding:2px 0;display:flex;overflow-x:auto}.loaded-summary:before{content:"LOADED";color:var(--muted);letter-spacing:.13em;margin-right:2px;font:800 8px ui-monospace,monospace}.loaded-summary-chip{border:1px solid var(--line);max-width:150px;height:27px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#0b1012;border-radius:14px;flex:none;padding:0 10px;font-size:9px;overflow:hidden}.loaded-summary-chip.selected{color:#ff9a91;background:#35110e;border-color:#b54a40}.library-notice{opacity:0;color:#ffb1aa;background:#36100d;border:1px solid #7f2d25;border-radius:7px;grid-column:1/-1;max-height:0;padding:0 14px;font-size:12px;font-weight:700;transition:all .2s;overflow:hidden}.library-notice.show{opacity:1;max-height:48px;padding-top:9px;padding-bottom:9px}.loaded-section{margin-bottom:34px}.loaded-tray{scrollbar-color:#71352f #111719;gap:9px;padding:2px 1px 9px;display:flex;overflow-x:auto}.loaded-slot{border:1px solid var(--line);background:#0d1214;border-radius:9px;flex:0 0 230px;grid-template-columns:1fr auto;gap:7px;min-width:0;padding:8px;display:grid;position:relative}.loaded-slot.selected{border-color:#b34b40;box-shadow:inset 0 0 0 1px #ff493822}.loaded-slot-main{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.loaded-slot canvas{width:176px;height:44px;image-rendering:pixelated;background:#050202;border:1px solid #321613;border-radius:4px;display:block}.loaded-slot-copy{grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;padding:7px 2px 1px;display:grid}.loaded-slot-copy em{color:var(--green);grid-row:1/3;font:700 11px ui-monospace,monospace}.loaded-slot-copy b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.loaded-slot-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.loaded-slot-remove{width:25px;height:25px;color:var(--muted);cursor:pointer;background:#1d2326;border:0;border-radius:5px}.loaded-slot-remove:hover{color:var(--green);background:#351411}.search-box{border:1px solid var(--line);min-width:230px;height:43px;color:var(--green);background:#0b1012;border-radius:7px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pills button{border:1px solid var(--line);height:34px;color:var(--muted);cursor:pointer;background:#151b1e;border-radius:20px;padding:0 12px;font-size:11px}.filter-pills button.active{color:#1a0705;border-color:var(--green);background:var(--green);font-weight:800}.show-section{margin-bottom:36px}.subheading{justify-content:space-between;align-items:end;margin:10px 0 14px;display:flex}.subheading h3{margin:0;font-size:19px}.subheading small{color:var(--muted)}.show-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.show-card{border:1px solid var(--line);min-height:112px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(145deg,#182024,#0e1315);border-radius:9px;align-content:space-between;gap:14px;padding:15px;transition:all .18s;display:grid}.show-card:hover{border-color:#b54c41;transform:translateY(-2px)}.show-card span{color:var(--green);letter-spacing:3px;font-size:20px}.show-card b{font-size:14px;display:block}.show-card small{color:var(--muted);line-height:1.35}.cinematic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cinematic-card{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(145deg,#1b1718,#0d1315);border:1px solid #5b302c;border-radius:10px;padding:0;transition:all .18s;overflow:hidden}.cinematic-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 12px 30px #0005}.cinematic-card canvas{width:100%;height:auto;image-rendering:pixelated;background:#050202;border-bottom:1px solid #4b211d;display:block}.cinematic-card>div{grid-template-rows:auto auto 1fr auto;gap:5px;min-height:130px;padding:14px 16px 15px;display:grid}.cinematic-card span{color:var(--green);letter-spacing:.14em;font:800 8px ui-monospace,monospace}.cinematic-card b{font-size:16px}.cinematic-card small{color:var(--muted);font-size:10px;line-height:1.45}.cinematic-card em{color:#ff9a91;text-transform:uppercase;letter-spacing:.08em;font:800 9px ui-monospace,monospace}.cinematic-note{color:#cf8d86;letter-spacing:.04em;margin-top:10px;font:700 9px/1.45 ui-monospace,monospace;display:block}.library-grid{display:block}.library-category-section{margin-top:28px}.library-category-section:first-child{margin-top:0}.library-category-heading{border-bottom:1px solid var(--line);z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111719f5;justify-content:space-between;align-items:end;margin:0 0 12px;padding:10px 0;display:flex;position:sticky;top:93px}.library-category-heading span{color:var(--green);letter-spacing:.15em;font:800 8px ui-monospace,monospace}.library-category-heading h3{margin:3px 0 0;font-size:18px}.library-category-heading small{color:var(--muted)}.library-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.library-item{border:1px solid var(--line);background:#0d1214;border-radius:9px;min-width:0;transition:all .18s;position:relative;overflow:hidden}.library-item:hover{border-color:#713b36;transform:translateY(-2px)}.library-item canvas{width:100%;height:auto;image-rendering:pixelated;background:#050202;border-bottom:1px solid #321815;display:block}.library-item>div:not(.library-item-actions){min-height:91px;padding:12px 13px 10px}.library-item .kind{color:var(--green);letter-spacing:.15em;text-transform:uppercase;font:700 8px ui-monospace,monospace}.library-item h4{margin:5px 0 4px;font-size:14px}.library-item p{color:var(--muted);margin:0;font-size:10px;line-height:1.35}.favorite{z-index:2;width:28px;height:28px;color:var(--muted);cursor:pointer;background:#070a08cc;border:1px solid #465046;border-radius:50%;position:absolute;top:7px;right:7px}.favorite.active{color:var(--green)}.library-item-actions{grid-template-columns:1fr auto;gap:6px;padding:0 10px 11px;display:grid}.library-item-actions .button{min-height:34px;padding:0 10px;font-size:10px}.effect-dialog-card{width:min(760px,100vw - 40px)}.effect-preview{background:#050202;border:1px solid #4a2926;border-radius:8px;margin:20px 0;padding:15px}.effect-preview canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.effect-controls{grid-template-columns:1.2fr 1fr 1fr;gap:16px;display:grid}.effect-controls label{color:var(--muted);grid-template-columns:1fr auto;gap:8px;font-size:11px;display:grid}.effect-controls select,.effect-controls input{grid-column:1/-1}.effect-controls output{color:var(--green);font-family:ui-monospace,monospace}.create-dialog-card{width:min(760px,100vw - 40px)}.create-dialog-card>p{color:var(--muted)}.create-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.create-options>button{border:1px solid var(--line);min-height:190px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(145deg,#171e21,#0c1113);border-radius:10px;grid-template-rows:auto 1fr auto;padding:20px;transition:all .18s;display:grid}.create-options>button:hover{border-color:#a7473d;transform:translateY(-2px)}.create-options>button>span{color:var(--green);font-size:27px}.create-options>button div{align-self:center;gap:7px;display:grid}.create-options>button b{font-size:16px}.create-options>button small{color:var(--muted);line-height:1.45}.create-options>button i{color:#ff9a91;letter-spacing:.12em;text-transform:uppercase;font:800 9px ui-monospace,monospace}.frame-studio-dialog{width:min(1220px,100vw - 24px);max-width:none;height:min(940px,100vh - 24px);max-height:none}.frame-studio-card{width:100%;height:100%;padding:24px 28px 30px;overflow-y:auto}.frame-studio-heading{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#111719f3;margin:-24px -28px 0;padding:20px 28px 14px;position:sticky;top:-24px}.frame-heading-actions{gap:8px;display:flex}.frame-studio-preview{background:#050202;border:1px solid #4a2926;border-radius:8px;width:min(720px,100%);margin:22px auto;padding:11px}.frame-studio-preview canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.frame-studio-options{border:1px solid var(--line);background:#0d1214;border-radius:9px;grid-template-columns:auto auto minmax(190px,1fr) minmax(190px,1fr);align-items:center;gap:15px;padding:13px;display:grid}.segmented{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);height:34px;color:var(--muted);cursor:pointer;background:#111719;padding:0 12px;font-size:10px}.segmented button:last-child{border-right:0}.segmented button.active{color:#ff9a91;background:#3b1512}.onion-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.onion-toggle input{accent-color:var(--green)}.onion-opacity,.frame-speed{color:var(--muted);grid-template-columns:1fr auto;gap:6px;font-size:10px;display:grid}.onion-opacity input,.frame-speed input{grid-column:1/-1}.onion-opacity output,.frame-speed output{color:var(--green);font-family:ui-monospace,monospace}.sequence-section{margin-top:26px}.frame-sequence{border:1px solid var(--line);background:#080c0e;border-radius:9px;align-items:flex-start;gap:3px;min-height:82px;padding:10px;display:flex;overflow:auto}.frame-sequence.vertical{flex-direction:column;align-items:stretch;max-height:380px}.frame-card{color:var(--muted);cursor:pointer;background:#0d1214;border:1px solid #2b3437;border-radius:5px;flex:none;gap:4px;padding:4px;display:grid}.frame-card.active{border-color:var(--green);color:#ff9a91;box-shadow:0 0 0 1px #ff493833}.frame-card canvas{width:176px;height:44px;image-rendering:pixelated;background:#050202;display:block}.frame-sequence.vertical .frame-card{grid-template-columns:34px 176px 1fr;align-items:center}.frame-card span{padding:0 2px;font:700 9px ui-monospace,monospace}.frame-editor-section{margin-top:26px}#frameEditorCanvas{aspect-ratio:4;width:min(100%,880px);image-rendering:pixelated;cursor:crosshair;touch-action:none;background:#050202;border:1px solid #5a302c;border-radius:6px;margin:auto;display:block}.frame-tools{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:13px;display:flex}.button.danger{color:#ff8c83;border-color:#63302b}.frame-studio-footer{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#111719f4;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin:24px -28px -30px;padding:13px 28px;display:grid;position:sticky;bottom:-30px}.frame-studio-footer span{color:var(--muted);font:10px ui-monospace,monospace}.tool-button.clock-tool{background:linear-gradient(135deg,#29110f,#121719 70%);border:1px solid #71372f;border-radius:8px;margin-top:4px;padding:9px 10px}.tool-button.clock-tool>i{color:#ff9a91;letter-spacing:.12em;font:800 8px ui-monospace,monospace}.clock-dialog{width:min(980px,100vw - 28px);max-width:none;max-height:none}.clock-dialog-card{width:100%;max-height:calc(100vh - 28px);padding:26px 28px 28px;overflow-y:auto}.clock-preview-wrap{background:#050202;border:1px solid #4a2926;border-radius:10px;margin:22px 0 18px;padding:15px}.clock-preview-wrap canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.clock-live-status{min-height:34px;color:var(--muted);border-top:1px solid #321815;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:10px;padding:10px 3px 0;font-size:10px;display:grid}.clock-live-status i{background:#596469;border-radius:50%;width:7px;height:7px}.clock-live-status b{color:#ff9a91;font:700 12px ui-monospace,monospace}.clock-live-status.active{color:var(--text)}.clock-live-status.active i{background:var(--green);box-shadow:0 0 10px var(--green)}.clock-controls{border:1px solid var(--line);background:#0d1214;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:15px;display:grid}.clock-controls>label,.clock-speed{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:1fr auto;gap:7px;font-size:10px;font-weight:700;display:grid}.clock-controls select,.clock-controls input{grid-column:1/-1}.clock-controls output{color:var(--green);font-family:ui-monospace,monospace}.clock-toggles{align-items:center;gap:18px;padding-top:17px;display:flex}.clock-toggles label{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:10px;display:flex}.clock-toggles input{accent-color:var(--green)}.clock-border-designer{background:linear-gradient(135deg,#170b0a,#0d1214 68%);border:1px solid #5a302c;border-radius:9px;margin-top:14px;padding:15px}.clock-border-designer[hidden]{display:none}.clock-border-designer .subheading{margin-bottom:12px}#clockBorderCanvas{aspect-ratio:4;width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;touch-action:none;background:#050202;border:1px solid #5a302c;border-radius:6px;display:block}#clockBorderCanvas.disabled{cursor:not-allowed;opacity:.55}.clock-border-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:9px;font-size:9px;display:flex}.clock-border-legend span{align-items:center;gap:5px;display:inline-flex}.clock-border-legend span:before{content:"";background:#26100d;border-radius:2px;width:8px;height:8px}.clock-border-legend .decoration:before{background:#ff4938;box-shadow:0 0 6px #ff2f23}.clock-border-legend .clock:before{background:#8f3d35}.clock-border-legend .protected:before{background:#101719;border:1px solid #273135}.clock-border-tools{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.clock-border-help{color:#9f7e7a;margin-top:9px;font-size:9px;line-height:1.45;display:block}.clock-hardware-note{border-left:3px solid var(--green);background:#24100e;border-radius:0 8px 8px 0;margin-top:14px;padding:13px 15px}.clock-hardware-note b{font-size:12px}.clock-hardware-note p{color:#d2b0ac;margin:5px 0;font-size:11px;line-height:1.5}.clock-hardware-note small{color:#9f7e7a;font-size:9px;line-height:1.45;display:block}.clock-actions{grid-template-columns:auto 1fr auto auto;gap:8px;margin-top:18px;display:grid}#toast{background:var(--text);color:#111;opacity:0;pointer-events:none;z-index:30;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:700;transition:all .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}@media (width<=850px){main{width:min(100% - 28px,720px)}.hero{grid-template-columns:1fr;padding-top:48px}.hardware-card{display:none}.workspace-grid{grid-template-columns:1fr}.settings-column{grid-template-columns:1fr;position:static}.preview-panel.locked{top:76px}.preview-panel.is-docked{padding:12px;display:block}.preview-panel.is-docked .panel-title{display:flex}.preview-panel.is-docked .badge-shell{width:100%;margin:10px 0;padding:9px 46px}.preview-panel.is-docked .timeline{width:100%}.badge-shell{width:100%;padding:22px 48px}.slot-controls{grid-template-columns:1fr 1fr}.library-category-grid,.show-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-toolbar{grid-template-columns:1fr;align-items:stretch}.loaded-summary,.library-notice{grid-column:1}.effect-controls,.create-options{grid-template-columns:1fr}.create-options>button{grid-template-rows:1fr;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;min-height:120px}.frame-studio-options,.clock-controls{grid-template-columns:1fr 1fr}.clock-toggles{grid-column:1/-1}.clock-actions{grid-template-columns:1fr 1fr}.clock-actions>span{display:none}}@media (width<=560px){.topbar{padding:0 14px}.status{display:none}h1{font-size:49px}.preview-panel{padding:20px 12px}.badge-shell{padding:18px 32px}.lock-button{justify-content:center;width:38px;padding:0;font-size:0}.lock-button span{font-size:14px}.slot-card{grid-template-columns:48px 1fr}.slot-main{padding:16px 13px}.send-bar small{display:none}.library-category-grid,.show-grid,.cinematic-grid,.clock-controls{grid-template-columns:1fr}.clock-toggles{gap:10px;padding-top:4px;display:grid}.clock-actions{grid-template-columns:1fr}}