:root[data-echo-style=paperlab-cut-paper]{--echo-surface:#050505;--echo-cap:#050505;--echo-cap-highlight:#050505;--echo-cap-shadow:#050505;--echo-well:#050505;--echo-accent:#f55600;--echo-accent-highlight:#ffb8a8;--echo-accent-pressed:#a92700;--echo-accent-glow:#f0f0f0;--echo-accent-ink:#f0f0f0;--echo-primary-cap-top:#ff5a00;--echo-primary-cap-mid:#ff5a00;--echo-primary-cap-base:#ff5a00;--echo-primary-cap-ink:#050505;--echo-pour-top:#b72e00;--echo-pour-mid:#b72e00;--echo-pour-base:#b72e00;--echo-accent-fill-top:#f0a083;--echo-accent-fill-base:#eb5100;--echo-lcd:#050505;--echo-lcd-glow:#050505;--echo-text:#f0f0f0;--echo-text-dim:#acacac;--echo-seam:#f0f0f0;--echo-screen-glass:initial;--echo-screen-well:initial;--echo-screen-ink:initial;--echo-screen-ink-dim:initial;--echo-paper-stock:initial;--echo-paper-ink:initial;--echo-bloom:initial;--echo-shade-ink:#050505;--echo-cast-ink:black;--echo-accent-1:#fad2c5;--echo-accent-2:#f0a083;--echo-accent-3:#eb5100;--echo-accent-4:#cd3900;--echo-accent-5:#a92700;--echo-accent-6:#771a00;--echo-accent-7:#421302;--echo-font-machine:"Space Grotesk", Arial, sans-serif;--echo-font-sans:"Manrope", Arial, sans-serif;--echo-font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--echo-font-lcd:ui-monospace, "SFMono-Regular", Consolas, monospace;--echo-radius-xs:.5px;--echo-radius-sm:2px;--echo-radius-md:3px;--echo-radius-lg:4px;--echo-radius-xl:5px;--echo-radius-2xl:6.5px;--echo-radius-3xl:7.5px;--echo-radius-full:999px;--echo-text-3xs:.625rem;--echo-text-2xs:.6875rem;--echo-text-xs:.75rem;--echo-text-sm:.8125rem;--echo-text-md:.875rem;--echo-text-lg:1rem;--echo-text-xl:1.25rem;--echo-text-2xl:1.625rem;--echo-text-3xl:2.5rem;--echo-space-0:0;--echo-space-1:2.5px;--echo-space-2:4.5px;--echo-space-3:7px;--echo-space-4:9px;--echo-space-5:11.5px;--echo-space-6:13.5px;--echo-space-7:16px;--echo-space-8:18px;--echo-space-9:22.5px;--echo-space-10:27px;--echo-space-11:36px;--echo-space-12:72px;--echo-control-compact:36px;--echo-control-default:50px;--echo-control-large:68px;--echo-duration-glitch:80ms;--echo-duration-press:90ms;--echo-duration-tick:.12s;--echo-duration-swap:.16s;--echo-duration-glide:.19s;--echo-duration-sweep:.22s;--echo-duration-pop:.4s;--echo-duration-flood:.7s;--echo-ease-glitch:steps(3, end);--echo-ease-press:cubic-bezier(.34, 1.56, .64, 1);--echo-ease-tick:ease;--echo-ease-swap:ease-out;--echo-ease-glide:cubic-bezier(.2, .8, .2, 1);--echo-ease-sweep:cubic-bezier(.4, 0, .2, 1);--echo-ease-pop:cubic-bezier(.34, 1.56, .64, 1);--echo-ease-flood:cubic-bezier(.65, 0, .35, 1);--echo-z-base:0;--echo-z-raised:1;--echo-z-top:2;--echo-z-sticky:100;--echo-z-overlay:200;--echo-z-modal:210;--echo-z-popover:300;--echo-z-toast:400;--echo-z-tooltip:500;--echo-z-skip:600;--echo-border-hairline:1px;--echo-border-fine:1.5px;--echo-border-thick:2px;--echo-border-heavy:4px;--echo-icon-xs:12px;--echo-icon-sm:14px;--echo-icon-md:16px;--echo-icon-lg:20px;--echo-icon-xl:28px;--echo-weight-regular:400;--echo-weight-semibold:600;--echo-weight-bold:700;--echo-weight-heavy:800;--echo-leading-none:1;--echo-leading-tight:1.25;--echo-leading-snug:1.4;--echo-leading-body:1.55;--echo-tracking-tighter:-.02em;--echo-tracking-tight:-.01em;--echo-tracking-normal:0;--echo-tracking-wide:.06em;--echo-tracking-wider:.12em;--echo-tracking-label:.2em;--echo-tracking-widest:.25em;--echo-type-machine-label:var(--echo-weight-bold) var(--echo-text-3xs)/var(--echo-leading-tight) var(--echo-font-machine);--echo-type-machine-label-tracking:var(--echo-tracking-label);--echo-type-machine-label-case:uppercase;--echo-type-body:var(--echo-weight-regular) var(--echo-text-md)/var(--echo-leading-body) var(--echo-font-sans);--echo-type-body-tracking:var(--echo-tracking-normal);--echo-type-body-case:none;--echo-type-body-sm:var(--echo-weight-regular) var(--echo-text-sm)/var(--echo-leading-body) var(--echo-font-sans);--echo-type-body-sm-tracking:var(--echo-tracking-normal);--echo-type-body-sm-case:none;--echo-type-caption:var(--echo-weight-regular) var(--echo-text-xs)/var(--echo-leading-snug) var(--echo-font-sans);--echo-type-caption-tracking:var(--echo-tracking-normal);--echo-type-caption-case:none;--echo-type-heading:var(--echo-weight-bold) var(--echo-text-lg)/var(--echo-leading-tight) var(--echo-font-machine);--echo-type-heading-tracking:var(--echo-tracking-tight);--echo-type-heading-case:none;--echo-type-readout:var(--echo-weight-regular) var(--echo-text-xl)/var(--echo-leading-none) var(--echo-font-lcd);--echo-type-readout-tracking:var(--echo-tracking-normal);--echo-type-readout-case:none;--echo-type-display:var(--echo-weight-bold) var(--echo-text-3xl)/var(--echo-leading-none) var(--echo-font-sans);--echo-type-display-tracking:var(--echo-tracking-tighter);--echo-type-display-case:none;--echo-shadow-well:inset 0 2px 5px color-mix(in oklab, var(--echo-cast-ink,black) calc(.6 * var(--echo-shade,1) * 100%), transparent), inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss,1))), inset 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-well-screen:inset 0 2px 6px color-mix(in oklab, var(--echo-cast-ink,black) calc(.8 * var(--echo-shade,1) * 100%), transparent), inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss,1))), inset 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-well-deep:inset 0 3px 7px color-mix(in oklab, var(--echo-cast-ink,black) calc(.9 * var(--echo-shade,1) * 100%), transparent), inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss,1))), inset 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-groove:inset 0 2px 5px color-mix(in oklab, var(--echo-cast-ink,black) calc(.7 * var(--echo-shade,1) * 100%), transparent), inset 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-edge:inset 0 1px 0 rgb(255 255 255/calc(.4 * var(--echo-gloss,1)));--echo-shadow-hairline:0 1px 0 rgb(255 255 255/calc(.04 * var(--echo-gloss,1)));--echo-shadow-chip:inset 0 1px 0 rgb(255 255 255/calc(.15 * var(--echo-gloss,1))), 0 1px 2px color-mix(in oklab, var(--echo-cast-ink,black) calc(.4 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-key:inset 0 1px 0 rgb(255 255 255/calc(.3 * var(--echo-gloss,1))), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent), 0 2px 0 var(--echo-line-width,0px) var(--echo-seam);--echo-shadow-cap:inset 0 1.5px 0 rgb(255 255 255/calc(.42 * var(--echo-gloss,1))), inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss,1))), inset 0 -3px 4px color-mix(in oklab, var(--echo-cast-ink,black) calc(.5 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent), 0 4px 0 var(--echo-line-width,0px) var(--echo-seam), 0 9px 14px color-mix(in oklab, var(--echo-cast-ink,black) calc(.55 * var(--echo-shade,1) * 100%), transparent);--echo-shadow-cap-lit:inset 0 1px 0 rgb(255 255 255/calc(.45 * var(--echo-gloss,1))), inset 0 -2px 4px color-mix(in oklab, var(--echo-cast-ink,black) calc(.35 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent), 0 4px 0 var(--echo-line-width,0px) var(--echo-lit-edge,var(--echo-accent-6)), 0 calc(8px * (1 - var(--echo-drawn,0))) calc(20px * (1 - var(--echo-drawn,0))) color-mix(in oklch, var(--echo-accent-4) 40%, transparent);--echo-shadow-panel:0 1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss,1))), 0 6px 14px color-mix(in oklab, var(--echo-cast-ink,black) calc(.4 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-lifted:0 1px 0 rgb(255 255 255/calc(.07 * var(--echo-gloss,1))), 0 10px 22px color-mix(in oklab, var(--echo-cast-ink,black) calc(.45 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent), 0 calc(4px * var(--echo-drawn,0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-chassis:inset 0 1.5px 0 rgb(255 255 255/calc(.07 * var(--echo-gloss,1))), inset 0 -3px 8px color-mix(in oklab, var(--echo-cast-ink,black) calc(.55 * var(--echo-shade,1) * 100%), transparent), inset 0 0 0 1px var(--echo-seam), 0 30px 60px -22px color-mix(in oklab, var(--echo-cast-ink,black) calc(.75 * var(--echo-shade,1) * 100%), transparent);--echo-shadow-tooltip:inset 0 1px 0 rgb(255 255 255/calc(.08 * var(--echo-gloss,1))), inset 0 0 0 1px var(--echo-seam), 0 8px 20px -8px color-mix(in oklab, var(--echo-cast-ink,black) calc(.7 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent), 0 calc(3px * var(--echo-drawn,0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-popover:inset 0 1px 0 rgb(255 255 255/calc(.08 * var(--echo-gloss,1))), inset 0 0 0 1px var(--echo-seam), 0 20px 40px -16px color-mix(in oklab, var(--echo-cast-ink,black) calc(.75 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent), 0 calc(4px * var(--echo-drawn,0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-toast:inset 0 1.5px 0 rgb(255 255 255/calc(.28 * var(--echo-gloss,1))), inset 0 0 0 1px color-mix(in oklab, var(--echo-seam) 70%, transparent), 0 18px 36px -14px color-mix(in oklab, var(--echo-cast-ink,black) calc(.75 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent), 0 calc(5px * var(--echo-drawn,0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-modal:inset 0 1px 0 color-mix(in oklab, var(--echo-cap-highlight) 46%, transparent), inset 0 0 0 1px var(--echo-seam), 0 40px 80px -24px color-mix(in oklab, var(--echo-cast-ink,black) calc(.85 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent), 0 calc(6px * var(--echo-drawn,0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent);--echo-shadow-ring:0 0 0 2px var(--echo-surface), 0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow));--echo-shadow-ring-inset:inset 0 0 0 2px var(--echo-accent-ink,var(--echo-accent-glow));--echo-shadow-glow:0 0 calc(7px * (1 - var(--echo-drawn,0))) color-mix(in oklch, var(--echo-accent-glow) 70%, transparent);--echo-gloss:0;--echo-shade:0;--echo-drawn:1;--echo-line:#f0f0f0;--echo-line-width:1.5px;--echo-lit-edge:#f0f0f0;--echo-drawn-fill:#ff5a00;--echo-drawn-on-fill:#050505;--echo-drawn-ink:#f0f0f0;--echo-drawn-rule:linear-gradient(#f0f0f0, #f0f0f0) center / 100% 1.5px no-repeat;--echo-drawn-glass:#050505;--echo-drawn-hollow:#050505;--echo-drawn-decoration:underline;--echo-drawn-key:#050505;--echo-drawn-key-ink:#f0f0f0;--echo-density:1.125;--echo-radius-scale:.35;--echo-cap-round:0;--echo-key-angle:145deg}@supports not (color:color-mix(in oklch, white, black)){:root[data-echo-style=paperlab-cut-paper]{--echo-well:#050505;--echo-surface:#050505;--echo-text:#f0f0f0;--echo-accent:#f55600}:root[data-echo-style=paperlab-cut-paper] body{color:#f0f0f0;background:#050505}}:root[data-echo-style=paperlab-cut-paper]{--echo-drawn-key:var(--echo-primary-cap-top);--echo-drawn-key-ink:var(--echo-primary-cap-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.lib{--lib-canvas:color-mix(in srgb, var(--echo-text) 3%, var(--echo-well));--lib-grid:color-mix(in srgb, var(--echo-line) 7%, transparent);--lib-rule:color-mix(in srgb, var(--echo-line) 20%, transparent);--lib-hover:color-mix(in srgb, var(--echo-text) 8%, transparent);--lib-edge:var(--echo-line-width) solid var(--echo-line);--lib-lane-h:22px;background:var(--echo-well);height:100dvh;color:var(--echo-text);font-family:var(--echo-font-sans);grid-template-rows:60px minmax(0,1fr);grid-template-columns:240px minmax(0,1fr) 316px;font-size:14px;display:grid;overflow:hidden}.lib[data-panels=hidden]{grid-template-columns:0 minmax(0,1fr) 0}.lib[data-panels=hidden] .lib-rail,.lib[data-panels=hidden] .lib-inspector{visibility:hidden;border:0}.lib .label,.lib-group-title,.lib-shelf-title,.lib-sec-title,.lib-quiet,.lib-tier{font-family:var(--echo-font-machine);font-weight:var(--echo-weight-bold);letter-spacing:.14em;text-transform:uppercase}.lib-bar{border-bottom:var(--lib-edge);background:var(--echo-surface);z-index:5;grid-column:1/-1;grid-template-columns:minmax(min-content,1fr) auto minmax(max-content,1fr);align-items:center;gap:16px;padding:0 14px 0 18px;display:grid;position:relative}.lib-bar-left{align-items:center;gap:22px;min-width:0;display:flex}.lib-brand{color:var(--echo-text);flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.lib-brand:focus-visible{outline:2px solid var(--echo-accent-ink);outline-offset:4px}.lib-mark{width:auto;height:28px;display:block}.lib-wordmark{font-family:var(--echo-font-sans);font-size:21px;font-weight:var(--echo-weight-heavy);letter-spacing:-.06em;line-height:1}.lib-tier{color:var(--echo-text-dim);align-self:flex-start;margin-top:1px;font-size:10px}.lib-crumb{border-left:var(--echo-line-width) solid var(--lib-rule);width:0;min-width:0;color:var(--echo-text-dim);white-space:nowrap;flex:auto;align-items:center;gap:8px;padding-left:22px;font-size:13px;display:flex;overflow:hidden}.lib-crumb strong{color:var(--echo-text);font-weight:var(--echo-weight-bold);text-overflow:ellipsis;overflow:hidden}.lib-bar-mid{justify-content:center;display:flex}.lib-spec{font-family:var(--echo-font-machine);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--echo-text-dim);white-space:nowrap;font-size:12px;font-weight:500}.lib-bar-right{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.lib-panels-toggle{display:contents}.lib-bar-sep{width:var(--echo-line-width);background:var(--lib-rule);height:22px}.lib-quiet{color:var(--echo-text-dim);font-size:10.5px;text-decoration:none}.lib-quiet:hover{color:var(--echo-text);text-underline-offset:4px;text-decoration:underline}.lib-rail{border-right:var(--lib-edge);background:var(--echo-surface);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.lib-rail-head{justify-content:space-between;align-items:center;padding:16px 18px 10px;display:flex}.lib-rail-head .label{font-size:10.5px}.lib-count{font-family:var(--echo-font-mono);color:var(--echo-text-dim);font-variant-numeric:tabular-nums;font-size:11px}.lib-group+.lib-group{border-top:var(--echo-line-width) solid var(--lib-rule);margin-top:16px;padding-top:6px}.lib-group-title{color:var(--echo-text-dim);justify-content:space-between;align-items:baseline;margin:0;padding:8px 18px 6px;font-size:10.5px;display:flex}.lib-group-title strong{color:var(--echo-text);font-weight:inherit}.lib-shelf-title{letter-spacing:.18em;color:var(--echo-text-dim);margin:12px 0 2px;padding:0 18px;font-size:9.5px}.lib-group ol{margin:0;padding:0 10px;list-style:none}.lib-group button{all:unset;box-sizing:border-box;isolation:isolate;cursor:pointer;white-space:nowrap;align-items:center;gap:10px;width:100%;height:32px;padding:0 8px;font-size:13.5px;font-weight:500;display:flex;position:relative}.lib-group button:hover{background:var(--lib-hover)}.lib-group button:focus-visible{outline:2px solid var(--echo-accent-ink);outline-offset:-2px}.lib-group button.on{color:var(--echo-drawn-on-fill);font-weight:var(--echo-weight-bold);background:0 0}.lib-group button.on:before,.lib-group button.on:after{content:"";z-index:-1;pointer-events:none;position:absolute}.lib-group button.on:before{background:var(--echo-drawn-fill);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);inset:0}.lib-group button.on:after{background:var(--echo-accent-pressed);clip-path:polygon(0 0,0 100%,100% 100%);width:11px;height:11px;top:0;right:0}.lib-num{font-family:var(--echo-font-mono);opacity:.6;font-variant-numeric:tabular-nums;width:18px;font-size:11px;font-weight:400}.lib-group button.on .lib-num{opacity:.75}.lib-name{text-overflow:ellipsis;overflow:hidden}.lib-rail-foot{border-top:var(--echo-line-width) solid var(--lib-rule);flex-direction:column;gap:16px;margin-top:auto;padding:18px;display:flex}.lib-keys{color:var(--echo-text-dim);gap:7px;margin:0;font-size:12px;display:grid}.lib-keys>div{grid-template-columns:56px 1fr;align-items:center;display:grid}.lib-keys dt{font-family:var(--echo-font-mono);border:var(--echo-line-width) solid var(--lib-rule);border-radius:var(--echo-radius-sm);color:var(--echo-text);justify-self:start;padding:1px 6px;font-size:10.5px}.lib-keys dd{margin:0}.lib-canvas{background:var(--lib-canvas);flex-direction:column;min-width:0;min-height:0;display:flex}.lib-viewport{background-image:linear-gradient(var(--lib-grid) 1px, transparent 1px), linear-gradient(90deg, var(--lib-grid) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px;flex:1;place-items:center;min-height:0;padding:64px 48px 36px;display:grid;position:relative;overflow:hidden}.lib-viewport[data-fill]{padding:44px 20px 20px}.lib-artboard{background:var(--echo-well);outline:var(--echo-line-width) solid color-mix(in srgb, var(--echo-line) 45%, transparent);position:relative}.lib-artboard-label{font-family:var(--echo-font-machine);letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--echo-text-dim);white-space:nowrap;pointer-events:none;justify-content:space-between;gap:12px;font-size:11.5px;font-weight:500;display:flex;position:absolute;bottom:calc(100% + 26px);left:0;right:0}.lib-artboard-label span:first-child{color:var(--echo-text);font-weight:var(--echo-weight-bold)}.lib-crops{--ink:var(--echo-line);pointer-events:none;background:linear-gradient(var(--ink), var(--ink)) left 0 top 19px / 12px 1.5px no-repeat, linear-gradient(var(--ink), var(--ink)) left 19px top 0 / 1.5px 12px no-repeat, linear-gradient(var(--ink), var(--ink)) right 0 top 19px / 12px 1.5px no-repeat, linear-gradient(var(--ink), var(--ink)) right 19px top 0 / 1.5px 12px no-repeat, linear-gradient(var(--ink), var(--ink)) left 0 bottom 19px / 12px 1.5px no-repeat, linear-gradient(var(--ink), var(--ink)) left 19px bottom 0 / 1.5px 12px no-repeat, linear-gradient(var(--ink), var(--ink)) right 0 bottom 19px / 12px 1.5px no-repeat, linear-gradient(var(--ink), var(--ink)) right 19px bottom 0 / 1.5px 12px no-repeat;position:absolute;inset:-20px}.lib-viewport[data-fill] .lib-crops{display:none}.lib-viewport[data-fill] .lib-artboard-label{bottom:calc(100% + 8px)}.lib-frame{background:var(--echo-well);transform-origin:0 0;border:0;display:block}.lib-timeline{border-top:var(--lib-edge);background:var(--echo-surface);grid-template-columns:auto 92px minmax(0,1fr);align-items:center;gap:18px;padding:12px 20px 14px 16px;display:grid}.lib-transport{align-items:center;gap:8px;padding-bottom:4px;display:flex}.lib-ibtn{all:unset;box-sizing:border-box;border-radius:var(--echo-radius-sm);background:var(--echo-cap);width:32px;height:32px;color:var(--echo-text);box-shadow:var(--echo-shadow-key);cursor:pointer;transition:transform var(--echo-duration-press) var(--echo-ease-press), box-shadow var(--echo-duration-press) var(--echo-ease-press);place-items:center;display:grid}.lib-ibtn:hover{background:color-mix(in srgb, var(--echo-text) 8%, var(--echo-cap))}.lib-ibtn:active{box-shadow:0 0 0 var(--echo-line-width) var(--echo-line);transform:translateY(2px)}.lib-ibtn:focus-visible{outline:2px solid var(--echo-accent-ink);outline-offset:4px}.lib-ibtn.primary{background:var(--echo-primary-cap-top);width:38px;height:38px;color:var(--echo-primary-cap-ink);box-shadow:0 0 0 var(--echo-line-width) var(--echo-line), 0 4px 0 var(--echo-line-width) var(--echo-line)}.lib-ibtn.primary:active{box-shadow:0 0 0 var(--echo-line-width) var(--echo-line);transform:translateY(4px)}.lib-ibtn[aria-pressed=true]{background:var(--echo-text);color:var(--echo-well)}.lib-tc{font-family:var(--echo-font-mono);font-variant-numeric:tabular-nums;flex-direction:column;gap:3px;font-size:14px;line-height:1.1;display:flex}.lib-tc-dim{color:var(--echo-text-dim);font-size:11px}.lib-track{cursor:text;touch-action:none;-webkit-user-select:none;user-select:none;padding-bottom:2px;position:relative}.lib-track:focus-visible{outline:2px solid var(--echo-accent-ink);outline-offset:4px}.lib-ruler{border-bottom:var(--lib-edge);background-image:linear-gradient(to right, var(--lib-rule) 1px, transparent 1px);background-position:0 100%;background-repeat:repeat-x;height:18px;position:relative}.lib-ruler span{border-left:1px solid var(--echo-line);height:100%;font-family:var(--echo-font-mono);color:var(--echo-text-dim);white-space:nowrap;padding-left:4px;font-size:10px;line-height:1;position:absolute;bottom:0}.lib-ruler span.end{border-left:0;border-right:1px solid var(--echo-line);padding-left:0;padding-right:4px;transform:translate(-100%)}.lib-lanes{height:calc(var(--lanes) * var(--lib-lane-h));margin-top:6px;position:relative}.lib-clip{height:calc(var(--lib-lane-h) - 4px);box-sizing:border-box;border:1px solid color-mix(in srgb, var(--echo-line) 55%, transparent);border-radius:var(--echo-radius-sm);background:var(--echo-well);font-family:var(--echo-font-machine);font-size:10.5px;font-weight:500;line-height:calc(var(--lib-lane-h) - 6px);white-space:nowrap;text-overflow:ellipsis;--lane-h:var(--lib-lane-h);padding:0 7px;position:absolute;overflow:hidden}.lib-clip.on{border-color:var(--echo-drawn-fill);background:var(--echo-drawn-fill);color:var(--echo-drawn-on-fill);font-weight:var(--echo-weight-bold)}.lib-playhead{background:var(--echo-text);pointer-events:none;width:1.5px;margin-left:-.75px;position:absolute;top:0;bottom:0}.lib-playhead:before{content:"";background:var(--echo-text);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);width:11.5px;height:13px;position:absolute;top:-3px;left:-5px}.lib-inspector{border-left:var(--lib-edge);background:var(--echo-surface);min-height:0;overflow-y:auto}.lib-insp-id{border-bottom:var(--echo-line-width) solid var(--lib-rule);padding:18px 20px 20px}.lib-insp-id .label{margin:0;font-size:10.5px}.lib-insp-id h1{font-family:var(--echo-font-sans);font-size:26px;font-weight:var(--echo-weight-heavy);letter-spacing:-.045em;margin:10px 0 8px;line-height:1.05}.lib-blurb{color:var(--echo-text-dim);margin:0;font-size:13px;line-height:1.55}.lib-insp-bar{z-index:2;background:var(--echo-surface);border-bottom:var(--lib-edge);justify-content:space-between;align-items:center;gap:8px;min-height:62px;padding:10px 16px 12px 20px;display:flex;position:sticky;top:0}.lib-insp-bar .label{margin:0;font-size:10.5px}.lib-changed{color:var(--echo-text)}.lib-insp-actions{align-items:center;gap:6px;display:flex}.lib-sec{border-bottom:var(--echo-line-width) solid var(--lib-rule);flex-direction:column;gap:16px;padding:18px 20px 22px;display:flex}.lib-sec-title{color:var(--echo-text);margin:0 0 -2px;font-size:10.5px}.lib-field,.lib-slider,.lib-choice{flex-direction:column;gap:8px;display:flex}.lib-choice{min-width:0}.lib-row-head{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.lib-label{color:var(--echo-text-dim);align-items:center;gap:7px;font-size:12.5px;font-weight:500;display:inline-flex}.lib-scrub{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.lib-dot{all:unset;background:var(--echo-drawn-fill);cursor:pointer;border-radius:50%;width:7px;height:7px}.lib-dot:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--echo-drawn-fill) 30%, transparent)}.lib-dot:focus-visible{outline:2px solid var(--echo-accent-ink);outline-offset:2px}.lib-number{box-sizing:border-box;border:var(--echo-line-width) solid var(--lib-rule);border-radius:var(--echo-radius-sm);background:var(--echo-well);width:64px;height:24px;color:var(--echo-text);font-family:var(--echo-font-mono);font-variant-numeric:tabular-nums;text-align:right;padding:0 6px;font-size:12px}.lib-number:hover{border-color:var(--echo-line)}.lib-number:focus{border-color:var(--echo-line);box-shadow:inset 0 0 0 1px var(--echo-line);outline:none}.lib-switch{justify-content:space-between;align-items:center;display:flex}.lib-locked-line{color:var(--echo-text-dim);margin:0;padding:4px 20px 18px;font-size:12.5px;line-height:1.55}.lib-locked{border:1px solid var(--echo-border,#f0f0f029);justify-items:start;gap:12px;margin:0 20px 20px;padding:18px 18px 20px;display:grid}.lib-locked p{color:var(--echo-text-dim);margin:0;font-size:13.5px;line-height:1.55}.lib-locked p.label{color:var(--echo-text)}.lib-locked a{margin-top:6px}.lib-note{color:var(--echo-text-dim);margin:0;padding:18px 20px 26px;font-size:12.5px;line-height:1.55}.lib-export{align-items:center;gap:6px;display:flex}.lib-licence{gap:8px;display:flex;position:relative}.lib-pop{z-index:30;background:var(--echo-surface);width:360px;box-shadow:var(--echo-shadow-popover);flex-direction:column;gap:12px;padding:18px;display:flex;position:absolute;top:calc(100% + 12px);right:0}@media (width<=1420px){.lib-panels-toggle{display:none}}@media (width<=1360px){.lib-bar .lib-wordmark{display:none}}@media (width<=1280px){.lib{grid-template-columns:208px minmax(0,1fr) 292px}.lib-crumb>:nth-child(-n+4){display:none}}@media (width<=1240px){.lib-export>:not(:last-child){display:none}}@media (width<=1100px){.lib{grid-template-columns:200px minmax(0,1fr) 260px}.lib-bar-right>.lib-licence>:first-child{display:none}.rooms a{padding:0 9px}}@media (width<=960px){.lib{grid-template-rows:auto minmax(0,1fr)}.lib-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:60px;padding:10px 14px;display:flex}.lib-bar-left,.lib-bar-right{flex:none}:is(.lib-crumb,.lib-bar-mid:has(>.lib-spec)){display:none}.lib-bar-mid{flex:100%;order:3}}@media (width<=900px){.lib{grid-template-columns:minmax(0,1fr) 260px}.lib .lib-rail{display:none}.lib[data-panels=hidden]{grid-template-columns:minmax(0,1fr) 0}.lib-canvas{grid-column:1}}@media (width<=760px){.lib{grid-template-rows:auto 70vh auto;grid-template-columns:minmax(0,1fr);height:auto;overflow:visible}.lib-inspector{border-left:0;border-top:var(--lib-edge);overflow:visible}.lib-viewport{padding:40px 16px 16px}.lib-timeline{grid-template-columns:auto minmax(0,1fr);padding:10px 16px}.lib-tc{display:none}}@media (width<=560px){.lib-wordmark,.lib-tier{display:none}.lib-bar{padding:10px 12px 10px 14px}}.lib-moves-hint{color:var(--echo-text-dim);margin:0;font-size:13px}.lib-connect{position:relative}.lib-connect-pop{gap:10px;width:380px;font-size:13px;line-height:1.45;display:grid}.lib-connect-pop p{color:var(--echo-text-dim);margin:0}.lib-connect-pop pre{white-space:pre-wrap;word-break:break-all;font-family:var(--echo-font-mono);border:var(--echo-line-width) solid var(--lib-rule);margin:0;padding:10px;font-size:11px}.lib-moves{grid-template-columns:auto 92px minmax(0,1fr) auto}.lib-try{z-index:3;background:var(--echo-text);color:var(--echo-well);border:2px solid var(--echo-well);box-shadow:0 3px 0 var(--echo-drawn-fill,#ff5a00);font-family:var(--echo-font-machine);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;pointer-events:none;align-items:center;gap:10px;margin:0;padding:9px 16px 9px 12px;font-size:11px;font-weight:700;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.lib-try[data-gone]{opacity:0;transform:translate(-50%)translateY(8px)}.lib-try-dot{background:var(--echo-drawn-fill,#ff5a00);width:9px;height:9px;box-shadow:0 0 0 2px var(--echo-well);border-radius:50%;animation:1.6s ease-in-out infinite lib-try-pulse}@keyframes lib-try-pulse{50%{transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.lib-try-dot{animation:none}}.lib-fail{background:var(--echo-surface);border:var(--lib-edge);justify-items:start;gap:12px;max-width:380px;margin:auto;padding:22px 24px;display:grid}.lib-fail p{color:var(--echo-text-dim);margin:0;font-size:13px;line-height:1.5}.lib-fail .label{color:var(--echo-text)}.lib-fail-over{z-index:4;background:color-mix(in srgb, var(--echo-well) 92%, transparent);border:0;place-content:center;max-width:none;margin:0;position:absolute;inset:0}.lib-axes{z-index:5;-webkit-user-select:none;user-select:none;justify-items:center;gap:4px;display:grid;position:absolute;bottom:18px;right:18px}.lib-axes svg{cursor:grab;touch-action:none;display:block}.lib-axes svg:active{cursor:grabbing}.lib-axes svg:focus-visible{outline:2px solid var(--echo-accent-ink);outline-offset:2px;border-radius:50%}.lib-axes-ring{fill:color-mix(in srgb, var(--echo-well) 82%, transparent);stroke:var(--lib-rule);stroke-width:1.5px}.lib-axes:hover .lib-axes-ring{stroke:var(--echo-text)}.lib-axes-read{font-family:var(--echo-font-mono);color:var(--echo-text-dim);font-variant-numeric:tabular-nums;font-size:10px}.lib-drop{all:unset;box-sizing:border-box;border:1.5px dashed var(--lib-rule);text-align:left;cursor:pointer;gap:4px;width:100%;padding:14px 14px 13px;display:grid}.lib-drop:hover,.lib-drop[data-over]{border-color:var(--echo-drawn-fill);background:color-mix(in srgb, var(--echo-drawn-fill) 8%, transparent)}.lib-drop:focus-visible{outline:2px solid var(--echo-accent-ink);outline-offset:2px}.lib-drop strong{font-size:13px;font-weight:var(--echo-weight-bold)}.lib-drop span{color:var(--echo-text-dim);font-size:11.5px}.lib-media-list{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.lib-media-item{gap:4px;margin:0;display:grid}.lib-media-item :is(img,video){aspect-ratio:1;object-fit:cover;outline:1.5px solid var(--lib-rule);width:100%;display:block}.lib-media-item figcaption{color:var(--echo-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.lib-media-clear{all:unset;color:var(--echo-text-dim);cursor:pointer;justify-self:start;font-size:12px;text-decoration:underline}.lib-media-clear:hover{color:var(--echo-text)}.lib-media-error{color:var(--echo-drawn-fill);margin:0;font-size:12px}.rooms{border-left:var(--echo-line-width) solid var(--lib-rule);flex-shrink:0;align-items:stretch;gap:2px;height:32px;padding-left:22px;display:flex}.rooms a{isolation:isolate;font-family:var(--echo-font-machine);font-size:11px;font-weight:var(--echo-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--echo-text-dim);white-space:nowrap;align-items:center;padding:0 14px;text-decoration:none;display:flex;position:relative}.rooms a:hover{color:var(--echo-text);background:var(--lib-hover)}.rooms a:focus-visible{outline:2px solid var(--echo-accent-ink);outline-offset:-2px}.rooms a.on{color:var(--echo-drawn-on-fill);background:0 0}.rooms a.on:before,.rooms a.on:after{content:"";z-index:-1;pointer-events:none;position:absolute}.rooms a.on:before{background:var(--echo-drawn-fill);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);inset:0}.rooms a.on:after{background:var(--echo-accent-pressed);clip-path:polygon(0 0,0 100%,100% 100%);width:10px;height:10px;top:0;right:0}.rooms+.lib-crumb{border-left:0;padding-left:4px}@media (width<=1100px){.rooms+.lib-crumb{display:none}}
