@font-face{font-family:Alegreya Sans SC;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/alegreya-sans-sc-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Alegreya Sans SC;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/alegreya-sans-sc-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans SC;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/alegreya-sans-sc-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Alegreya Sans SC;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/alegreya-sans-sc-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/inter-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans SC Fallback;src:local("Arial");size-adjust:90.7%;ascent-override:99.2%;descent-override:33.1%;line-gap-override:0%}:root{--color-background: hsl(50 20% 94.1%);--color-text: hsl(0 13.2% 14.9%);--color-surface: hsl(0 0% 100%);--color-action-background: hsl(40 20% 97.1%);--color-action-text: hsl(30 2.4% 16.1%);--color-accent: hsl(21.5 100% 58.4%);--color-highlight: hsl(42.6 93.2% 53.5%);--color-muted: hsl(24 3.1% 68%);--color-link: hsl(21.9 61.8% 33.9%);--color-divider: hsl(50 12.5% 90.6%);--border-hue: 36;--border-saturation: 20%;--border-lightness: 84%;--border-lightness-strong: 80%;--color-border: hsl(var(--border-hue) var(--border-saturation) var(--border-lightness));--color-border-strong: hsl(var(--border-hue) var(--border-saturation) var(--border-lightness-strong));--color-rust: hsl(19.6 56% 31.2%);--color-wine: hsl(0 37% 35.5%);--color-amber: hsl(38 92.3% 45.7%);--color-teal: hsl(184.5 75% 31.4%);--color-night: hsl(214.8 58.5% 10.4%);--color-sky: hsl(213.3 79.7% 72.9%);--canvas-background: var(--color-background);--canvas-dot: hsl(0 13.2% 14.9% / 6%);--canvas-dot-radius: 1.75px;--canvas-block: hsl(42 16.7% 88.2%);--canvas-ink: hsl(38 16.9% 37.3%);--canvas-selection: var(--color-accent);--font-display: "Alegreya Sans SC", "Alegreya Sans SC Fallback", sans-serif;--font-text: Inter, system-ui, sans-serif;--font-mono: ui-monospace, Menlo, monospace;--text-xs: 14px;--text-sm: 16px;--text-md: 20px;--text-lg: 24px;--text-xl: 32px;--text-2xl: 56px;--tracking-tight: -.02em;--tracking-tighter: -.04em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-0: 0;--radius-1: 0;--radius-2: 0;--radius-round: 0;--control-height: 40px;--control-height-sm: 32px;--shadow-1: none;--shadow-2: none;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .55s;--focus-ring: 3px solid var(--color-accent);--focus-offset: 2px}html{background:var(--color-background);background-image:radial-gradient(var(--canvas-dot) var(--canvas-dot-radius),transparent calc(var(--canvas-dot-radius) + .5px));background-size:40px 40px}body{margin:0;padding:40px 24px 96px;color:var(--color-text);font-family:var(--font-display);font-weight:500;--preview: var(--color-text);--tile: 128px}.tb-head{max-width:1280px;margin:0 auto 32px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.tb-head h1{margin:0;font-size:var(--text-2xl);line-height:.9;letter-spacing:var(--tracking-tight)}.tb-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tb{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}@media(max-width:820px){.tb{grid-template-columns:minmax(0,1fr)}}.tb-panel,.tb-card{position:relative;isolation:isolate}.tb-panel:before,.tb-panel:after,.tb-card:before,.tb-card:after{content:"";position:absolute;inset:0;z-index:-1}.tb-panel:before,.tb-card:before{background:var(--color-border);clip-path:var(--rough-clip)}.tb-panel:after,.tb-card:after{background:var(--color-surface);clip-path:var(--rough-clip-in)}.tb-card:nth-child(2n):before{clip-path:var(--rough-clip-2)}.tb-card:nth-child(2n):after{clip-path:var(--rough-clip-in-2)}.tb-card:nth-child(3n):before{clip-path:var(--rough-clip-3)}.tb-card:nth-child(3n):after{clip-path:var(--rough-clip-in-3)}.tb-panel{position:sticky;top:24px;padding:20px 24px 24px;display:flex;flex-direction:column;gap:var(--space-3)}.tb-panel h2{margin:var(--space-4) 0 0;font-size:var(--text-md);line-height:1;color:var(--color-muted)}.tb-panel h2:first-child{margin-top:0}.tb-panel ds-slider{width:100%}.tb-panel ds-switch{font-size:var(--text-sm)}.tb-row{display:flex;gap:var(--space-2);align-items:flex-end}.tb-row ds-text-field{flex:1;min-width:0}.tb-main{min-width:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:4px;margin:-4px}@media(max-width:820px){.tb-main{position:static;max-height:none;overflow:visible}}.tb-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:24px;text-align:center;cursor:pointer;border:2px dashed var(--color-border-strong);color:var(--color-muted);transition:border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.tb-drop b{font-size:var(--text-lg);color:var(--color-text)}.tb-drop span{font:500 14px var(--font-text)}.tb-drop:hover,body.dragging .tb-drop{border-color:var(--color-accent);color:var(--color-text)}.tb-drop{min-height:max(160px,calc(100dvh - var(--drop-top, 160px) - 24px));box-sizing:border-box}body.has-files .tb-drop{display:none}.tb-overlay{position:fixed;inset:24px;z-index:10;display:none;place-items:center;pointer-events:none;border:2px dashed var(--color-accent);background:color-mix(in srgb,var(--color-background) 88%,transparent)}.tb-overlay b{font-size:var(--text-xl)}body.has-files.dragging .tb-overlay{display:grid}.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(2 * var(--tile) + 72px),1fr));gap:16px}.tb-card{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}.tb-card header{display:flex;align-items:center;gap:var(--space-2);min-width:0}.tb-card h3{flex:1;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-md)}.tb-pair{display:flex;gap:12px}.tb-pair figure{flex:1;margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}.tb-pair figcaption{font:500 12px var(--font-text);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.tb-view{position:relative;display:grid;place-items:center;height:var(--tile);background:var(--color-action-background);overflow:hidden}.tb-view img,.tb-view svg{max-width:calc(100% - 16px);max-height:calc(100% - 16px);width:auto;height:100%}.tb-view svg{color:var(--preview)}.tb-view ds-spinner{position:absolute;font-size:32px}.tb-card:not(.busy) .tb-view ds-spinner{display:none}.tb-card.busy .tb-baked svg{opacity:.35}.tb-meta{font:500 13px/1.4 var(--font-text);color:var(--color-muted)}.tb-meta .err,.tb-note{color:var(--color-link)}.tb-badge{flex:none;font:600 11px var(--font-text);text-transform:uppercase;letter-spacing:.06em;padding:3px 6px;color:var(--color-surface);background:var(--color-accent)}.tb-remove{--_fg: var(--color-muted)}.tb-remove:hover{--_fg: var(--color-text)}.tb-remove .ds-icon{width:calc(24px * 42 / 36);height:calc(24px * 42 / 36);margin:-2px}