@font-face{font-family:Kode Mono;src:url(/assets/KodeMono-Variable-Bdr_-rJX.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:VT323;src:url(/assets/VT323-Regular-EhPR265H.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Variable-Db4Uuiha.woff2)format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/assets/InstrumentSans-Variable-CclBWeUS.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--paper:#e9edec;--paper-raised:#f4f6f5;--paper-sunk:#dce1e0;--stage:#c3c9c8;--ink:#111;--ink-muted:#474c4c;--ink-faint:#626868;--hairline:#9aa1a0;--flash:#58ff3e;--on-flash:#0b0b0b;--danger:#b42a1c;--font-display:"Kode Mono", ui-monospace, monospace;--font-label:"Kode Mono", ui-monospace, monospace;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-sans:"Instrument Sans", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--control-sm:28px;--control-md:40px;--row:34px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:500 13px/18px var(--font-sans)}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);margin:0}body{grid-template:"top top top"56px"left stage right"1fr"left transport right"/272px 1fr 320px;display:grid;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}button{height:var(--control-sm);padding:0 var(--space-2);cursor:pointer;border:1px solid var(--ink);color:var(--ink);font:600 13px/1 var(--font-sans);white-space:nowrap;background:0 0;border-radius:0;transition:background-color 80ms linear,color 80ms linear}button:hover{background:var(--ink);color:var(--paper)}button.primary{background:var(--flash);border-color:var(--flash);color:var(--on-flash)}button.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--flash)}button.label{font:600 18px/24px var(--font-label);letter-spacing:.02em;text-transform:uppercase;height:var(--control-md)}button.quiet{text-underline-offset:4px;border-color:#0000;text-decoration:underline}button.quiet:hover{background:var(--paper-sunk);color:var(--ink)}button.icon.quiet:has(>.i-plus,>.i-minus,>.i-replace):is(:hover,[aria-expanded=true]):not(:disabled){background:var(--ink);color:var(--paper)}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger);color:var(--paper-raised)}button:disabled,button:disabled:hover{background:var(--paper-sunk);border-color:var(--paper-sunk);color:var(--ink-muted);cursor:default}.topbar{border-bottom:1px solid var(--ink);background:var(--paper);grid-area:top;grid-template-columns:272px minmax(0,1fr) 320px;align-items:center;display:grid}.tb-left,.tb-right{align-items:center;gap:var(--space-3);padding:0 var(--space-4);min-width:0;display:flex}.tb-right{padding-left:0;padding-right:calc(var(--space-4) + var(--scrollbar,0px));justify-content:space-between}.tb-center{align-items:center;gap:var(--space-3);padding:0 var(--space-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-width:0;display:grid}.tb-center .doc-title{align-items:center;gap:var(--space-2);grid-column:2;min-width:0;display:flex}.tb-center .status{grid-column:3;justify-self:end;min-width:0;max-width:100%}.tb-right .zoom-button{min-width:0}.brand{font:700 26px/1 var(--font-display);letter-spacing:0;white-space:nowrap;isolation:isolate}.brand-mo{text-shadow:-2px 2px 0 var(--flash)}.doc-name{font:600 13px/18px var(--font-sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}button.doc-name{min-width:0;max-width:100%;height:24px;padding:0 var(--space-1);color:var(--ink);text-decoration:none;display:block}input.doc-name{min-width:0;max-width:360px;height:24px;padding:0 var(--space-1);border:1px solid var(--ink);background:var(--paper-raised);color:var(--ink);border-radius:0}.status{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:260px;font-size:12px;overflow:hidden}.status:empty{display:none}.zoom-button{font:500 12px/1 var(--font-mono);min-width:52px}.export-button{height:var(--control-md);padding:0 var(--space-4)}.menu-button{width:auto;padding:0 var(--space-1)}.burger{background:currentColor;width:20px;height:18px;display:block;position:relative;top:-.5px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h20v4H0zM0 7h20v4H0zM0 14h20v4H0z'/%3E%3C/svg%3E") 50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h20v4H0zM0 7h20v4H0zM0 14h20v4H0z'/%3E%3C/svg%3E") 50% no-repeat}.status.error{color:var(--danger)}.save{color:var(--ink-faint);white-space:nowrap;font-size:12px}.transport{border-top:1px solid var(--ink);background:var(--paper);flex-direction:column;grid-area:transport;min-width:0;display:flex}.transport-row{align-items:center;gap:var(--space-4);min-width:0;height:47px;padding:0 var(--space-4);display:flex}.transport-buttons{align-items:center;gap:var(--space-1);display:flex}.transport .tbtn{width:var(--control-sm);height:var(--control-sm);color:var(--ink);background:0 0;border:0;place-items:center;padding:0;display:grid}.transport .tbtn:hover{background:var(--flash);color:var(--on-flash)}.transport .glyph{width:12px;height:12px;-webkit-mask:var(--g) no-repeat center;-webkit-mask:var(--g) no-repeat center;mask:var(--g) no-repeat center;background:currentColor;display:block}.transport .glyph.prev{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M2 3H6V21H2ZM22 3V21L9 13.5V10.5Z'/%3E%3C/svg%3E")}.transport .glyph.next{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M22 3H18V21H22ZM2 3V21L15 13.5V10.5Z'/%3E%3C/svg%3E")}.transport .glyph.play{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M5 2V22L20 13.5V10.5Z'/%3E%3C/svg%3E")}.transport .glyph.pause{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 3H9.5V21H4.5ZM14.5 3H19.5V21H14.5Z'/%3E%3C/svg%3E")}.transport .glyph.loop{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M4 15V8L8 4H16' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M13 0.5L16.5 4L13 7.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3Cpath d='M20 9V16L16 20H8' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M11 16.5L7.5 20L11 23.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}.transport .glyph.sound{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1 9H6L12 3V21L6 15H1ZM15 9H17.5V15H15ZM20 6H22.5V18H20Z'/%3E%3C/svg%3E")}.transport .glyph.muted{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1 9H6L12 3V21L6 15H1Z'/%3E%3Cpath d='M15 9L21 15M21 9L15 15' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E")}.sound-control{position:relative}.volume-pop{z-index:20;padding-bottom:var(--space-1);display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.sound-control:hover .volume-pop{display:block}.sound-control:has(:focus-visible) .volume-pop{display:block}.volume-box{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--paper-raised);border:1px solid var(--ink);display:flex}.volume-box input[type=range]{flex:none;width:96px}.volume-box span{text-align:right;width:4ch;font-size:12px}.transport .tbtn[aria-pressed=false]{color:var(--hairline)}.transport .tbtn[aria-pressed=false]:hover{background:var(--paper-sunk);color:var(--ink-muted)}.transport .sound-control .tbtn[aria-pressed=false]{color:var(--ink)}.transport .sound-control .tbtn[aria-pressed=false]:hover{background:var(--flash);color:var(--on-flash)}#scrub,.transport-gap{flex:1;min-width:80px}.transport .glyph.track{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M0.5 9H3.5V15H0.5ZM5.5 5H8.5V19H5.5ZM10.5 1H13.5V23H10.5ZM15.5 6H18.5V18H15.5ZM20.5 10H23.5V14H20.5Z'/%3E%3C/svg%3E")}.transport .tbtn.track-toggle[aria-expanded=true]{background:var(--ink);color:var(--paper)}.transport .tbtn.track-toggle[aria-expanded=true]:hover{background:var(--flash);color:var(--on-flash)}.audio-drawer{gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--hairline);display:grid}.at-head{align-items:center;gap:var(--space-3);min-width:0;height:var(--control-sm);display:flex}.at-file{align-items:center;gap:var(--space-2);min-width:0;font-size:12px;display:flex;overflow:hidden}.at-head.missing .at-file{color:var(--danger)}.at-gap{flex:1}.at-field{align-items:center;gap:var(--space-2);flex:none;font-size:12px;display:flex}.at-field .num{width:84px}.at-zoom{flex:none;align-items:center;gap:2px;display:flex}.at-zoom input[type=range]{width:96px;margin:0 var(--space-1)}.at-fit{padding:0 var(--space-2)}.at-overview,.at-track,.at-lanes{touch-action:none;position:relative}.at-overview{background:var(--paper-sunk);cursor:pointer;height:20px}.at-overview canvas,.at-track canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.at-track canvas{height:calc(100% - 14px);top:14px}.at-box{z-index:2;border:1px solid var(--ink);background:color-mix(in srgb, var(--flash) 40%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.at-ov-head{z-index:3;background:var(--ink);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.at-length{z-index:3;background:var(--paper-sunk);color:var(--ink-muted);pointer-events:none;padding:0 3px;font-size:10px;line-height:14px;position:absolute;top:3px;right:2px}.at-lanes{overflow:hidden}.at-ruler{cursor:text;border-bottom:1px solid var(--hairline);width:100%;height:20px;display:block}.at-poster{cursor:text;border-bottom:1px solid var(--hairline);height:62px;position:relative}.at-poster canvas{width:100%;height:100%;display:block}.at-clip.poster{z-index:1}.at-track{cursor:grab;height:72px}.at-track:active{cursor:grabbing}.at-span{z-index:0;background:var(--paper-raised);pointer-events:none;position:absolute;top:0;bottom:0}.at-clip{z-index:2;box-sizing:border-box;border:1px solid var(--ink);pointer-events:none;min-width:2px;position:absolute;top:0;bottom:0}.at-clip-title{height:14px;padding:0 var(--space-1);background:var(--ink);color:var(--paper);white-space:pre;text-overflow:ellipsis;font-size:10px;line-height:14px;display:block;overflow:hidden}.at-silence{z-index:2;background:repeating-linear-gradient(135deg, transparent 0 4px, color-mix(in srgb, var(--ink) 20%, transparent) 4px 5px);position:absolute;bottom:0}.at-cut{z-index:3;background:color-mix(in srgb, var(--ink) 30%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.at-cut.adds{background:color-mix(in srgb, var(--flash) 35%, transparent)}.at-edge{z-index:4;cursor:ew-resize;width:11px;margin-left:-6px;position:absolute;top:0;bottom:0}.at-edge:before{content:"";background:var(--flash);width:3px;box-shadow:0 0 0 1px var(--ink);opacity:0;position:absolute;top:0;bottom:0;left:4px}.at-edge:hover:before,.at-edge:active:before,.at-edge[data-active]:before{opacity:1}.at-postend{z-index:3;border-left:1px dashed var(--ink);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.at-playhead{z-index:5;box-sizing:border-box;background:var(--flash);border-left:1px solid var(--ink);border-right:1px solid var(--ink);pointer-events:none;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.at-playhead-head{fill:var(--flash);stroke:var(--ink);stroke-width:1px;display:block;position:absolute;top:0;left:-5px}.at-scroll{background:var(--paper-sunk);cursor:pointer;height:8px;margin-top:2px;position:relative}.at-thumb{background:var(--ink-faint);cursor:grab;position:absolute;top:1px;bottom:1px}.at-thumb:hover,.at-thumb:active{background:var(--ink)}#time{white-space:nowrap;font-size:12px}.save.error{color:var(--danger)}.panel{background:var(--paper);overflow-y:auto}.panel.left{border-right:1px solid var(--hairline);grid-area:left}.panel.right{border-left:1px solid var(--hairline);scrollbar-gutter:stable;grid-area:right}.panel section{padding:var(--space-4);border-bottom:1px solid var(--hairline)}.panel section:empty{display:none}.section-head{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--hairline)}.section-row{align-items:center;gap:var(--space-2);display:flex}.section-toggle{all:unset;align-items:center;gap:var(--space-2);cursor:pointer;flex:1;min-width:0;display:flex}.section-toggle:hover .section-title{text-underline-offset:3px;text-decoration:underline}.disclosure{--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M4 8L12 16L20 8' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E");width:12px;height:12px;-webkit-mask:var(--chevron) no-repeat center;-webkit-mask:var(--chevron) no-repeat center;mask:var(--chevron) no-repeat center;background:currentColor;flex:none}[aria-expanded=false]>.disclosure{transform:rotate(-90deg)}.section-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.panel section.collapsed .section-head{border-bottom:0;margin-bottom:0;padding-bottom:0}.section-title{font:600 16px/20px var(--font-label);letter-spacing:.02em;text-transform:uppercase}.section-action{align-items:center;margin:-4px 0 -4px auto;display:flex}.menu .fx-icon{margin-right:var(--space-2);vertical-align:-1px}.fx-icon{width:12px;height:12px;-webkit-mask:var(--fx) no-repeat center;-webkit-mask:var(--fx) no-repeat center;mask:var(--fx) no-repeat center;background:currentColor;flex:none;display:inline-block}.fx-icon.f-grain{--fx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M2 2h3v3h-3zM13 3h3v3h-3zM8 9.5h3v3h-3zM18.5 9h3v3h-3zM3 15h3v3h-3zM13.5 15.5h3v3h-3zM19.5 19.5h3v3h-3z'/%3E%3C/svg%3E")}.fx-icon.f-aberration{--fx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 5.5H11.5L14.5 10V15.5L11.5 18.5H4.5L1.5 14V8.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M12.5 5.5H19.5L22.5 10V15.5L19.5 18.5H12.5L9.5 14V8.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.fx-icon.f-vignette{--fx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M9.5 7H14.5L17 10.5V14.5L14.5 17H9.5L7 13.5V9.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.fx-icon.f-blur{--fx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5H6.5L1.5 6.5V17.5L6.5 22.5H12' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M15 0h3v3h-3zM20.5 5h3v3h-3zM20.5 10.5h3v3h-3zM20.5 16h3v3h-3zM15 21h3v3h-3z'/%3E%3C/svg%3E")}.fx-icon.f-dropShadow{--fx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H16.5V16.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M20 6h4v18h-18v-4h14z'/%3E%3C/svg%3E")}.fx-icon.f-backdrop{--fx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M6 6h3v3h-3zM10.5 6h3v3h-3zM15 6h3v3h-3zM6 10.5h3v3h-3zM10.5 10.5h3v3h-3zM15 10.5h3v3h-3zM6 15h3v3h-3zM10.5 15h3v3h-3zM15 15h3v3h-3z'/%3E%3C/svg%3E")}.fx-icon.f-glass{--fx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M8 1.5H16L22.5 8V16L16 22.5H8L1.5 16V8Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M6.5 13.5L13.5 6.5' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E")}.fx-icon.f-innerShadow{--fx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M3 3H21V7H7V21H3Z'/%3E%3C/svg%3E")}.fx-icon.f-grade{--fx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 1.5H17.5L22.5 8.5V17.5L17.5 22.5H6.5L1.5 15.5V6.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M12 1.5H17.5L22.5 8.5V17.5L17.5 22.5H12Z'/%3E%3C/svg%3E")}.fx-stack{margin:0;padding:0;list-style:none}.fx-item{padding-bottom:var(--space-1);background:var(--paper)}.fx-item+.fx-item{border-top:1px solid var(--hairline)}.fx-head{align-items:center;gap:var(--space-2);height:var(--row);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:flex}.fx-name{font:600 13px/18px var(--font-sans);flex:1}.fx-head button.icon.fx-grip{width:16px;cursor:inherit;background:0 0;border-color:#0000;margin-left:-4px}.fx-grip:before{content:"";background:currentColor;width:12px;height:12px;margin:auto;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 3.5h3v3h-3zM13.5 3.5h3v3h-3zM7.5 10.5h3v3h-3zM13.5 10.5h3v3h-3zM7.5 17.5h3v3h-3zM13.5 17.5h3v3h-3z'/%3E%3C/svg%3E") 50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 3.5h3v3h-3zM13.5 3.5h3v3h-3zM7.5 10.5h3v3h-3zM13.5 10.5h3v3h-3zM7.5 17.5h3v3h-3zM13.5 17.5h3v3h-3z'/%3E%3C/svg%3E") 50% no-repeat}.fx-stack.sorting,.fx-stack.sorting *{cursor:grabbing}.fx-head.fixed{cursor:default;margin-left:-4px;padding-left:16px}.fx-stack:has(>.fx-item)~.fx-stack>.fx-item:first-child{border-top:1px solid var(--hairline)}.fx-item.dragging{background:var(--paper-sunk);outline:1px dashed var(--hairline);outline-offset:-1px}.sub{margin:var(--space-4) 0 var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--hairline);font:600 14px/18px var(--font-label);letter-spacing:.02em;text-transform:uppercase}.section-head+.sub{border-top:0;margin-top:0;padding-top:0}.sub.sub-row{align-items:center;gap:var(--space-2);display:flex}.sub-row>h4{font:inherit;flex:1;margin:0}.sub-action{align-items:center;margin:-5px 0 -5px auto;display:flex}.field{align-items:center;gap:var(--space-3);min-height:var(--row);grid-template-columns:104px minmax(0,1fr) 64px;margin:0;display:grid}.field.wide{grid-template-columns:104px minmax(0,1fr)}.field>span:first-child{color:var(--ink-muted);font:500 13px/18px var(--font-sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.field output{font:500 12px/16px var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);white-space:nowrap}.field .static{font:500 13px/18px var(--font-sans);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.field input[type=number],.field input[type=text],.field select,.field textarea,.panel>section select{width:100%;height:var(--control-sm);border:1px solid var(--ink);background-color:var(--paper-raised);color:var(--ink);padding:0 var(--space-2);font:500 13px/18px var(--font-sans);border-radius:0}.field input[type=number]{font-family:var(--font-mono);font-size:12px}.field textarea{height:auto;min-height:72px;padding:6px var(--space-2);resize:vertical;grid-column:2/3}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 14 8'%3E%3Cpath fill='%23111' d='M0 0H14L8 7H6Z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:26px!important}select:disabled{cursor:default}.field input[type=color]:disabled{cursor:default;opacity:.35}.field input[type=color]{width:100%;height:var(--control-sm);border:1px solid var(--ink);background:var(--paper-raised);cursor:pointer;border-radius:0;padding:2px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:0}input[type=color]::-moz-color-swatch{border:0;border-radius:0}input[type=checkbox]{appearance:none;cursor:pointer;border:1px solid var(--ink);background:var(--paper-raised);width:16px;height:16px;margin:0}input[type=checkbox]:checked{background:var(--on-flash);box-shadow:inset 0 0 0 3px var(--flash)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, transparent var(--from,0%), var(--ink) 0 var(--fill,0%), transparent 0), var(--hairline);height:2px}input[type=range]::-moz-range-track{background:var(--hairline);height:2px}input[type=range]::-moz-range-progress{background:var(--ink);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:0;border-radius:0;width:10px;height:16px;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:0;width:10px;height:16px}input[type=range]:active::-webkit-slider-thumb{background:var(--flash);box-shadow:0 0 0 1px var(--ink)}input[type=range]:active::-moz-range-thumb{background:var(--flash);box-shadow:0 0 0 1px var(--ink)}button.icon{width:var(--control-sm);font:500 15px/1 var(--font-sans);padding:0;text-decoration:none}.i{width:12px;height:12px;-webkit-mask:var(--i) no-repeat center;-webkit-mask:var(--i) no-repeat center;mask:var(--i) no-repeat center;background:currentColor;margin:auto;display:block}.i-plus{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 3V21M3 12H21' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.i-minus{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M3 12H21' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.i-close{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M5 5L19 19M19 5L5 19' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.i-audio{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M0.5 9H3.5V15H0.5ZM5.5 5H8.5V19H5.5ZM10.5 1H13.5V23H10.5ZM15.5 6H18.5V18H15.5ZM20.5 10H23.5V14H20.5Z'/%3E%3C/svg%3E")}.i-replace{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M3 8H20M21 16H4' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M15.5 3.5L20 8L15.5 12.5M8.5 11.5L4 16L8.5 20.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}.i-up{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 22V5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M4 12L12 4L20 12' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}.i-down{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 2V19' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M4 12L12 20L20 12' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}.i-web{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 1.5H18.5L22.5 7.5V16.5L16.5 22.5H5.5L1.5 16.5V7.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M12 2.5L7 7V17L12 21.5L17 17V7Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3Cpath d='M3 12H21' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E")}.i-linkedin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Crect x='6' y='5.5' width='3' height='3'/%3E%3Cpath d='M7.5 10.5V18.5M12.5 18.5V10.5H15.5L17.5 12.5V18.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.row{gap:var(--space-2);margin:var(--space-2) 0 0;flex-wrap:wrap;display:flex}.row>button{flex:1}.hint{color:var(--ink-faint);margin:var(--space-1) 0 var(--space-2);font:400 12px/17px var(--font-sans)}.palette{margin:0 0 var(--space-3)}.menu-trigger.history:before{content:"";width:12px;height:12px;-webkit-mask:var(--clock) no-repeat center;-webkit-mask:var(--clock) no-repeat center;mask:var(--clock) no-repeat center;--clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 1.5H17.5L22.5 8.5V17.5L17.5 22.5H6.5L1.5 15.5V6.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M12 6V12.5H17' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E");background:currentColor}.menu-trigger.history{justify-content:center;align-items:center;display:inline-flex}button.reset:after{content:"";width:12px;height:12px;-webkit-mask:var(--reset) no-repeat center;-webkit-mask:var(--reset) no-repeat center;mask:var(--reset) no-repeat center;--reset:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M4 10V13L9 20H15L20 15V11L15 4H9' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M11.5 0.5L8 4L11.5 7.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E");background:currentColor;margin:auto;display:block}button.icon:disabled,button.icon:disabled:hover{border-color:var(--hairline);color:var(--hairline);background:0 0}button.icon.quiet:has(>.i-plus,>.i-minus):disabled{border-color:#0000}.tool-row{align-items:center;column-gap:var(--space-1);min-height:var(--row);grid-template-columns:104px minmax(0,1fr) 28px 28px 28px;display:grid}.tool-row.wide-label{grid-template-columns:minmax(0,1fr) 28px 28px 28px}.tool-label{color:var(--ink-muted);font:500 13px/18px var(--font-sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tool-main{min-width:0;margin-left:calc(var(--space-3) - var(--space-1));justify-content:flex-end;display:flex}.tool-main .num{flex:1;min-width:0}.tool-main.span{grid-column:span 2}.colours-row .tool-label{overflow:visible}.combo{flex:1;min-width:0;display:flex;position:relative}.combo .num{flex:1;min-width:0}.combo .num input{padding-right:24px}.combo>.menu-root{position:absolute;top:1px;bottom:1px;right:1px}.combo>.menu-root>.menu-trigger{width:22px;height:100%;color:var(--ink);background:0 0;border:0;padding:0}.combo>.menu-root>.menu-trigger:hover,.combo>.menu-root>.menu-trigger[aria-expanded=true]{background:var(--paper-sunk);color:var(--ink)}.combo .menu{max-height:calc(8 * var(--control-sm) + 2 * var(--space-1));overflow-y:auto}.tool-pair{gap:var(--space-1);display:flex}.fit-row .segmented{margin-left:calc(var(--space-3) - var(--space-1));grid-column:2/5}.fit-row.with-reset .segmented{grid-column:2/4}.fit-row .segmented>button{font-weight:500}button.crop:after{content:"";width:12px;height:12px;-webkit-mask:var(--crop) no-repeat center;-webkit-mask:var(--crop) no-repeat center;mask:var(--crop) no-repeat center;--crop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 0V18H24M0 6H18V24' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E");background:currentColor;margin:auto;display:block}button.crop[aria-pressed=true]{background:var(--flash);border-color:var(--ink);color:var(--on-flash)}:is(button.turn-90,button.flip-x,button.flip-y):after{content:"";width:12px;height:12px;-webkit-mask:var(--g) no-repeat center;-webkit-mask:var(--g) no-repeat center;mask:var(--g) no-repeat center;background:currentColor;margin:auto;display:block}button.turn-90{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 22.5V10L9 5.5H18.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M15.5 2L19 5.5L15.5 9' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}button.flip-x{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 1.5h3v3h-3zM10.5 7.5h3v3h-3zM10.5 13.5h3v3h-3zM10.5 19.5h3v3h-3z'/%3E%3Cpath d='M7.5 3V21H1.5V9Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter' stroke-miterlimit='1.5'/%3E%3Cpath d='M16.5 3V21H22.5V9Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter' stroke-miterlimit='1.5'/%3E%3C/svg%3E")}button.flip-y{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3Cpath d='M10.5 1.5h3v3h-3zM10.5 7.5h3v3h-3zM10.5 13.5h3v3h-3zM10.5 19.5h3v3h-3z'/%3E%3Cpath d='M7.5 3V21H1.5V9Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter' stroke-miterlimit='1.5'/%3E%3Cpath d='M16.5 3V21H22.5V9Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter' stroke-miterlimit='1.5'/%3E%3C/g%3E%3C/svg%3E")}:is(button.flip-x,button.flip-y)[aria-pressed=true]{background:var(--ink);color:var(--paper)}button.crop[aria-pressed=true]:hover{background:var(--ink);color:var(--flash)}.tool-recent .menu-root,.tool-recent .menu-trigger.icon{width:100%;min-width:0;padding:0}button.picture{position:relative}button.picture:after{content:"";width:12px;height:12px;-webkit-mask:var(--pic) no-repeat center;-webkit-mask:var(--pic) no-repeat center;mask:var(--pic) no-repeat center;--pic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M9 3H1.5V22.5H21V15' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M11 21L15.5 16.5L19.5 20.5V21Z'/%3E%3Cpath d='M6 18L13 11' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='miter'/%3E%3Cpath d='M12.5 11.5L16 8' fill='none' stroke='black' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Cpath d='M13 6L18 11' fill='none' stroke='black' stroke-width='2' stroke-linejoin='miter'/%3E%3Cpath d='M17 7L21.5 2.5' fill='none' stroke='black' stroke-width='4.5' stroke-linejoin='miter'/%3E%3C/svg%3E");background:currentColor;margin:auto;display:block}button.picture.has-image:before{content:"";background:var(--flash);border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);width:7px;height:7px;position:absolute;top:-1px;right:-1px}button.icon.on{background:var(--ink);color:var(--paper)}.ip-window{z-index:15;background:var(--paper);border:1px solid var(--ink);flex-direction:column;display:flex;position:fixed}.ip-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-bottom:1px solid var(--ink);cursor:move;-webkit-user-select:none;user-select:none;display:flex}.ip-title{text-overflow:ellipsis;min-width:0;font:600 14px/18px var(--font-label);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden}.ip-tools{flex:none;align-items:center;gap:2px;display:flex}.ip-zoom{min-width:48px;font:500 12px/1 var(--font-mono);padding:0 4px;text-decoration:none}.ip-view{background:var(--paper-sunk);cursor:grab;touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.ip-view.placing{cursor:crosshair}.ip-image{pointer-events:none;image-rendering:auto;background:50%/100% 100% no-repeat;position:absolute}.pick-marker{border:2px solid var(--paper-raised);outline:1px solid var(--ink);cursor:grab;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute}.pick-marker b{background:var(--ink);color:var(--paper);font:600 10px/13px var(--font-mono);margin-left:1px;padding:0 3px;position:absolute;top:-8px;left:100%}.pick-marker.lit{outline:3px solid var(--flash);z-index:1}.pick-marker.stale{outline-style:dashed}.ip-note{justify-content:space-between;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);color:var(--ink-muted);font:400 12px/16px var(--font-sans);flex:0 0 100%;display:flex}.pick-marker.lit b{background:var(--flash);color:var(--on-flash)}.ip-legend{gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--hairline);flex-wrap:wrap;flex:none;display:flex}.ip-key{padding:0 var(--space-2) 0 0;border-color:var(--hairline);font:500 12px/1 var(--font-sans);flex:none;align-items:center;gap:6px;display:inline-flex}.ip-key b,.swatch-no{background:var(--ink);color:var(--paper);font:600 10px/13px var(--font-mono);padding:0 3px}.ip-key b{align-self:stretch;place-items:center;padding:0 5px;display:grid}.ip-key i{border:1px solid var(--ink);width:14px;height:14px}.ip-key.lit,.ip-key[aria-pressed=true]{border-color:var(--ink);outline:2px solid var(--flash);outline-offset:-1px}.ip-key[aria-pressed=true]{background:var(--flash);color:var(--on-flash)}.ip-key:hover{color:var(--ink);background:var(--paper-sunk)}.ip-key[aria-pressed=true]:hover{background:var(--flash)}.ip-resize{background:var(--paper-raised);border:1px solid var(--ink);cursor:nwse-resize;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.colors .swatch,.colors label{min-width:0;position:relative}.swatch-no{pointer-events:none;position:absolute;top:0;left:0}.colors .lit input{outline:3px solid var(--flash);outline-offset:0}.colors .lit .swatch-no{background:var(--flash);color:var(--on-flash)}.swatch-lock{border:1px solid var(--ink);background:var(--paper);width:16px;min-width:0;height:16px;color:var(--ink);visibility:hidden;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.swatch:hover .swatch-lock,.swatch-lock:focus-visible,.swatch-lock[aria-pressed=true]{visibility:visible}.swatch-lock[aria-pressed=true],.swatch-lock:hover{background:var(--ink);color:var(--paper)}.swatch-lock[aria-pressed=true]:hover{background:var(--paper);color:var(--ink)}.swatch-lock:after{content:"";width:12px;height:12px;-webkit-mask:var(--icon) no-repeat center;-webkit-mask:var(--icon) no-repeat center;mask:var(--icon) no-repeat center;background:currentColor}.tool-recent .menu{max-height:calc(8 * var(--control-sm) + 2 * var(--space-1));overflow-y:auto}.menu-swatches{margin-right:var(--space-2);display:inline-flex}.menu-swatches i{border:1px solid var(--ink);width:14px;height:14px;margin-left:-1px}.colors{gap:var(--space-1);margin-top:var(--space-1);display:grid}.colors label{display:block}.colors input{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:0;width:100%;height:28px;padding:0}.layers{margin:0;padding:0;list-style:none;display:grid}.layers li{grid-template-columns:36px minmax(0, 1fr) var(--row) var(--row);height:var(--row);padding-left:var(--space-2);border-bottom:1px solid var(--hairline);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:grid;position:relative}.layers li.root{grid-template-columns:minmax(0,1fr)}.layers li:hover{background:var(--paper-sunk)}.layers li.active{background:var(--flash);color:var(--on-flash)}.layers li:focus-visible{outline-offset:-2px}.layers .tag{font:500 12px/16px var(--font-label);letter-spacing:.02em}.layers .name{white-space:nowrap;text-overflow:ellipsis;padding-right:var(--space-2);font:500 13px/18px var(--font-sans);overflow:hidden}.layers li.hidden-layer .name{color:var(--ink-muted);text-decoration:line-through}.layers .rename{min-width:0;height:24px;margin-right:var(--space-2);padding:0 var(--space-1);border:1px solid var(--ink);background:var(--paper-raised);font:500 13px/18px var(--font-sans);border-radius:0}.layers .row-toggle{width:var(--row);height:var(--row);color:inherit;visibility:hidden;background:0 0;border:0;padding:0;position:relative}.layers li:hover .row-toggle,.layers li:focus-within .row-toggle,.layers .row-toggle[aria-pressed=true],.layers .row-toggle:focus-visible{visibility:visible}.layers .row-toggle:hover{color:inherit;background:0 0}.layers .row-toggle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.layers .eye:after,.layers .lock:after{width:12px;height:12px;-webkit-mask:var(--icon) no-repeat center;-webkit-mask:var(--icon) no-repeat center;mask:var(--icon) no-repeat center;background:currentColor}.layers .eye{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 12L7 6.5H17L22.5 12L17 17.5H7Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Crect x='9.5' y='9.5' width='5' height='5'/%3E%3C/svg%3E")}.layers .eye[aria-pressed=true]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 8L7 13.5H17L22.5 8' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M12 13.5V18M7.5 13.5L5.5 17.5M16.5 13.5L18.5 17.5' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E")}.layers .lock,.swatch-lock,.ratio-lock{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.5H21V22.5H3Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Crect x='10.5' y='14.5' width='3' height='5'/%3E%3Cpath d='M7.5 11.5V3H16.5V7' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.layers .lock[aria-pressed=true],.swatch-lock[aria-pressed=true],.ratio-lock[aria-pressed=true]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.5H21V22.5H3Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Crect x='10.5' y='14.5' width='3' height='5'/%3E%3Cpath d='M7.5 11.5V3H16.5V11.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.layers li.drop-above:before,.layers li.drop-below:before{content:"";background:var(--ink);pointer-events:none;height:2px;position:absolute;left:0;right:0}.layers li.drop-above:before{top:-1px}.layers li.drop-below:before{bottom:-1px}.stage{background:var(--stage);touch-action:none;-webkit-user-select:none;user-select:none;grid-area:stage;position:relative;overflow:hidden}.stage.space-pan,.stage.space-pan .frame{cursor:grab!important}.stage.panning,.stage.panning .frame{cursor:grabbing!important}.stage.drop-target,.stage:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.toast-slot{left:0;right:0;bottom:var(--space-4);pointer-events:none;justify-content:center;display:flex;position:absolute}.toast{pointer-events:auto;align-items:center;gap:var(--space-3);padding:0 var(--space-2) 0 var(--space-3);min-height:var(--control-md);background:var(--paper);border:1px solid var(--ink);font:500 13px/18px var(--font-sans);display:flex}.frame{touch-action:none;position:absolute}.frame canvas{pointer-events:none;background:repeating-conic-gradient(#d4d4d4 0 25%, #f4f4f4 0 50%) 0 0 / 16px 16px;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.selection{pointer-events:none;border:1px solid var(--flash);outline:1px solid var(--ink);transform-origin:50%;position:absolute}.hover{pointer-events:none;border:1px solid var(--ink);outline:1px solid var(--paper-raised);transform-origin:50%;position:absolute}#hover{border-color:var(--flash);outline:none}#hover.drop-replace{outline:1px solid var(--ink);border-width:3px}.progress{z-index:10;background:#11111173;place-items:center;display:grid;position:fixed;inset:0}.progress[hidden]{display:none}.progress-card{background:var(--paper);border:1px solid var(--ink);padding:var(--space-6);gap:var(--space-3);width:360px;display:grid}.progress-title{font:700 37px/1 var(--font-display);letter-spacing:0}#progressLabel{font:500 12px/16px var(--font-mono)}.progress-card p{font:400 13px/18px var(--font-sans);margin:0}.bar{background:var(--paper-sunk);border:1px solid var(--ink);height:8px;overflow:hidden}.bar>div{background:var(--flash);width:0;height:100%}@media (prefers-reduced-motion:reduce){button{transition:none}}.menu-root{display:inline-flex;position:relative}.menu-root>.menu-trigger{justify-content:center;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.menu-root>.menu-trigger.icon{width:auto;min-width:var(--control-sm);padding:0 6px}.caret{background:currentColor;flex:none;width:7px;height:4px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 14 8'%3E%3Cpath d='M0 0H14L8 7H6Z'/%3E%3C/svg%3E") 50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 14 8'%3E%3Cpath d='M0 0H14L8 7H6Z'/%3E%3C/svg%3E") 50% no-repeat}.menu{top:calc(100% + var(--space-1));z-index:20;min-width:220px;padding:var(--space-1) 0;background:var(--paper-raised);border:1px solid var(--ink);margin:0;list-style:none;position:absolute}.menu.left{left:0}.menu.right{right:0}.menu.up{top:auto;bottom:calc(100% + var(--space-1))}.menu li.divider{border-top:1px solid var(--hairline);margin-top:var(--space-1);padding-top:var(--space-1)}.menu button{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;height:var(--control-sm);padding:0 var(--space-3);font:500 13px/1 var(--font-sans);text-align:left;background:0 0;border:0;display:flex}.menu button:hover:not(:disabled),.menu button:focus-visible{background:var(--ink);color:var(--paper);outline:none}.menu kbd{font:500 12px/1 var(--font-sans);color:inherit;opacity:.7}.layers li.root .name{font-weight:600}.layers li.root{border-bottom:1px solid var(--ink)}.segmented{display:flex}.segmented>button{flex:1}.segmented>button+button{border-left:0}.segmented>button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.segmented>button:hover:not([aria-pressed=true]):not(:disabled){background:var(--paper-sunk);color:var(--ink)}.segmented>button:focus-visible{z-index:1;position:relative}.segmented.tabs{margin-bottom:var(--space-3)}.segmented.align-row{margin-bottom:var(--space-2)}.fill-kind>button{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.fill-icon{width:12px;height:12px;-webkit-mask:var(--fill) no-repeat center;-webkit-mask:var(--fill) no-repeat center;mask:var(--fill) no-repeat center;background:currentColor;flex:none;display:inline-block}.fill-icon.k-solid{--fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M7 7H17V17H7Z'/%3E%3C/svg%3E")}.fill-icon.k-shader{--fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M1.5 13.5L13.5 1.5M1.5 22.5L22.5 1.5M10.5 22.5L22.5 10.5' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E")}.fill-icon.k-media{--fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M5 19L11 13L17 19Z'/%3E%3Cpath d='M15 5H18V8H15Z'/%3E%3C/svg%3E")}.shape-menu{margin-bottom:var(--space-1)}.shape-menu>.menu-root{display:flex}.shape-menu>.menu-root>.menu-trigger{justify-content:flex-start;gap:var(--space-2);width:100%;padding:0 10px}.shape-menu>.menu-root>.menu-trigger>.caret{margin-left:auto}.shape-menu .menu{min-width:100%}.menu .shape-icon{margin-right:var(--space-2);vertical-align:-1px}.shape-icon{width:12px;height:12px;-webkit-mask:var(--shape) no-repeat center;-webkit-mask:var(--shape) no-repeat center;mask:var(--shape) no-repeat center;background:currentColor;flex:none;display:inline-block}.shape-icon.s-rect{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.shape-icon.s-arrow{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M2 12H19' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M12 4L20 12L12 20' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}.shape-icon.s-ellipse{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 1.5H17.5L22.5 8.5V17.5L17.5 22.5H6.5L1.5 15.5V6.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.shape-icon.s-polygon{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5L21 18H3Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}.shape-icon.s-image{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M5 19L11 13L17 19Z' fill='black'/%3E%3Cpath d='M15 5H18V8H15Z' fill='black'/%3E%3C/svg%3E")}.shape-icon.s-star{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L16 8L22 12L16 16L12 22L8 16L2 12L8 8Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}.format-row{grid-template-columns:minmax(0, 1fr) calc(var(--control-sm) * 2);column-gap:var(--space-2);margin-bottom:var(--space-1);align-items:center;display:grid}.panel .format-row .field select{padding-left:24px}.segmented.orientation{grid-column:2}.segmented.orientation>button{flex:1;min-width:0}.orientation .portrait:after,.orientation .landscape:after{content:"";width:12px;height:12px;-webkit-mask:var(--icon) no-repeat center;-webkit-mask:var(--icon) no-repeat center;mask:var(--icon) no-repeat center;background:currentColor;margin:auto;display:block}.orientation .portrait{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 1.5H18.5V22.5H5.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.orientation .landscape{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 5.5H22.5V18.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}dialog.dlg{border:1px solid var(--ink);background:var(--paper);color:var(--ink);width:min(440px,100vw - 32px);max-height:calc(100vh - 64px);padding:0}dialog.dlg.wide{width:min(960px,100vw - 32px)}dialog.dlg[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}dialog.dlg::backdrop{background:#11111173}.dlg-head{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.dlg-title{font:700 28px/1 var(--font-display);letter-spacing:0;text-transform:uppercase}.dlg-title .brand{font:inherit}.dlg-body{padding:var(--space-4) var(--space-6);overflow-y:auto}.dlg-foot{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--hairline);display:flex}.dlg-foot button{height:var(--control-md);padding:0 var(--space-4)}.dlg-foot button.label{padding:0 var(--space-6)}.hint.error{color:var(--danger)}.audio-track{align-items:center;column-gap:var(--space-3);min-height:var(--row);grid-template-columns:104px minmax(0,1fr) 64px;display:grid}.audio-track>.audio-file{grid-column:1/3}.audio-actions{justify-content:space-between;display:flex}.audio-file{min-width:0;height:var(--control-sm);align-items:center;gap:var(--space-2);padding:0 var(--space-2);border:1px solid var(--hairline);font:500 13px/18px var(--font-sans);text-align:left;display:flex}.audio-file:hover{color:var(--ink);border-color:var(--ink);background:0 0}.audio-file .i{flex:none;margin:0}.audio-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.audio-length{flex:none;font-size:12px}.audio-file.missing,.audio-file.missing:hover{border-color:var(--danger);color:var(--danger)}.embed-code{box-sizing:border-box;width:100%;padding:6px var(--space-2);border:1px solid var(--hairline);background:var(--paper);font:400 12px/17px var(--font-mono);resize:none;overflow-wrap:anywhere;display:block}.embed-code:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.embed-actions>button{flex:none}.export-progress{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--hairline);font-size:12px;display:grid}.step{align-items:baseline;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);font:600 16px/20px var(--font-label);letter-spacing:.02em;text-transform:uppercase;display:flex}.step:first-child{margin-top:0}.cards{gap:var(--space-4);margin:var(--space-2) 0 var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.card{all:unset;box-sizing:border-box;align-content:start;gap:var(--space-1) var(--space-2);padding:var(--space-2);cursor:pointer;border:4px solid #0000;grid-template-columns:auto 1fr;display:grid}.card:hover{outline:1px solid var(--ink)}.card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.card.selected{border-color:var(--flash)}.card .thumb,.card .format-frame{grid-column:1/-1}.thumb{background:var(--stage);justify-content:center;align-items:center;width:100%;height:150px;display:flex;overflow:hidden}.thumb>*{max-width:100%;max-height:100%;display:block}.thumb .blank{background:#e9e8e5;height:100%}.card-code{font:500 13px/18px var(--font-label)}.card-name{font:600 13px/18px var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-meta{color:var(--ink-faint);grid-column:1/-1;font-size:11px}.cards.formats{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.format-frame{height:72px;margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.format-shape{box-sizing:border-box;border:1px solid var(--ink);background:var(--paper-raised)}.card.format{text-align:center;grid-template-columns:1fr}.format-shape{overflow:hidden}.format-shape.empty{background:0 0;border-style:dashed}.format-shape>img{object-fit:cover;width:100%;height:100%;display:block}.blank-options{align-items:center;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-6);padding:var(--space-3) 0 0;border-top:1px solid var(--hairline);flex-wrap:wrap;display:flex}.blank-options>*{flex:110px;min-width:0}.blank-options>.blank-size{flex:2 240px}.blank-size .pair{column-gap:var(--space-2)}.blank-size .num{min-width:64px}.blank-options>.field.wide{gap:var(--space-2);grid-template-columns:auto minmax(0,1fr)}.blank-options>.field:nth-child(3){flex:.6 80px}.blank-options>.field:nth-child(4){flex:1.3 170px}.blank-options>.field:nth-child(5){flex:1.3 150px}.blank-options.is-idle{opacity:.6}.blank-options.is-idle:hover,.blank-options.is-idle:focus-within{opacity:1}.blank-size{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.blank-size .segmented.orientation{width:calc(var(--control-sm) * 2);grid-column:auto;margin-left:0}.bg-choice{gap:var(--space-1);align-items:center;min-width:0;display:flex}.bg-swatch{all:unset;box-sizing:border-box;width:var(--control-sm);height:var(--control-sm);border:1px solid var(--ink);cursor:pointer;flex:none}.bg-swatch[aria-pressed=true],.bg-swatch.selected{outline:2px solid var(--flash);outline-offset:1px}.field input[type=color].bg-swatch{width:var(--control-sm);border:1px solid var(--ink);padding:0}.bg-swatch.custom:not(.selected){background:conic-gradient(#f44,#fd4,#4d6,#4cf,#64f,#f4c,#f44)}.bg-swatch.custom:not(.selected)::-webkit-color-swatch{opacity:0}.bg-swatch.custom::-webkit-color-swatch-wrapper{padding:0}.bg-swatch.custom::-webkit-color-swatch{border:0}.bg-swatch:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.step-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-4) 0 var(--space-2);flex-wrap:wrap;display:flex}.step-row .step{margin:0}.segmented.template-size>button{padding:0 var(--space-2);flex:none}.selection .handle{background:var(--paper-raised);border:1px solid var(--ink);pointer-events:auto;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}.selection .handle.nw{cursor:nwse-resize;top:0;left:0}.selection .handle.n{cursor:ns-resize;top:0;left:50%}.selection .handle.ne{cursor:nesw-resize;top:0;left:100%}.selection .handle.e{cursor:ew-resize;top:50%;left:100%}.selection .handle.se{cursor:nwse-resize;top:100%;left:100%}.selection .handle.s{cursor:ns-resize;top:100%;left:50%}.selection .handle.sw{cursor:nesw-resize;top:100%;left:0}.selection .handle.w{cursor:ew-resize;top:50%;left:0}.selection.corners-only .handle.edge,.selection.no-handles .handle,.selection.no-handles .rotate,.selection.no-rotate .rotate{display:none}.selection.poster-handles{border:0;outline:0}.effect-frame{pointer-events:none;border:1px dashed var(--flash);outline:1px dashed var(--ink);outline-offset:-1px;transform-origin:50%;position:absolute}.effect-frame .handle{background:var(--flash);border:1px solid var(--ink);pointer-events:auto;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.effect-frame .handle.nw{cursor:nwse-resize;top:0;left:0}.effect-frame .handle.ne{cursor:nesw-resize;top:0;left:100%}.effect-frame .handle.se{cursor:nwse-resize;top:100%;left:100%}.effect-frame .handle.sw{cursor:nesw-resize;top:100%;left:0}:is(.selection,.effect-frame) .rotate{pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M4 10V12L7 16H13L16 13V8L13 4H10' fill='none' stroke='%23f4f6f5' stroke-width='4'/%3E%3Cpath d='M4 10V12L7 16H13L16 13V8L13 4H10' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath d='M7 1L11 3.25V4.75L7 7Z' fill='%23111' stroke='%23f4f6f5' stroke-width='1' paint-order='stroke'/%3E%3C/svg%3E") 10 10,crosshair;width:18px;height:18px;position:absolute}:is(.selection,.effect-frame) .rotate.nw{top:-20px;left:-20px}:is(.selection,.effect-frame) .rotate.ne{top:-20px;right:-20px}:is(.selection,.effect-frame) .rotate.se{bottom:-20px;right:-20px}:is(.selection,.effect-frame) .rotate.sw{bottom:-20px;left:-20px}.guide{pointer-events:none;background:var(--flash);position:absolute}.guide.v{width:1px;margin-left:-.5px;top:0;bottom:0}.guide.h{height:1px;margin-top:-.5px;left:0;right:0}.marquee{pointer-events:none;border:1px solid var(--flash);box-sizing:border-box;background:#58ff3e14;position:absolute}.gap{pointer-events:none;background:var(--flash);position:absolute}.gap.h{height:1px;margin-top:-.5px}.gap.v{width:1px;margin-left:-.5px}.gap:before,.gap:after{content:"";background:var(--flash);position:absolute}.gap.h:before,.gap.h:after{width:1px;height:7px;top:-3px}.gap.h:before{left:0}.gap.h:after{right:0}.gap.v:before,.gap.v:after{width:7px;height:1px;left:-3px}.gap.v:before{top:0}.gap.v:after{bottom:0}.gap>b{background:var(--ink);color:var(--paper);font:500 10px/12px var(--font-mono);white-space:nowrap;padding:1px 4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.size-label{background:var(--ink);color:var(--paper);font:500 11px/14px var(--font-mono);white-space:nowrap;pointer-events:none;padding:2px 6px;position:absolute;transform:translate(-50%)}.menu.context{position:fixed;top:0;left:0}.num{min-width:0;display:block;position:relative}.num input{width:100%;height:var(--control-sm);border:1px solid var(--ink);background:var(--paper-raised);padding:0 var(--space-1);font:500 12px/16px var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);border-radius:0}.num:has(.unit) input{padding-right:20px}.num .unit{font:500 10px/1 var(--font-mono);color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.field>span.scrub{cursor:ew-resize;-webkit-user-select:none;user-select:none}.field>span.scrub:hover{color:var(--ink)}.field.is-disabled>span:first-child,.is-disabled .field>span:first-child{color:var(--ink-faint);cursor:default}.field input:disabled,.field select:disabled,.num input:disabled{background-color:var(--paper-sunk);border-color:var(--paper-sunk);color:var(--ink-muted)}input[type=range]:disabled{cursor:default;opacity:.4}.field input[type=checkbox]:disabled{cursor:default;opacity:.4;background-color:var(--paper-raised);border-color:var(--ink)}.field input[type=checkbox]:checked:disabled{background-color:var(--on-flash)}.pair{column-gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.align-bar{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--control-sm);column-gap:var(--space-2);margin-bottom:var(--space-1);display:grid}.align-bar button.icon{flex:1;width:auto}.align-bar button.icon:after{content:"";width:12px;height:12px;-webkit-mask:var(--icon) no-repeat center;-webkit-mask:var(--icon) no-repeat center;mask:var(--icon) no-repeat center;background:currentColor;margin:auto;display:block}.align-left{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1V23' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M5 4H21V10H5ZM5 14H15V20H5Z'/%3E%3C/svg%3E")}.align-hcenter{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 1V4M12 10V14M12 20V23' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M3 4H21V10H3ZM6 14H18V20H6Z'/%3E%3C/svg%3E")}.align-right{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M22.5 1V23' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M3 4H19V10H3ZM9 14H19V20H9Z'/%3E%3C/svg%3E")}.align-top{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1 1.5H23' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M4 5H10V21H4ZM14 5H20V15H14Z'/%3E%3C/svg%3E")}.align-vcenter{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1 12H4M10 12H14M20 12H23' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M4 3H10V21H4ZM14 6H20V18H14Z'/%3E%3C/svg%3E")}.align-bottom{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1 22.5H23' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M4 3H10V19H4ZM14 9H20V19H14Z'/%3E%3C/svg%3E")}.layout-grid{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--control-sm);gap:var(--space-1) var(--space-2);margin-bottom:var(--space-1);display:grid}.layout-grid>.ratio-lock{align-self:center}.turn-tools>button.icon{width:auto}.pins{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--control-sm);column-gap:var(--space-2);display:grid}.layout-grid .field.wide,.pins .field.wide,.format-row .field.wide,.layer-row .field.wide{min-height:0;display:block;position:relative}.layout-grid .field.wide>span:first-child,.pins .field.wide>span:first-child,.format-row .field.wide>span:first-child,.layer-row .field.wide>span:first-child{z-index:1;width:22px;color:var(--ink-faint);font:500 12px/16px var(--font-mono);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:1px;overflow:visible}.layout-grid .field.wide>span.scrub:hover,.layer-row .field.wide>span.scrub:hover{color:var(--ink)}.layout-grid .num input,.layer-row .num input{text-align:left;padding-left:24px}.panel .pins .field select,.panel .layer-row .field select{text-overflow:ellipsis;padding-left:24px}.ratio-lock:after{content:"";width:12px;height:12px;-webkit-mask:var(--icon) no-repeat center;-webkit-mask:var(--icon) no-repeat center;mask:var(--icon) no-repeat center;background:currentColor;margin:auto;display:block}.ratio-lock[aria-pressed=true]{background:var(--ink);color:var(--paper)}.ratio-lock[aria-pressed=true]:disabled{color:var(--hairline);background:0 0}.pair .field.wide{grid-template-columns:16px minmax(0,1fr);gap:6px}.pair .field.wide>span:first-child{overflow:visible}.layer-row{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--control-sm);column-gap:var(--space-2);display:grid}.field>span.glyph{align-items:center;display:flex}.field>span.glyph:before{content:"";width:12px;height:12px;-webkit-mask:var(--glyph) no-repeat center;-webkit-mask:var(--glyph) no-repeat center;mask:var(--glyph) no-repeat center;background:currentColor;flex:none}.glyph.g-rotation{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 3V20.5H21' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M1.5 9H6L12 15V20.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.glyph.g-horizontal{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12H21.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M5.5 7.5L1.5 12L5.5 16.5M18.5 7.5L22.5 12L18.5 16.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}.glyph.g-vertical{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5V21.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M7.5 5.5L12 1.5L16.5 5.5M7.5 18.5L12 22.5L16.5 18.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='bevel'/%3E%3C/svg%3E")}.glyph.g-blend{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H15.5V15.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Crect x='9' y='9' width='15' height='15'/%3E%3C/svg%3E")}.glyph.g-frame{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 1.5V22.5M18 1.5V22.5M1.5 6H22.5M1.5 18H22.5' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E")}.glyph.g-opacity{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Cpath d='M21 3V21H3Z'/%3E%3C/svg%3E")}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.param-group{border-top:1px solid var(--hairline);margin-top:var(--space-2)}.group-toggle{all:unset;gap:var(--space-2);width:100%;height:var(--row);cursor:pointer;font:600 13px/18px var(--font-sans);align-items:center;display:flex}.group-toggle:hover{color:inherit;text-underline-offset:3px;background:0 0;text-decoration:underline}.group-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.count{font:500 11px/16px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-faint);white-space:nowrap}.count.near{color:var(--ink)}.count.full{color:var(--danger)}.long-text{gap:var(--space-1);margin:var(--space-1) 0 var(--space-2);display:grid}.long-text-head{color:var(--ink-muted);font:500 13px/18px var(--font-sans);justify-content:space-between;align-items:baseline;display:flex}.long-text textarea{width:100%;min-height:var(--control-sm);field-sizing:content;resize:none;max-height:154px;padding:4px var(--space-2);border:1px solid var(--ink);background:var(--paper-raised);color:var(--ink);font:500 13px/18px var(--font-sans);border-radius:0}.long-text.long textarea{min-height:64px}.long-text textarea:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hint-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-1) 0 var(--space-2);display:flex}.hint-row>.hint{margin:0}.frame-images{margin:var(--space-2) 0;gap:var(--space-1);grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.frame-images li{aspect-ratio:1.36;background:var(--stage);border:1px solid var(--ink);position:relative}.frame-images img{object-fit:cover;width:100%;height:100%;display:block}.frame-images li{cursor:grab;touch-action:none}.frame-images.sorting,.frame-images.sorting li{cursor:grabbing}.frame-images li.slot{background:var(--paper-sunk);border:1px dashed var(--hairline)}.frame-images li.slot>*{visibility:hidden}.frame-ghost{z-index:50;pointer-events:none;border:1px solid var(--ink);background:var(--stage);opacity:.85;position:fixed}.frame-ghost img{object-fit:cover;width:100%;height:100%;display:block}.frame-ghost.whole{background:#000}.frame-ghost.whole img{object-fit:contain}.frame-images li.whole{background:#000}.frame-images li.whole img{object-fit:contain}.frame-images .frame-fit{border:0;border-top:1px solid var(--ink);border-right:1px solid var(--ink);background:var(--paper-raised);height:16px;min-height:0;color:var(--ink);font:500 10px/16px var(--font-mono);text-transform:uppercase;visibility:hidden;padding:0 4px;text-decoration:none;position:absolute;bottom:0;left:0}.frame-images li:hover .frame-fit,.frame-images .frame-fit:focus-visible,.frame-images .frame-fit[aria-pressed=true]{visibility:visible}.frame-images .frame-fit[aria-pressed=true],.frame-images .frame-fit:hover{background:var(--ink);color:var(--paper)}.frame-images .frame-fit[aria-pressed=true]:hover{background:var(--paper);color:var(--ink)}.frame-images .missing{height:100%;color:var(--danger);font:500 10px/1 var(--font-mono);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.frame-images button.icon{background:var(--paper-raised);opacity:0;width:18px;height:18px;min-height:0;position:absolute;top:0;right:0}.frame-images li:hover button.icon,.frame-images button.icon:focus-visible{opacity:1}.shader-picker{margin-bottom:var(--space-1);position:relative}.shader-current{align-items:center;gap:var(--space-2);width:100%;height:40px;padding:0 var(--space-2) 0 3px;background:var(--paper-raised);text-align:left;display:flex}.shader-current .shader-name{text-overflow:ellipsis;flex:1;min-width:0;line-height:18px;overflow:hidden}.shader-current:hover .shader-thumb{outline:1px solid var(--paper)}.shader-thumb{background:var(--stage);flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.shader-thumb img{max-width:100%;max-height:100%;display:block}.shader-grid{top:calc(100% + var(--space-1));z-index:20;gap:var(--space-2);width:288px;padding:var(--space-2);background:var(--paper-raised);border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;right:0}.shader-option{all:unset;gap:var(--space-1);cursor:pointer;font:500 11px/14px var(--font-sans);text-align:center;border:3px solid #0000;padding:2px;display:grid}.shader-option .shader-thumb{width:100%;height:64px}.shader-option:hover{outline:1px solid var(--ink)}.shader-option:focus-visible{outline:2px solid var(--ink)}.shader-option[aria-pressed=true]{border-color:var(--flash)}button.dice{flex:none}button.dice:after{content:"";width:12px;height:12px;-webkit-mask:var(--die) no-repeat center;-webkit-mask:var(--die) no-repeat center;mask:var(--die) no-repeat center;background:currentColor;margin:auto;display:block}button.dice{--die:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 1.5H22.5V22.5H1.5Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter'/%3E%3Crect x='5.5' y='5.5' width='3' height='3'/%3E%3Crect x='15.5' y='5.5' width='3' height='3'/%3E%3Crect x='10.5' y='10.5' width='3' height='3'/%3E%3Crect x='5.5' y='15.5' width='3' height='3'/%3E%3Crect x='15.5' y='15.5' width='3' height='3'/%3E%3C/svg%3E")}.color-input{align-items:center;gap:var(--space-2);min-width:0;height:var(--control-sm);padding:0 var(--space-2);border:1px solid var(--ink);background:var(--paper-raised);display:flex}.color-input:focus-within{outline:2px solid var(--ink);outline-offset:2px}.field .color-input input[type=color]{border:1px solid var(--hairline);flex:none;width:16px;height:16px;padding:0}.field .color-input input.hex{min-width:0;height:100%;font:500 12px/16px var(--font-mono);text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;padding:0}.color-input .alpha{margin-right:calc(-1 * var(--space-2));padding:0 var(--space-2);border-left:1px solid var(--hairline);flex:none;align-self:stretch;align-items:center;gap:2px;display:flex}.color-input .alpha .num{width:30px}.color-input .alpha .num input{height:calc(var(--control-sm) - 2px);text-align:right;font:500 12px/16px var(--font-mono);background:0 0;border:0;outline:none;padding:0}.color-input .alpha .scrub{font:500 12px/16px var(--font-mono);color:var(--ink-muted);cursor:ew-resize;-webkit-user-select:none;user-select:none}.color-input .alpha .scrub:hover{color:var(--ink)}.color-input:has(input:disabled){background:var(--paper-sunk);border-color:var(--paper-sunk)}.field .color-input input.hex:disabled{color:var(--ink-muted);background:0 0}body[data-chrome=hidden],body[data-chrome=preview]{grid-template:"stage"1fr/1fr}body[data-chrome=hidden] :is(#topbar,#left,#right,#transport),body[data-chrome=preview] :is(#topbar,#left,#right,#transport){display:none}body[data-chrome=preview] .stage{background:var(--ink);cursor:none}body[data-chrome=preview] :is(.selection,.effect-frame,.hover,.guide,.gap,.marquee,.size-label,.toast-slot){visibility:hidden}.show-chrome{top:var(--space-3);right:var(--space-3);background:var(--paper);display:none;position:absolute}body[data-chrome=hidden] .show-chrome{display:block}.shortcuts{gap:0 var(--space-6);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));display:grid}.shortcuts .sub{margin-top:var(--space-2)}.shortcuts dl{margin:0}.shortcuts dl>div{justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0;border-bottom:1px solid var(--hairline);display:flex}.shortcuts dt{color:var(--ink-muted);font:500 13px/18px var(--font-sans)}.shortcuts dd{margin:0}.shortcuts kbd{font:500 12px/18px var(--font-mono);white-space:nowrap}#time .duration{height:auto;font:inherit;text-underline-offset:3px;padding:0 2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#time .duration-edit{width:56px;height:22px;padding:0 var(--space-1);border:1px solid var(--ink);background:var(--paper-raised);font:inherit;border-radius:0}.about{max-width:480px}.about p{margin:0 0 var(--space-3);font:400 13px/20px var(--font-sans)}.about-intro{margin-bottom:var(--space-3)}.about-intro p{margin:0}.about dl{padding-top:var(--space-1);border-top:1px solid var(--hairline);margin:0}.about dl>div{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-1) 0;display:flex}.about dl>div:last-child{padding-bottom:0}.about dt{align-items:center;gap:var(--space-2);color:var(--ink-muted);font:500 13px/18px var(--font-sans);display:flex}.about dt .i{color:var(--ink);margin:0}.about dd{font:500 13px/18px var(--font-sans);margin:0}.about a{color:var(--ink);text-underline-offset:2px}.about a:hover{background:var(--flash)}