@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}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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{--background: #121212;--foreground: #ffffff;--card: #161618;--card-border: rgba(255, 255, 255, .1);--primary: #eff483;--primary-foreground: #0a0a0a;--secondary: #1f1f23;--muted-foreground: #a1a1aa;--destructive: #f87171;--warning: #fbbf24;--border: rgba(255, 255, 255, .1);--radius: .625rem;--font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif;--font-heading: "Geist Variable", "Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box;border-color:var(--border)}html{color-scheme:dark}html,body,#root{height:100%;margin:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:var(--font-sans)}.app{display:flex;height:100%}.app.drag-over:after{content:"drop to preview";position:fixed;inset:0;background:#eff48314;border:2px dashed var(--primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:22px;font-weight:600;color:var(--primary);pointer-events:none}.sidebar{width:280px;flex-shrink:0;background:var(--background);border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;height:64px;padding:0 16px;border-bottom:1px solid var(--border);font-family:var(--font-heading);font-weight:600;font-size:15px;letter-spacing:-.01em}.brand img{width:24px;height:24px;border-radius:6px}.data-dir{padding:12px 16px 4px;font-size:11px;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}.file-list{list-style:none;margin:4px 0 0;padding:0 8px;overflow-y:auto;flex:1}.file-list button{display:block;width:100%;text-align:left;background:none;border:none;color:#ffffffb3;padding:8px 10px;border-radius:calc(var(--radius) - 2px);cursor:pointer;font-size:13px;font-family:var(--font-mono);transition:background .12s ease,color .12s ease}.file-list button:hover{background:#ffffff0f;color:var(--foreground)}.file-list button.active{background:#ffffff1a;color:var(--primary)}.file-list .empty{color:var(--muted-foreground);padding:12px 10px;font-size:13px}.offline{padding:16px;color:var(--muted-foreground);font-size:13px;line-height:1.55}.offline code{color:var(--primary);font-family:var(--font-mono);font-size:12px}.offline .open-file{display:block;width:100%;margin:12px 0;height:36px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-weight:600;font-size:13px;cursor:pointer;transition:background .12s ease}.offline .open-file:hover{background:#eff483d9}.offline-hint{font-size:12px;color:#ffffff59}.watching{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:12px;color:var(--primary);border-top:1px solid var(--border);font-family:var(--font-mono)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.link-button{background:none;border:none;padding:0;text-align:left;color:var(--muted-foreground);font-size:12px;cursor:pointer;transition:color .12s ease}.link-button:hover{color:var(--primary)}.sidebar-footer a{color:#ffffff59;font-size:12px;text-decoration:none;transition:color .12s ease}.sidebar-footer a:hover{color:var(--muted-foreground)}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--background)}.toolbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 20px;background:#121212d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.toolbar .title{display:flex;gap:12px;align-items:baseline;min-width:0}.toolbar .title strong{font-family:var(--font-heading);font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar .title span{color:#ffffff59;font-size:12px;white-space:nowrap}.actions{display:flex;gap:8px}.actions button{height:32px;padding:0 12px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .12s ease}.actions button:first-child{background:var(--primary);color:var(--primary-foreground);font-weight:600}.actions button:first-child:hover{background:#eff483d9}.actions button:not(:first-child){background:transparent;color:var(--foreground);border-color:var(--border)}.actions button:not(:first-child):hover{background:#ffffff0f}.actions button:active{transform:translateY(1px)}.dialog-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.dialog{width:380px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:0 20px 60px #00000080}.dialog h2{margin:0 0 6px;font-family:var(--font-heading);font-size:16px;font-weight:600}.dialog-hint{margin:0 0 14px;color:var(--muted-foreground);font-size:12px;line-height:1.5}.dialog label{display:block;margin-bottom:12px;font-size:12px;color:var(--muted-foreground)}.dialog input{display:block;width:100%;margin-top:4px;height:32px;padding:0 10px;background:var(--secondary);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);color:var(--foreground);font-size:13px;font-family:var(--font-mono);box-sizing:border-box}.dialog input:focus{outline:none;border-color:var(--primary)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dialog-actions button{height:32px;padding:0 14px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;background:var(--primary);color:var(--primary-foreground);transition:background .12s ease}.dialog-actions button:hover{background:#eff483d9}.dialog-actions button.secondary{background:transparent;color:var(--foreground);border-color:var(--border)}.dialog-actions button.secondary:hover{background:#ffffff0f}.issues{margin:12px 20px 0;padding:10px 14px;border-radius:var(--radius);font-size:13px}.issues ul{margin:4px 0 0;padding-left:18px}.issues code{font-family:var(--font-mono);font-size:12px;opacity:.7;margin-right:6px}.issues.errors{background:#f8717126;border:1px solid rgba(248,113,113,.3);color:var(--destructive)}.issues.warnings{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:var(--warning)}.preview{flex:1;position:relative;overflow:hidden;cursor:grab;background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 24px 24px,var(--background)}.preview:active{cursor:grabbing}.sheet{position:absolute;box-shadow:0 8px 40px #0000008c;border-radius:2px;background:transparent}.sheet svg{display:block}.zoom-hint{position:absolute;bottom:10px;right:14px;font-size:11px;color:#ffffff4d;pointer-events:none}.placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted-foreground);text-align:center;padding:24px}.placeholder h1{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em;color:var(--foreground);font-size:26px;margin:0 0 6px}.placeholder .hint{color:#ffffff59}.placeholder .open-file.big{margin-top:18px;height:40px;padding:0 20px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease}.placeholder .open-file.big:hover{background:#eff483d9}