@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-latin.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:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.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}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--accent)}a:hover{color:color-mix(in oklch,var(--accent),var(--ink) 20%)}:root{--bg: oklch(97.3% .006 250);--bg-canvas: oklch(93.2% .008 250);--surface: oklch(100% 0 0);--border: oklch(89% .01 250);--ink: oklch(23% .02 260);--ink-soft: oklch(46% .02 258);--ink-faint: oklch(66% .014 258);--line: oklch(90% .008 255);--accent: oklch(58% .19 275);--accent-soft: oklch(93% .035 275);--accent-contrast: oklch(99% 0 0);--accent-glow: oklch(58% .19 275 / .28);--accent-ring: oklch(58% .19 275 / .35);--new: oklch(68% .16 55);--danger: oklch(55% .2 25);--highlight: oklch(88% .11 95);--note: oklch(90% .09 95);--diff-removed: oklch(55% .2 25);--diff-removed-soft: oklch(94% .05 25);--diff-added: oklch(50% .15 150);--diff-added-soft: oklch(94% .05 150);--overlay: oklch(23% .02 260 / .55);--shadow-menu: 0 10px 28px oklch(23% .02 260 / .14);--shadow-soft: 0 4px 12px oklch(23% .02 260 / .06);--shadow-card: 0 1px 2px oklch(23% .02 260 / .05);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: oklch(21% .015 262);--bg-canvas: oklch(16% .012 262);--surface: oklch(25.5% .017 262);--border: oklch(34% .018 262);--ink: oklch(95% .008 250);--ink-soft: oklch(78% .014 253);--ink-faint: oklch(62% .016 255);--line: oklch(33% .016 258);--accent: oklch(70% .16 275);--accent-soft: oklch(34% .075 275);--accent-contrast: oklch(17% .02 275);--accent-glow: oklch(70% .16 275 / .3);--accent-ring: oklch(70% .16 275 / .45);--new: oklch(74% .15 55);--danger: oklch(68% .18 25);--highlight: oklch(88% .11 95);--note: oklch(90% .09 95);--diff-removed: oklch(68% .18 25);--diff-removed-soft: oklch(33% .08 25);--diff-added: oklch(72% .15 150);--diff-added-soft: oklch(31% .07 150);--overlay: oklch(10% .01 262 / .68);--shadow-menu: 0 12px 32px oklch(6% .01 262 / .55);--shadow-soft: 0 4px 14px oklch(6% .01 262 / .4);--shadow-card: 0 1px 2px oklch(6% .01 262 / .5);color-scheme:dark}}:root[data-theme=dark]{--bg: oklch(21% .015 262);--bg-canvas: oklch(16% .012 262);--surface: oklch(25.5% .017 262);--border: oklch(34% .018 262);--ink: oklch(95% .008 250);--ink-soft: oklch(78% .014 253);--ink-faint: oklch(62% .016 255);--line: oklch(33% .016 258);--accent: oklch(70% .16 275);--accent-soft: oklch(34% .075 275);--accent-contrast: oklch(17% .02 275);--accent-glow: oklch(70% .16 275 / .3);--accent-ring: oklch(70% .16 275 / .45);--new: oklch(74% .15 55);--danger: oklch(68% .18 25);--highlight: oklch(88% .11 95);--note: oklch(90% .09 95);--diff-removed: oklch(68% .18 25);--diff-removed-soft: oklch(33% .08 25);--diff-added: oklch(72% .15 150);--diff-added-soft: oklch(31% .07 150);--overlay: oklch(10% .01 262 / .68);--shadow-menu: 0 12px 32px oklch(6% .01 262 / .55);--shadow-soft: 0 4px 14px oklch(6% .01 262 / .4);--shadow-card: 0 1px 2px oklch(6% .01 262 / .5);color-scheme:dark}button{font-family:inherit}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-contrast);border:none;padding:11px 18px;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary.danger{background:var(--danger);box-shadow:0 6px 16px color-mix(in oklch,var(--danger),transparent 72%)}.btn-split{display:flex}.btn-split>.btn-primary{border-top-right-radius:0;border-bottom-right-radius:0}.btn-split-caret{padding-left:9px;padding-right:9px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid color-mix(in oklch,var(--accent-contrast),transparent 72%)}.icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:transparent;border:none;cursor:pointer;color:var(--ink-soft)}.icon-btn:disabled{color:var(--ink-faint);cursor:not-allowed}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.icon-btn.bordered{border:1px solid var(--border);background:var(--surface)}.tool-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:transparent;border:none;cursor:pointer;color:var(--ink-soft)}.tool-btn.active{background:var(--accent-soft);color:var(--accent)}.form-field{font-family:inherit;color:var(--ink);background:var(--accent-soft);border:1px solid var(--accent);border-radius:3px;padding:0 3px;outline:none}.form-field-input{min-width:0}.form-field:focus-visible,.form-field:focus{box-shadow:0 0 0 2px var(--accent-ring)}.form-field-toggle{display:flex;align-items:center;justify-content:center;padding:0;color:var(--accent);cursor:pointer}.form-field-dot{width:52%;height:52%;border-radius:50%;background:var(--accent)}.form-field-locked{background:transparent;border:1px dashed var(--ink-faint)}.section-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.file-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;cursor:pointer;text-align:left;background:none;border:none;padding:0;width:100%;font-family:inherit;color:inherit}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.home-page{min-height:100vh;padding:48px 56px 80px;display:flex;flex-direction:column;gap:40px;position:relative}.home-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.home-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:640px){.home-page{padding:20px 16px 56px;gap:28px}.home-header h1{font-size:22px}.file-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.file-card-thumb{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;aspect-ratio:3 / 4;padding:20px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow-card);overflow:hidden}.file-card:hover .file-card-thumb{border-color:var(--accent)}.file-card-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-time{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-faint);display:flex;align-items:center;gap:7px;min-width:0}.file-card-origin{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;padding:1px 6px 1px 4px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:10px;font-weight:700;letter-spacing:.01em}.drafts-bar{display:flex;flex-direction:column;gap:12px;padding:14px 18px;border-radius:14px;border:1px solid var(--accent);background:var(--accent-soft)}.draft-chip{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:999px;background:var(--surface);overflow:hidden;max-width:100%}.draft-chip-open{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:7px 14px;border:none;background:none;font-family:inherit;color:inherit;text-align:left;cursor:pointer}.draft-chip-open:hover{background:color-mix(in oklch,var(--accent) 8%,transparent)}.draft-chip-name{font-size:13px;font-weight:700;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-chip-time{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-faint)}.draft-chip-delete{display:flex;align-items:center;justify-content:center;width:36px;border:none;border-left:1px solid var(--border);background:none;color:var(--ink-soft);cursor:pointer}.draft-chip-delete:hover{color:var(--danger)}.file-card-wrap{position:relative;display:flex;flex-direction:column;min-width:0}.file-card-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;z-index:1}.new-badge,.draft-badge{background:var(--new);color:#23140a;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:999px}.draft-badge{background:var(--accent);color:var(--accent-contrast)}.file-card-delete{position:absolute;top:8px;right:8px;z-index:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,border-color .12s ease}.file-card-wrap:hover .file-card-delete,.file-card-delete:focus-visible{opacity:1}.file-card-delete:hover{color:var(--danger);border-color:var(--danger)}@media(hover:none){.file-card-delete{opacity:1}}.cut-line{position:absolute;top:4px;bottom:4px;left:-18px;width:20px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.cut-line:disabled{cursor:default}.cut-line-bar{position:absolute;top:0;bottom:0;width:2px;border-radius:2px;background:var(--ink-faint);opacity:0}.cut-line-icon{display:flex;padding:3px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);opacity:0}.cut-line:hover .cut-line-bar,.cut-line:focus-visible .cut-line-bar{opacity:.6}.cut-line:hover .cut-line-icon,.cut-line:focus-visible .cut-line-icon{opacity:1}.cut-line[data-cut=on] .cut-line-bar{background:var(--accent);opacity:1}.cut-line[data-cut=on] .cut-line-icon{border-color:var(--accent);color:var(--accent);opacity:1}.editor-header{height:68px;flex-shrink:0;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.editor-header-left{display:flex;align-items:center;gap:16px;min-width:0}.editor-header-file{display:flex;align-items:center;gap:8px;min-width:0}.editor-header-actions{display:flex;align-items:center;gap:6px}.editor-title{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-dirty-dot{width:8px;height:8px;border-radius:50%;background:var(--new);flex-shrink:0}.editor-draft-mark{font-size:12px;color:var(--ink-faint);white-space:nowrap}.editor-header-divider{width:1px;height:24px;background:var(--border);margin:0 10px}.editor-banner{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 28px;background:var(--surface);border-bottom:1px solid var(--danger);color:var(--danger);font-size:13px}.editor-banner-text{flex:1}.editor-banner-action{width:auto;height:30px;padding:0 12px;font-size:12px;font-weight:700;color:var(--ink)}.editor-banner-close{width:26px;height:26px}.doc-search-bar{box-shadow:var(--shadow-menu)}.doc-search-bar:focus-within{box-shadow:0 0 0 2px var(--accent-ring),var(--shadow-menu)}.page-rotate{position:absolute;top:14px;left:14px;width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink-soft);cursor:pointer;opacity:0;z-index:2}.page-rotate:disabled{cursor:default}.page-tile:hover .page-rotate,.page-rotate:focus-visible,.page-rotate[data-turned=on]{opacity:1}.page-rotate[data-turned=on]{border-color:var(--accent);color:var(--accent)}@media(hover:none){.page-rotate{opacity:1;width:44px;height:44px;top:6px;left:6px}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.table-frame{border:1.5px solid transparent;border-radius:6px;transition:border-color .12s ease,background-color .12s ease}.table-frame:hover,.table-frame:focus-within{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,transparent)}.table-frame-copy{position:absolute;bottom:calc(100% + 4px);right:-2px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;opacity:0;box-shadow:var(--shadow-soft)}.table-frame:hover .table-frame-copy,.table-frame-copy:focus-visible{opacity:1}.compare-page{min-height:100vh;padding:32px 48px 64px;display:flex;flex-direction:column;gap:24px}.compare-picker{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.compare-slot{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);min-width:0}.compare-summary{display:flex;flex-wrap:wrap;gap:8px 20px;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-size:13px;color:var(--ink-soft)}.compare-page-row{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.compare-page-head{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.compare-page-head:hover{background:var(--accent-soft)}.compare-badge{flex-shrink:0;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.compare-badge[data-status=equal]{background:var(--bg-canvas);color:var(--ink-faint)}.compare-badge[data-status=changed]{background:var(--accent-soft);color:var(--accent)}.compare-badge[data-status=added]{background:var(--diff-added-soft);color:var(--diff-added)}.compare-badge[data-status=removed]{background:var(--diff-removed-soft);color:var(--diff-removed)}.compare-page-body{display:flex;flex-direction:column;gap:14px;padding:0 16px 16px}.compare-text{font-size:14px;line-height:1.75;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.compare-text ins{background:var(--diff-added-soft);color:var(--diff-added);text-decoration:none;border-bottom:2px solid var(--diff-added);border-radius:3px;padding:0 2px}.compare-text del{background:var(--diff-removed-soft);color:var(--diff-removed);border-radius:3px;padding:0 2px}.compare-text .compare-gap{color:var(--ink-faint)}.compare-image{max-width:100%;border:1px solid var(--border);border-radius:10px;background:#fff}.compare-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--ink-faint)}.compare-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:baseline}@media(max-width:760px){.compare-page{padding:20px 16px 56px;gap:18px}.compare-picker{grid-template-columns:1fr}}.image-frame{border:1.5px solid transparent;border-radius:4px;transition:border-color .12s ease,background-color .12s ease}.image-frame:hover,.image-frame:focus-within{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,transparent)}.image-frame-save{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-family:inherit;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;opacity:0;box-shadow:var(--shadow-soft)}.image-frame:hover .image-frame-save,.image-frame-save:focus-visible{opacity:1}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 7px;border:1px solid var(--border);border-bottom-width:2px;border-radius:7px;background:var(--bg);color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.5;white-space:nowrap}.spinner{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spinner-turn .8s linear infinite}@keyframes spinner-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}