@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2)format("woff2-variations");font-weight:400 700;font-display:block;font-style:normal}@font-face{font-family:Spline Sans Mono;src:url(/fonts/spline-sans-mono.woff2)format("woff2-variations");font-weight:400 500;font-display:block;font-style:normal}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--room:#131314;--surface:#1a1a1c;--raise-1:#ffffff0a;--raise-2:#ffffff12;--edge:#ffffff14;--hairline:#ffffff0f;--well:#ffffff0f;--well-deep:#ffffff1c;--text:#f0f0f1;--muted:#a0a0a4;--faint:#8a8a8e;--dim:#5c5c60;--accent:#f0f0f1;--accent-hi:#fff;--accent-dim:#ffffff1a;--accent-ink:#131314;--r-control:7px;--r-slab:10px;--r-plate:8px;--lift-1:none;--lift-2:0 1px 2px #0006;--lift-3:0 2px 8px #00000059;--ease:cubic-bezier(.2, .8, .2, 1);--fast:.14s var(--ease);--slow:.26s var(--ease);--settle:.42s cubic-bezier(.16, 1, .3, 1);--sans:"Archivo", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font-family:var(--sans);font-feature-settings:"ss01";color:var(--text);background:var(--room);-webkit-font-smoothing:antialiased;accent-color:var(--accent);font-size:13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.35}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff24 padding-box content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff3d padding-box content-box}::-webkit-scrollbar-track{background:0 0}input,textarea{caret-color:var(--accent)}.app{background:var(--room);height:100dvh;position:relative;overflow:hidden}.slab{background:var(--surface);border:1px solid var(--edge)}.bar{z-index:30;border-width:0 0 1px;border-radius:0;align-items:center;gap:14px;height:46px;padding:0 10px 0 14px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.005em;align-items:center;gap:9px;font-size:14px;font-weight:500;display:flex}.brand img{border-radius:5px;width:20px;height:20px}.bar-sep{background:var(--hairline);width:1px;height:22px}.bar-group{align-items:center;gap:2px;display:flex}.bar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.mode-wrap{position:absolute;left:50%;transform:translate(-50%)}.dims{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.btn{border-radius:var(--r-control);background:var(--raise-1);white-space:nowrap;height:34px;transition:background var(--fast), color var(--fast), transform var(--settle), box-shadow var(--fast);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-weight:500;display:inline-flex}.btn:not(:disabled):hover{background:var(--raise-2)}.btn:not(:disabled):active{transition-duration:60ms;transform:translateY(1px)scale(.985)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.btn.primary:not(:disabled):hover{background:var(--accent-hi)}.btn.quiet{color:var(--muted);background:0 0}.btn.quiet:not(:disabled):hover{background:var(--raise-1);color:var(--text)}.btn.small{height:28px;padding:0 10px;font-size:12px}.btn.wide{width:100%}.btn.file{position:relative;overflow:hidden}.btn.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.icon-btn{border-radius:var(--r-control);width:34px;height:34px;color:var(--muted);transition:background var(--fast), color var(--fast);place-items:center;display:inline-grid}.icon-btn:not(:disabled):hover{background:var(--raise-1);color:var(--text)}.icon-btn.on{background:var(--accent-dim);color:var(--accent)}select,input[type=text],input[type=number],textarea{background:var(--well);border:1px solid var(--edge);border-radius:var(--r-control);width:100%;height:34px;transition:border-color var(--fast), background var(--fast);outline:none;padding:0 11px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239a958f' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:30px}textarea{resize:vertical;height:auto;padding:9px 11px;line-height:1.45}select:hover,input:hover,textarea:hover{border-color:var(--edge)}select:focus,input:focus,textarea:focus{border-color:var(--accent);background:var(--well-deep)}.split{display:flex}.split>.btn:first-child{border-radius:var(--r-control) 0 0 var(--r-control);padding-right:12px}.split-arrow{box-shadow:inset 1px 0 #0000002e;border-radius:0 var(--r-control) var(--r-control) 0!important;padding:0 10px 0 6px!important}.split-meta{font-family:var(--mono);opacity:.75;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:500}.menu{width:330px;color:var(--text);background:var(--surface);border:1px solid var(--edge);border-top-color:var(--edge);border-radius:var(--r-slab);box-shadow:var(--lift-3);flex-direction:column;gap:14px;margin:0;padding:16px;position:fixed;inset:74px 14px auto auto}.menu:popover-open{animation:pop .18s var(--ease);display:flex}.menu-row{flex-direction:column;gap:7px;display:flex}.menu-label{color:var(--muted);letter-spacing:.01em;font-size:11px;font-weight:500}.menu-foot{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.main{position:absolute;inset:0}.stage{inset:46px 348px 0 var(--bg-left,0px);transition:inset var(--slow);place-items:center;display:grid;position:absolute}.stage-canvas{border-radius:var(--r-plate);box-shadow:0 0 0 1px #ffffff14, var(--lift-3);position:relative}.stage-canvas canvas{border-radius:var(--r-plate);display:block}.checker{background:repeating-conic-gradient(#232326 0 25%, #1a1a1d 0 50%) 0 0 / 16px 16px}.overlay{touch-action:none;position:absolute;inset:0;overflow:hidden}.sel-box{border:1.5px dashed var(--accent);pointer-events:none;border-radius:6px;position:absolute}.handle{border:2px solid var(--accent);cursor:grab;background:#fff;border-radius:50%;width:13px;height:13px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 2px 6px #0009}.handle[data-handle=mid]{border-radius:3px}.crop-box{pointer-events:none;background-image:linear-gradient(#fff3,#fff3),linear-gradient(#fff3,#fff3),linear-gradient(#fff3,#fff3),linear-gradient(#fff3,#fff3);background-position:33.33% 0,66.66% 0,0 33.33%,0 66.66%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;border:1.5px solid #fff;position:absolute;box-shadow:0 0 0 9999px #000000a8}.crop-box i{border:3px solid #fff;width:15px;height:15px;position:absolute}.crop-box .nw{border-bottom:0;border-right:0;top:-4px;left:-4px}.crop-box .ne{border-bottom:0;border-left:0;top:-4px;right:-4px}.crop-box .sw{border-top:0;border-right:0;bottom:-4px;left:-4px}.crop-box .se{border-top:0;border-left:0;bottom:-4px;right:-4px}.crop-size{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;background:#000000bf;border-radius:6px;padding:4px 8px;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.text-edit{z-index:2;border:1.5px dashed var(--accent);resize:none;white-space:pre;background:#0000004d;border-radius:4px;min-width:80px;height:auto;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:700;position:absolute;overflow:hidden}.sample-tag{white-space:nowrap;background:var(--surface);border:1px solid var(--edge);box-shadow:var(--lift-2);color:var(--muted);animation:pop .4s .3s var(--ease) backwards;border-radius:99px;align-items:center;gap:9px;padding:7px 8px 7px 13px;font-size:12px;display:flex;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.sample-tag kbd{margin:0 1px}.sample-tag button{color:var(--faint);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.sample-tag button:hover{color:var(--text);background:var(--raise-1)}.dock{left:var(--bg-left,0px);z-index:20;transition:left var(--slow);pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;right:348px}.dock>*{pointer-events:auto}.toolbar{animation:slab-up .56s .12s var(--settle) backwards;border-radius:24px;align-items:center;gap:3px;padding:8px;display:flex}.toolbar-item{display:contents}.toolbar .sep,.toolopts .sep{background:var(--hairline);width:1px;height:22px;margin:0 6px}.tool{width:40px;height:40px;color:var(--muted);transition:background var(--fast), color var(--fast), transform var(--settle);border-radius:15px;place-items:center;display:grid}.tool:not(:disabled):hover{background:var(--raise-1);color:var(--text)}.tool:not(:disabled):active{transition-duration:60ms;transform:scale(.93)}.tool.on{background:var(--accent);color:var(--accent-ink)}.toolopts{max-width:calc(100% - 24px);animation:pop .18s var(--ease);border-radius:13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:7px 9px;display:flex}.toolopts .seg{flex:none}.toolopts .seg button{min-width:30px}.toolopts-label{color:var(--muted);padding-left:4px}.inks{align-items:center;gap:7px;display:flex}.ink{cursor:pointer;width:20px;height:20px;transition:transform var(--fast), box-shadow var(--fast);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #ffffff38}.ink:hover{transform:scale(1.15)}.ink.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.ink.custom{background:conic-gradient(#ff3b30,#fc0,#34c759,#0a84ff,#af52de,#ff3b30)}.ink.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.timeline{border-radius:26px;align-items:center;gap:12px;padding:8px 18px 8px 8px;display:flex}.stage>.dock{bottom:-62px;left:0;right:0}.timeline input[type=range]{appearance:none;cursor:pointer;background:0 0;width:min(44vw,400px);height:18px;margin:0}.timeline input::-webkit-slider-runnable-track{background:#ffffff24;border-radius:2px;height:4px}.timeline input::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:13px;height:13px;margin-top:-4.5px;box-shadow:0 2px 6px #00000080}.timeline input::-moz-range-track{background:#ffffff24;border-radius:2px;height:4px}.timeline input::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:13px;height:13px}.time{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.bg-panel{z-index:20;border-width:0 1px 0 0;border-radius:0;flex-direction:column;width:300px;display:flex;position:absolute;top:46px;bottom:0;left:0;overflow:hidden}.bg-panel .panel-head{padding:16px 16px 12px}.bg-body{min-height:0;padding:0 16px 24px;overflow-y:auto}.bg-body .group:first-child{border-top:0;padding-top:2px}.bg-panel .panel-head .icon-btn{transform:rotate(90deg)}.bg-tab{z-index:20;border-radius:0 var(--r-slab) var(--r-slab) 0;width:44px;color:var(--muted);transition:color var(--fast);justify-items:center;gap:8px;padding:12px 0 14px;display:grid;position:absolute;top:92px;left:20px}.bg-tab:hover{color:var(--text)}.bg-tab span{writing-mode:vertical-rl;letter-spacing:.04em;font-size:11px;font-weight:500}@keyframes slab-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}.panel{z-index:20;border-width:0 0 0 1px;border-radius:0;grid-template-columns:78px 1fr;width:348px;display:grid;position:absolute;top:46px;bottom:0;right:0;overflow:hidden}.panel-tabs{background:var(--well);border-right:1px solid var(--hairline);flex-direction:column;gap:2px;padding:14px 8px;display:flex;overflow-y:auto}.panel-tabs button{color:var(--faint);letter-spacing:.01em;transition:background var(--fast), color var(--fast);border-radius:10px;justify-items:center;gap:5px;padding:9px 2px 8px;font-size:10.5px;font-weight:500;line-height:1.1;display:grid}.panel-tabs button:hover{color:var(--text);background:var(--raise-1)}.panel-tabs button.on{color:var(--text);background:var(--raise-2);box-shadow:inset 0 0 0 1px var(--edge)}.panel-body{min-height:0;animation:tab-in .3s var(--settle);padding:0 16px 24px;overflow-y:auto}.panel-head{z-index:1;background:linear-gradient(180deg, var(--surface) 72%, transparent);justify-content:space-between;align-items:center;gap:8px;padding:16px 0 12px;display:flex;position:sticky;top:0}.panel-head h2{letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin:0;font-size:11px;font-weight:500}.group{border-top:1px solid var(--hairline);flex-direction:column;gap:10px;padding:16px 0;display:flex}.panel-head+.group,.bg-body>.group:first-child{border-top:0;padding-top:4px}.group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:center;min-height:18px;margin:0 0 1px;font-size:10px;font-weight:500;display:flex}.icon-btn.small{border-radius:8px;width:24px;height:24px}.hint{color:var(--faint);font-size:11.5px;line-height:1.5}.row{align-items:center;gap:8px;display:flex}.row.top{align-items:flex-start}.row>.fs{flex:1}.row.center{justify-content:center}.fs{background:var(--well);border:1px solid var(--edge);border-radius:var(--r-control);cursor:ew-resize;-webkit-user-select:none;user-select:none;height:34px;transition:border-color var(--fast), background var(--fast);justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:relative;overflow:hidden}.fs:hover{border-color:var(--edge)}.fs:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.fs-fill{background:var(--raise-2);pointer-events:none;transition:filter var(--fast);position:absolute;top:0;bottom:0}.fs:hover .fs-fill{filter:brightness(1.25)}.fs-fill:after{content:"";background:#fff;width:3px;position:absolute;top:0;bottom:0;right:-1px;box-shadow:0 0 14px #ffffffd9}.fs-fill.neg:after{left:-1px;right:auto}.fs-label,.fs output{pointer-events:none;position:relative}.fs-label{font-weight:450}.fs output{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.fs input{opacity:0;cursor:ew-resize;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.fs input::-webkit-slider-thumb{appearance:none;width:2px;height:34px}.fs input::-moz-range-thumb{border:0;width:2px;height:34px}.seg{background:var(--well);border:1px solid var(--edge);border-radius:var(--r-control);flex:1;gap:2px;padding:3px;display:flex}.seg button{height:26px;color:var(--muted);white-space:nowrap;transition:background var(--fast), color var(--fast);border-radius:6px;flex:1;justify-content:center;align-items:center;padding:0 7px;font-size:12px;font-weight:500;display:inline-flex}.seg button:hover{color:var(--text)}.seg button.on{background:var(--raise-2);color:var(--text);box-shadow:inset 0 1px #ffffff14}.seg.wrap{grid-template-columns:repeat(3,1fr);display:grid}.seg.wrap button{width:100%}.seg.wrap button:last-child:nth-child(3n-2){grid-column:span 3}.seg.wrap button:nth-last-child(2):nth-child(3n-2){grid-column:span 2}.swatches{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.swatches button,.swatches .color{aspect-ratio:1;width:auto;height:auto;transition:transform var(--fast), box-shadow var(--fast);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff24}.swatches button:hover{transform:scale(1.08)}.swatches button.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.patterns{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.patterns button{color:var(--muted);transition:color var(--fast);flex-direction:column;align-items:center;gap:5px;font-size:10.5px;font-weight:500;display:flex}.patterns canvas{aspect-ratio:1.6;width:100%;transition:transform var(--fast), box-shadow var(--fast);border-radius:10px;display:block;box-shadow:inset 0 0 0 1px #ffffff1f}.patterns button:hover{color:var(--text)}.patterns button:hover canvas{transform:translateY(-2px)}.patterns button.on{color:var(--text)}.patterns button.on canvas{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.wallpapers{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.wallpapers button{aspect-ratio:16/10;transition:transform var(--fast), box-shadow var(--fast);border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.wallpapers img,.wallpapers canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.wallpapers span{text-align:left;color:#fff;background:linear-gradient(#0000,#0009);padding:16px 9px 6px;font-size:11px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.wallpapers .moves{letter-spacing:.02em;color:#fff;-webkit-backdrop-filter:blur(6px);background:#000000b8;border-radius:99px;align-items:center;gap:3px;padding:2px 6px 2px 4px;font-size:10.5px;font-style:normal;font-weight:600;display:inline-flex;position:absolute;top:6px;left:6px}.wallpapers button:hover{transform:translateY(-2px)}.wallpapers button.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.wallpapers.recent{grid-template-columns:repeat(6,1fr);gap:7px}.wallpapers.recent button{aspect-ratio:1;border-radius:8px}.recent-swatch{border-radius:inherit;position:absolute;inset:0}.stops{align-items:center;gap:7px;display:flex}.color{border-radius:var(--r-control);cursor:pointer;flex:none;width:34px;height:34px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--well);border:1px solid var(--edge);height:30px;color:var(--muted);transition:color var(--fast), border-color var(--fast), background var(--fast);border-radius:8px;padding:0 11px;font-size:12px;font-weight:500}.chip:hover{color:var(--text);border-color:var(--edge)}.chip.on{color:var(--text);border-color:var(--edge);background:var(--raise-2)}.align-grid{flex:none;grid-template-columns:repeat(3,26px);gap:4px;display:grid}.align-grid button{background:var(--well);border:1px solid var(--edge);height:26px;transition:border-color var(--fast);border-radius:6px;position:relative}.align-grid button:after{content:"";background:var(--dim);transition:background var(--fast);border-radius:2px;position:absolute;inset:9px}.align-grid button:hover:after{background:var(--text)}.align-grid button.on{border-color:var(--accent)}.align-grid button.on:after{background:var(--accent)}.preset-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.preset,.preset.user>button:first-child{width:100%;color:var(--muted);transition:color var(--fast);flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.preset:hover,.preset.user>button:first-child:hover{color:var(--text)}.preset.user{position:relative}.preset-swatch{aspect-ratio:1.3;width:100%;transition:transform var(--fast), box-shadow var(--fast);border-radius:9px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.preset:hover .preset-swatch,.preset.user:hover .preset-swatch{box-shadow:inset 0 0 0 1px #fff3, var(--lift-2);transform:translateY(-2px)}.preset-swatch i{background:#f2f2f3;border-radius:3px;width:58%;height:50%;box-shadow:0 4px 10px #00000073}.preset-del{background:var(--surface);border:1px solid var(--edge);width:19px;height:19px;color:var(--muted);border-radius:50%;place-items:center;display:none;position:absolute;top:-5px;right:-5px}.preset.user:hover .preset-del{display:grid}.motion-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.motion-card{color:var(--muted);transition:color var(--fast);flex-direction:column;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.motion-card:hover{color:var(--text)}.motion-card.on{color:var(--accent)}.motion-stage{aspect-ratio:1.5;background:var(--well);border:1px solid var(--edge);perspective:260px;width:100%;transition:border-color var(--fast), background var(--fast);border-radius:10px;place-items:center;display:grid;overflow:hidden}.motion-card.on .motion-stage{border-color:var(--edge);background:var(--raise-2)}.motion-stage i{background:#ffffff47;border-radius:3px;width:54%;height:46%}.motion-card.on .motion-stage i{background:var(--accent)}.m-still i{animation:none}.m-tilt-in i{animation:m-tilt 3s var(--ease) infinite}.m-zoom-in i{animation:m-zoom 3s var(--ease) infinite}.m-rise i{animation:m-rise 3s var(--ease) infinite}.m-push i{animation:3s ease-in-out infinite m-push}.m-float i{animation:3s ease-in-out infinite m-float}.m-swing i{animation:3s ease-in-out infinite m-swing}.m-orbit i{animation:3s linear infinite m-orbit}@keyframes m-tilt{0%{transform:rotateX(38deg)rotateY(-28deg)scale(.82)}60%,to{transform:none}}@keyframes m-zoom{0%{transform:scale(.55)}60%,to{transform:scale(1)}}@keyframes m-rise{0%{transform:translateY(80%)rotateX(30deg)}60%,to{transform:none}}@keyframes m-push{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes m-float{0%,to{transform:translateY(0)rotateY(0)}50%{transform:translateY(-8%)rotateY(7deg)}}@keyframes m-swing{0%,to{transform:rotateY(-22deg)rotateX(8deg)}50%{transform:rotateY(22deg)rotateX(8deg)}}@keyframes m-orbit{0%{transform:rotateX(14deg)rotateY(0)}25%{transform:rotateX(0)rotateY(24deg)}50%{transform:rotateX(-14deg)rotateY(0)}75%{transform:rotateX(0)rotateY(-24deg)}to{transform:rotateX(14deg)rotateY(0)}}.num{color:var(--muted);font-family:var(--mono);flex:1;align-items:center;gap:7px;font-size:11px;display:flex}.num input{font-variant-numeric:tabular-nums}.file-input{opacity:0;width:1px;height:1px;position:absolute;bottom:0;left:0}label.btn{cursor:pointer}.empty{inset:46px 348px 0 var(--bg-left,0px);place-items:center;padding:24px;display:grid;position:absolute}.empty-card{text-align:center;width:min(560px,100%);animation:pop .38s var(--ease);border-radius:30px;padding:44px 44px 34px}.empty h1{letter-spacing:-.045em;margin:0 0 12px;font-size:40px;font-weight:700;line-height:1.05}.empty p{color:var(--muted);margin:0 0 24px;font-size:15.5px;line-height:1.55}.empty small{color:var(--faint);margin-top:22px;display:block}.btn.big{border-radius:15px;height:46px;padding:0 22px;font-size:15px}kbd{font-family:var(--mono);border:1px solid var(--edge);color:var(--text);background:#ffffff12;border-bottom-color:#0009;border-radius:6px;padding:3px 7px;font-size:11.5px;font-weight:500}.drop-hint{z-index:40;border:2px dashed var(--accent);pointer-events:none;background:#ffffff0d;border-radius:20px;place-items:center;display:grid;position:absolute;inset:12px}.drop-hint span{background:var(--accent);color:var(--accent-ink);box-shadow:var(--lift-2);border-radius:12px;padding:11px 20px;font-size:15px;font-weight:600}.toast{z-index:50;background:var(--text);color:var(--room);box-shadow:var(--lift-3);animation:pop .18s var(--ease);border-radius:11px;padding:10px 16px;font-weight:600;position:fixed;top:82px;left:50%;transform:translate(-50%)}.recording{z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;align-content:center;place-items:center;gap:16px;font-weight:500;display:grid;position:absolute;inset:0}.recording-bar{background:#ffffff1f;border-radius:3px;width:280px;height:5px;overflow:hidden}.recording-bar i{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform .1s linear;display:block}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:none}}@keyframes slab-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes slab-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slab-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes tab-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes plate{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@media (width<=1180px){.panel{width:310px}.bg-panel{width:264px}.stage{inset:46px 264px 0 var(--bg-left,0px)}.dock{right:264px}.split-meta{display:none}}@media (width<=900px){.bar{gap:8px;height:48px;padding:0 6px 0 10px}.brand span{display:none}.mode-wrap{margin-right:auto;position:static;transform:none}.bar-group.file-actions,.bar-sep,.bar-right .bar-group,.bar-right>.btn,.bg-panel,.bg-tab{display:none}.stage{place-items:start center;height:min(42dvh,380px);inset:72px 14px auto}.dock{bottom:auto;right:14px;top:calc(72px + var(--plate-h,min(42dvh, 380px)) + 38px)}.panel{top:calc(72px + var(--plate-h,min(42dvh, 380px)) + 96px);grid-template-rows:auto 1fr;grid-template-columns:1fr;width:auto;bottom:14px;left:14px;right:14px}.panel-tabs{border-right:0;border-bottom:1px solid var(--hairline);scrollbar-width:none;flex-direction:row;gap:4px;padding:8px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.panel-tabs::-webkit-scrollbar{display:none}.panel-tabs button{flex:none;grid-auto-flow:column;align-items:center;gap:7px;padding:8px 12px;font-size:12px}.panel-head{background:linear-gradient(180deg, var(--surface) 72%, transparent)}.menu{width:auto;inset:70px 10px auto}.toolbar{max-width:calc(100vw - 28px);overflow-x:auto}.empty-card{padding:26px 20px 22px}.empty h1{font-size:21px}.empty p{margin-bottom:18px;font-size:13.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}