@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2) format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");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}:root{--black: #000000;--white: #ffffff;--dark-bg: #101010;--grey: #777777;--dark-line: #292929;--light-line: #e5e5e5;--font-display: "Instrument Serif", "DM Serif Display", Georgia, serif;--font-ui: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-control: 8px;--r-panel: 12px;--ease: cubic-bezier(.2, 0, 0, 1);--t-fast: .12s;--t-med: .2s;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s12: 48px;color-scheme:light;--bg: var(--white);--surface: #fafafa;--raised: #f4f4f4;--fg: var(--black);--fg-2: #3d3d3d;--muted: var(--grey);--line: var(--light-line);--focus: var(--black);--accent: var(--black);--on-accent: var(--white);--danger: #b42318;--stage: #f2f2f2}:root[data-theme=dark]{color-scheme:dark;--bg: var(--dark-bg);--surface: #141414;--raised: #1b1b1b;--fg: var(--white);--fg-2: #d4d4d4;--muted: var(--grey);--line: var(--dark-line);--focus: var(--white);--accent: var(--white);--on-accent: var(--black);--danger: #f97066;--stage: #0a0a0a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: var(--dark-bg);--surface: #141414;--raised: #1b1b1b;--fg: var(--white);--fg-2: #d4d4d4;--muted: var(--grey);--line: var(--dark-line);--focus: var(--white);--accent: var(--white);--on-accent: var(--black);--danger: #f97066;--stage: #0a0a0a}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 14px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dg-wordmark{font-family:var(--font-display);font-weight:400;letter-spacing:0;line-height:1}.dg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dg-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:40px;padding:0 var(--s4);border-radius:var(--r-control);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-weight:500;cursor:pointer;transition:opacity var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);white-space:nowrap}.dg-btn:hover{opacity:.88}.dg-btn:active{transform:scale(.98)}.dg-btn[disabled]{opacity:.4;cursor:not-allowed}.dg-btn--secondary{background:transparent;color:var(--fg);border-color:var(--line)}.dg-btn--secondary:hover{background:var(--raised);opacity:1}.dg-btn--ghost{background:transparent;color:var(--fg);border-color:transparent}.dg-btn--ghost:hover{background:var(--raised);opacity:1}.dg-btn--lg{height:48px;padding:0 var(--s6);font-size:15px}.dg-btn--block{width:100%}.dg-icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-control);border:1px solid transparent;background:transparent;color:var(--fg-2);cursor:pointer;transition:background-color var(--t-fast) var(--ease)}.dg-icon-btn:hover{background:var(--raised);color:var(--fg)}.dg-icon-btn[aria-pressed=true]{background:var(--raised);border-color:var(--line);color:var(--fg)}.dg-icon-btn[disabled]{opacity:.35;cursor:not-allowed;background:transparent}.dg-icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.dg-slider{display:grid;grid-template-columns:1fr auto;gap:var(--s1) var(--s3);align-items:center}.dg-slider label{color:var(--fg-2)}.dg-slider output{color:var(--muted);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.dg-slider input[type=range]{grid-column:1 / -1;width:100%;height:20px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}.dg-slider input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--fg) var(--pct),var(--line) var(--pct));border-radius:1px}.dg-slider input[type=range]::-moz-range-track{height:2px;background:var(--line)}.dg-slider input[type=range]::-moz-range-progress{height:2px;background:var(--fg)}.dg-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:var(--bg);border:1.5px solid var(--fg)}.dg-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--bg);border:1.5px solid var(--fg)}.dg-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:2px;gap:2px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface)}.dg-seg button{height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);padding:0 var(--s2);white-space:nowrap}.dg-seg button[aria-checked=true]{background:var(--bg);color:var(--fg);box-shadow:0 0 0 1px var(--line)}.dg-progress{height:2px;background:transparent;overflow:hidden}.dg-progress>div{height:100%;background:var(--fg);transform-origin:left;transition:transform var(--t-med) var(--ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.start{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s8);padding:var(--s8);position:relative}.start__mark{margin:0;font-weight:400}.start__error{min-height:20px;margin:calc(var(--s4) * -1) 0 0;color:var(--danger);font-size:13px}.start__legal{position:absolute;bottom:var(--s6);color:var(--muted);font-size:12px;text-decoration:none}.start__legal:hover{color:var(--fg)}.boot{height:100dvh}.unsupported{max-width:520px;margin:0 auto;min-height:100dvh;padding:var(--s12) var(--s6);display:flex;flex-direction:column;justify-content:center;gap:var(--s4)}.unsupported h1{font:400 32px/1.15 var(--font-display);margin:var(--s4) 0 0}.unsupported h2{font-size:14px;font-weight:500;margin:var(--s2) 0 0}.unsupported p,.unsupported li{color:var(--fg-2);margin:0}.unsupported ul{margin:var(--s2) 0;padding-left:var(--s5);display:grid;gap:var(--s1)}.unsupported .muted{color:var(--muted);font-size:13px}.unsupported__actions{display:flex;gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap}.editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:100dvh;overflow:hidden}.stage{display:grid;grid-template-rows:56px 2px minmax(0,1fr) 72px;min-width:0;min-height:0;background:var(--bg)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:0 var(--s4) 0 var(--s6);border-bottom:1px solid var(--line);min-width:0}.toolbar__group{display:flex;align-items:center;gap:var(--s1);min-width:0;overflow-x:auto;scrollbar-width:none}.toolbar__group .dg-seg{min-width:252px;margin-left:var(--s1)}.toolbar__sep{width:1px;height:20px;background:var(--line);margin:0 var(--s2);flex:none}.toolbar__zoom{min-width:44px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.stage__view{position:relative;min-height:0;background:var(--stage);overflow:hidden}.stage__empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.viewer{position:absolute;inset:0;touch-action:none;cursor:grab}.viewer:active{cursor:grabbing}.viewer--pick{cursor:crosshair}.viewer canvas{display:block}.busy,.notice{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:var(--s3);align-items:center;padding:var(--s2) var(--s4);border-radius:var(--r-control);background:var(--bg);border:1px solid var(--line);font-size:13px;color:var(--fg-2);box-shadow:0 2px 8px #0000000f;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.busy{top:var(--s4);font-variant-numeric:tabular-nums}.busy--error{color:var(--danger)}.notice{bottom:var(--s4)}.link{border:0;background:none;padding:0;color:var(--fg);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:13px}.strip{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s4) 0 var(--s6);border-top:1px solid var(--line);overflow-x:auto}.thumb{position:relative;flex:none;width:48px;height:48px;border-radius:var(--r-control);border:1px solid var(--line);background:var(--surface)}.thumb--active{border-color:var(--fg)}.thumb__btn{width:100%;height:100%;padding:0;border:0;background:none;border-radius:7px;overflow:hidden;cursor:pointer}.thumb__btn img{width:100%;height:100%;object-fit:cover;display:block}.thumb__ph{display:block;width:100%;height:100%;background:var(--raised)}.thumb__x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:12px;line-height:1;padding:0;cursor:pointer;opacity:0;transition:opacity var(--t-fast) var(--ease)}.thumb:hover .thumb__x,.thumb__x:focus-visible{opacity:1}.thumb--add{display:grid;place-items:center;color:var(--muted);font-size:20px;cursor:pointer}.strip__meta{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.strip__legal{color:var(--muted);font-size:12px;text-decoration:none;margin-left:var(--s4)}.panel{border-left:1px solid var(--line);overflow-y:auto;min-height:0;background:var(--bg);position:relative}.panel__inner{display:flex;flex-direction:column}.panel__empty{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg)}.section{padding:var(--s5) var(--s5);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s3)}.section--last{border-bottom:0}.section__title{margin:0;font:400 24px/1.15 var(--font-display);display:flex;flex-direction:column;gap:var(--s1)}.section__title span{font:400 13px/1.4 var(--font-ui);color:var(--muted)}.section__label{margin:0;font-size:13px;font-weight:500;color:var(--fg)}.controls{display:grid;gap:var(--s3)}.hint{margin:0;display:flex;gap:var(--s2);align-items:center;color:var(--muted);font-size:13px}.meta{margin:0;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.list{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:340px;overflow-y:auto;margin-right:calc(var(--s2) * -1);padding-right:var(--s2)}.list__row{width:100%;height:34px;display:flex;align-items:center;gap:var(--s3);padding:0 var(--s2);border:0;border-radius:6px;background:transparent;cursor:pointer;text-align:left;color:var(--fg-2);transition:background-color var(--t-fast) var(--ease)}.list__row:hover{background:var(--surface);color:var(--fg)}.list__row[aria-selected=true]{background:var(--raised);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}.list__num{width:20px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.list__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__thumb{flex:none;width:36px;height:24px;border-radius:4px;overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.list__thumb img{width:100%;height:100%;object-fit:cover;display:block;animation:dg-fade var(--t-fast) var(--ease)}.list__thumb--none{background:transparent}.list__empty{padding:var(--s2);color:var(--muted);font-size:12px}.search{position:relative;display:flex;align-items:center;margin:var(--s2) 0}.search svg{position:absolute;left:8px;width:14px;height:14px;color:var(--muted);pointer-events:none}.search input{width:100%;height:30px;padding:0 var(--s2) 0 28px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);color:var(--fg);font:inherit;font-size:13px}.search input:focus-visible{outline:2px solid var(--fg-2);outline-offset:1px}.results+.results{margin-top:var(--s3)}.results .section__label{margin:var(--s2) 0 var(--s1)}.strip__ver{color:var(--muted);font-size:11px;margin-left:var(--s3);opacity:.7;font-variant-numeric:tabular-nums}@keyframes dg-fade{0%{opacity:0}to{opacity:1}}.share{border:1px solid var(--line);border-radius:var(--r-control);padding:var(--s3);display:grid;gap:var(--s2)}.share p{margin:0}.share__row{display:grid;grid-template-columns:1fr auto;gap:var(--s2)}.share__row input{height:40px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);padding:0 var(--s3);min-width:0;font-size:13px}.error{color:var(--danger)}@media(max-width:760px){.editor{grid-template-columns:1fr;grid-template-rows:minmax(300px,52dvh) minmax(0,1fr);height:100dvh}.stage{grid-template-rows:48px 2px minmax(0,1fr) 60px}.toolbar{padding:0 var(--s2) 0 var(--s4);gap:var(--s2)}.toolbar .dg-wordmark{display:none}.toolbar__group .dg-seg{min-width:220px}.strip{padding:0 var(--s3)}.thumb{width:40px;height:40px}.panel{border-left:0;border-top:1px solid var(--line)}.list{max-height:240px}}@media(max-width:380px){.toolbar__sep,.toolbar__zoom{display:none}}@media(horizontal-viewport-segments:2){.editor{grid-template-columns:env(viewport-segment-width 0 0) calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0)) env(viewport-segment-width 1 0);grid-template-rows:100dvh}.stage{grid-column:1}.panel{grid-column:3;border-left:0;border-top:0}}@media(vertical-viewport-segments:2){.editor{grid-template-columns:1fr;grid-template-rows:env(viewport-segment-height 0 0) calc(env(viewport-segment-top 0 1) - env(viewport-segment-bottom 0 0)) env(viewport-segment-height 0 1)}.stage{grid-row:1}.panel{grid-row:3;border-left:0;border-top:0}}:root[data-segments=horizontal] .editor{grid-template-columns:var(--seg-a-w) var(--hinge) minmax(0,1fr)}:root[data-segments=horizontal] .stage{grid-column:1}:root[data-segments=horizontal] .panel{grid-column:3}:root[data-segments=vertical] .editor{grid-template-columns:1fr;grid-template-rows:var(--seg-a-h) var(--hinge) minmax(0,1fr)}:root[data-segments=vertical] .stage{grid-row:1}:root[data-segments=vertical] .panel{grid-row:3}.dropzone{position:fixed;inset:0;z-index:50;display:grid;place-items:center;pointer-events:none;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:dz-fade .16s var(--ease) both}.dropzone__card{width:min(360px,78vw);aspect-ratio:6 / 5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);border:1px dashed color-mix(in srgb,var(--fg) 45%,transparent);border-radius:var(--r-panel);background:var(--bg);color:var(--fg);text-align:center;transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease);animation:dz-rise .22s var(--ease) both}.dropzone[data-state=hover] .dropzone__card{border-color:var(--fg);border-style:solid;background:var(--surface);transform:scale(1.015)}.dropzone__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:var(--s2);border-radius:50%;border:1px solid var(--line)}.dropzone__icon .dg-icon{width:22px;height:22px}.dropzone__title{margin:0;font-family:var(--font-display, "Instrument Serif", serif);font-size:28px;line-height:1.1;letter-spacing:-.01em}.dropzone__hint{margin:0;color:var(--muted);font-size:13px}@keyframes dz-fade{0%{opacity:0}to{opacity:1}}@keyframes dz-rise{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dropzone,.dropzone__card{animation:dz-fade 1ms both}.dropzone__card{transition:none}.dropzone[data-state=hover] .dropzone__card{transform:none}}