@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,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(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#09090b;--bg-soft:#0c0c0f;--panel:#111115;--panel-2:#17171c;--panel-3:#1b1b21;--panel-4:#202027;--line:#26262c;--line-2:#303038;--line-3:#3c3c45;--text:#f6f6f7;--text-2:#c9c9d1;--muted:#92929f;--muted-2:#71717c;--muted-3:#5c5c66;--red:#ee243c;--red-2:#ff5367;--red-3:#c91e33;--red-soft:#ee243c1a;--green:#26c281;--green-soft:#26c2811a;--warning:#f0a83e;--warning-soft:#f0a83e1a;--blue:#69a9ee;--blue-soft:#69a9ee1a;--purple:#9a7dff;--titlebar:#1d1d20;--titlebar-line:#29292e;--viewer-bg:#0b0b0e;--page-shadow:0 10px 34px #0000008c;--r-sm:6px;--r-md:9px;--r-lg:12px;--r-xl:16px;--titlebar-h:36px;--tabbar-h:36px;--ribbon-h:88px;--status-h:28px;--font:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}:root[data-theme=light]{--bg:#f4f4f6;--bg-soft:#eeeef1;--panel:#fff;--panel-2:#f7f7f9;--panel-3:#f0f0f3;--panel-4:#e7e7eb;--line:#dededf;--line-2:#d0d0d4;--line-3:#bcbcc3;--text:#16161a;--text-2:#33333b;--muted:#6a6a75;--muted-2:#82828d;--muted-3:#9a9aa4;--red-soft:#ee243c17;--titlebar:#fff;--titlebar-line:#e2e2e6;--viewer-bg:#e8e8ec;--page-shadow:0 6px 22px #14141e29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);user-select:none;min-width:0;margin:0;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--line-3);background-clip:content-box}.app{background:radial-gradient(circle at 88% -4%, #ee243c12, transparent 34%), var(--bg);flex-direction:column;height:100vh;display:flex}.app-body{flex:1;min-height:0;display:flex}.titlebar{height:var(--titlebar-h);background:var(--titlebar);border-bottom:1px solid var(--titlebar-line);flex:none;align-items:center;gap:8px;padding:0 0 0 10px;display:flex}.titlebar--desktop{-webkit-app-region:drag}.titlebar--browser{-webkit-app-region:no-drag;min-width:0;height:48px;padding:0 16px}.titlebar--browser .titlebar__title,.titlebar--browser .titlebar__logo{flex-shrink:0}.titlebar--browser .titlebar__file{text-align:right;flex:1;min-width:0;max-width:none}.titlebar__logo{object-fit:contain;border-radius:5px;width:20px;height:20px}.titlebar__title{letter-spacing:-.1px;font-size:12px;font-weight:620}.titlebar__badge{color:var(--red-2);background:var(--red-soft);letter-spacing:.55px;text-transform:uppercase;border:1px solid #ee243c61;border-radius:5px;padding:2px 5px;font-size:7px;font-weight:700}.titlebar__file{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;max-width:40%;margin-left:10px;font-size:11px;overflow:hidden}.titlebar__menu{-webkit-app-region:no-drag;gap:1px;margin-left:8px;display:flex}.titlebar__menu button{color:var(--muted);border-radius:var(--r-sm);background:0 0;border:0;padding:5px 9px;font-size:11px}.titlebar__menu button:hover{background:var(--panel-3);color:var(--text)}.titlebar__menu-entry{position:relative}.titlebar__menu button[aria-expanded=true]{background:var(--panel-3);color:var(--text)}.titlebar__menu button:disabled{opacity:.4;cursor:default}.titlebar__menu button:focus-visible{outline:2px solid var(--red-2);outline-offset:-2px}.titlebar__dropdown{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--panel);z-index:90;min-width:260px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 18px 44px #00000080}.titlebar__action{width:100%}.titlebar__action-label{text-align:left;white-space:nowrap;flex:1}.titlebar__accel{color:var(--muted-3);font-size:9px}.titlebar__spacer{flex:1}.window-controls{-webkit-app-region:no-drag;height:100%;display:flex}.window-controls button{width:46px;color:var(--muted);background:0 0;border:0;place-items:center;transition:all .15s;display:grid}.window-controls button:hover{background:var(--panel-3);color:var(--text)}.window-controls button.close:hover{background:var(--red-3);color:#fff}.mac .window-controls{display:none}.titlebar--desktop.mac{padding-left:78px}.tabbar{height:var(--tabbar-h);background:var(--bg-soft);border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;align-items:stretch;gap:2px;padding:0 6px;display:flex;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.doc-tab{border-radius:var(--r-md) var(--r-md) 0 0;min-width:168px;max-width:260px;color:var(--muted);background:0 0;border:1px solid #0000;border-bottom:none;align-items:center;gap:8px;padding:0 8px 0 12px;font-size:11.5px;font-weight:560;transition:all .15s;display:flex}.doc-tab:hover{background:var(--panel-2);color:var(--text-2)}.doc-tab.active{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:inset 0 2px var(--red)}.doc-tab__name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.doc-tab__dot{background:var(--red-2);border-radius:50%;flex:none;width:6px;height:6px}.doc-tab__close{width:18px;height:18px;color:var(--muted-2);background:0 0;border:0;border-radius:4px;flex:none;place-items:center;display:grid}.doc-tab__close:hover{background:var(--line-2);color:var(--text)}.tabbar__add{border:1px dashed var(--line-2);border-radius:var(--r-sm);width:26px;height:26px;color:var(--muted);background:0 0;align-self:center;place-items:center;margin-left:4px;display:grid}.tabbar__add:hover{border-color:var(--red);color:var(--red-2)}.ribbon{background:var(--panel);border-bottom:1px solid var(--line);flex:none}.ribbon__tabs{border-bottom:1px solid var(--line);align-items:center;gap:2px;height:32px;padding:0 8px;display:flex}.ribbon__tab{color:var(--muted);border-radius:var(--r-sm) var(--r-sm) 0 0;letter-spacing:.1px;background:0 0;border:0;padding:6px 12px;font-size:11px;font-weight:620;position:relative}.ribbon__tab:hover{color:var(--text);background:var(--panel-2)}.ribbon__tab.active{color:var(--text)}.ribbon__tab.active:after{content:"";background:var(--red);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.ribbon__groups{scrollbar-width:thin;min-height:var(--ribbon-h);align-items:stretch;gap:0;padding:8px 10px 6px;display:flex;overflow-x:auto}.ribbon-group{border-right:1px solid var(--line);flex-direction:column;flex:none;padding:0 12px;display:flex}.ribbon-group:last-child{border-right:none}.ribbon-group__items{flex:1;align-items:flex-start;gap:3px;display:flex}.ribbon-group__label{text-align:center;color:var(--muted-3);letter-spacing:.6px;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:700}.ribbon-btn{border-radius:var(--r-md);min-width:54px;color:var(--text-2);text-align:center;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:5px;padding:6px 7px;font-size:9.5px;font-weight:560;line-height:1.2;transition:all .15s;display:flex}.ribbon-btn svg{color:var(--muted);transition:all .15s}.ribbon-btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--line-2);color:var(--text)}.ribbon-btn:hover:not(:disabled) svg{color:var(--red-2)}.ribbon-btn.active{color:#fff;background:linear-gradient(#ee243c2b,#ee243c0d);border-color:#ee243c6b}.ribbon-btn.active svg{color:var(--red-2)}.ribbon-btn:disabled{opacity:.34;cursor:not-allowed}.ribbon-btn.small{flex-direction:row;gap:7px;min-width:0;padding:6px 9px;font-size:10.5px}.ribbon-stack{flex-direction:column;gap:2px;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;min-height:0;display:flex}.sidebar--right{border-right:none;border-left:1px solid var(--line)}.sidebar__rail{border-bottom:1px solid var(--line);flex:none;gap:2px;padding:6px;display:flex}.sidebar__rail button{border-radius:var(--r-sm);height:30px;color:var(--muted);background:0 0;border:1px solid #0000;flex:1;place-items:center;display:grid}.sidebar__rail button:hover{background:var(--panel-3);color:var(--text)}.sidebar__rail button.active{background:var(--red-soft);color:var(--red-2);border-color:#ee243c52}.sidebar__header{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.sidebar__title{letter-spacing:.7px;text-transform:uppercase;color:var(--muted-2);font-size:10px;font-weight:720}.sidebar__body{flex:1;min-height:0;padding:0 8px 12px;overflow:hidden auto}.sidebar__resizer{cursor:col-resize;background:0 0;flex:none;width:4px}.sidebar__resizer:hover{background:#ee243c66}.thumb-grid{flex-direction:column;gap:8px;padding-top:4px;display:flex}.thumb{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:7px;transition:all .15s;display:flex;position:relative}.thumb:hover{border-color:var(--line-3)}.thumb.active{border-color:var(--red);box-shadow:0 0 0 1px #ee243c59}.thumb.selected{background:var(--red-soft);border-color:#ee243c73}.thumb.drag-over{border-color:var(--blue);box-shadow:0 -2px 0 var(--blue)}.thumb__image{background:#fff;border-radius:4px;width:100%;display:block;box-shadow:0 2px 10px #0006}.thumb__placeholder{aspect-ratio:1/1.414;background:linear-gradient(110deg, var(--panel-3) 30%, var(--panel-4) 50%, var(--panel-3) 70%);background-size:220% 100%;border-radius:4px;width:100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-220% 0}}.thumb__label{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:9.5px}.thumb__badge{border:1px solid var(--line-2);color:var(--text-2);background:#09090bd1;border-radius:5px;padding:1px 5px;font-size:8px;position:absolute;top:10px;right:10px}.tree-item,.list-row{border-radius:var(--r-sm);width:100%;color:var(--text-2);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:6px 8px;font-size:11px;transition:all .14s;display:flex}.tree-item:hover,.list-row:hover{background:var(--panel-2);color:var(--text)}.tree-item.active,.list-row.active{background:var(--red-soft);color:var(--text);border-color:#ee243c4d}.tree-item__caret{width:14px;height:14px;color:var(--muted-2);flex:none;place-items:center;display:grid}.tree-item__title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-item__page{color:var(--muted-3);font-variant-numeric:tabular-nums;font-size:9px}.list-row__icon{border-radius:var(--r-sm);background:var(--panel-3);flex:none;place-items:center;width:22px;height:22px;display:grid}.list-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-row__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:620;overflow:hidden}.list-row__body small{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.empty-state{text-align:center;color:var(--muted-3);flex-direction:column;align-items:center;gap:9px;padding:26px 14px;font-size:10.5px;line-height:1.6;display:flex}.empty-state svg{color:var(--line-3)}.viewer{background:var(--viewer-bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.viewer__scroll{scroll-behavior:auto;flex:1;padding:22px 0 40px;overflow:auto}.viewer__pages{flex-direction:column;align-items:center;gap:18px;min-width:min-content;padding:0 24px;display:flex}.viewer__pages.facing{flex-flow:wrap;justify-content:center;align-items:flex-start}.page-wrap{box-shadow:var(--page-shadow);background:#fff;border-radius:2px;flex:none;position:relative}.page-wrap.tool-hand{cursor:grab}.page-wrap.tool-hand:active{cursor:grabbing}.page-wrap.tool-draw{cursor:crosshair}.page-wrap.tool-text{cursor:text}.page-wrap canvas{border-radius:2px;display:block}.page-number-chip{color:var(--muted-2);font-variant-numeric:tabular-nums;letter-spacing:.4px;font-size:9px;position:absolute;bottom:-19px;left:50%;transform:translate(-50%)}.text-layer{opacity:.24;user-select:text;pointer-events:none;line-height:1;position:absolute;inset:0;overflow:hidden}.text-layer.selectable{pointer-events:auto;cursor:text}.text-layer span{white-space:pre;transform-origin:0 0;color:#0000;position:absolute}.text-layer ::selection{background:#69a9ee73}.search-layer,.annotation-layer,.form-layer{pointer-events:none;position:absolute;inset:0}.annotation-layer.interactive{pointer-events:auto}.context-menu{background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--r-md);flex-direction:column;gap:1px;min-width:172px;padding:5px;display:flex;box-shadow:0 16px 44px #00000073}.context-menu__item{color:var(--text);text-align:left;border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;padding:7px 10px;font-size:12px}.context-menu__item:hover:not(:disabled){background:var(--panel-4)}.context-menu__item:disabled{color:var(--muted-3);cursor:default}.context-menu__divider{background:var(--line-2);height:1px;margin:4px 2px}.search-hit{mix-blend-mode:multiply;background:#ffd54a6b;border-radius:1px;position:absolute}.search-hit.active{outline:1px solid var(--red);background:#ee243c73}.annotation-shape{cursor:move}.annotation-shape.selected{outline:none}.handle{fill:#fff;stroke:#69a9ee;stroke-width:1px;fill-opacity:.9;stroke-opacity:.85;cursor:nwse-resize}.annotation-note{color:#fff;pointer-events:auto;cursor:pointer;border-radius:5px;place-items:center;width:22px;height:22px;display:grid;position:absolute;box-shadow:0 3px 10px #00000059}.note-popup{z-index:30;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-md);pointer-events:auto;width:244px;padding:10px;position:absolute;box-shadow:0 16px 44px #00000080}.text-replace-editor{z-index:30;box-sizing:border-box;pointer-events:auto;border:1px dashed #ee243c;border-radius:1px;outline:none;margin:0;padding:0 1px;line-height:1.05;position:absolute}.form-widget{pointer-events:auto;color:#101014;background:#69a9ee1f;border:1px solid #69a9ee8c;border-radius:3px;padding:2px 5px;font-size:11px;position:absolute}.form-widget:focus{outline:2px solid var(--blue)}.viewer__overlay-hint{border:1px solid var(--line-2);color:var(--text-2);pointer-events:none;z-index:20;background:#09090be6;border-radius:999px;padding:6px 14px;font-size:10.5px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.statusbar{height:var(--status-h);background:var(--panel);border-top:1px solid var(--line);color:var(--muted);flex:none;align-items:center;gap:10px;padding:0 10px;font-size:10.5px;display:flex}.statusbar__group{align-items:center;gap:5px;display:flex}.statusbar__divider{background:var(--line);width:1px;height:14px}.statusbar input{text-align:center;border:1px solid var(--line-2);background:var(--panel-3);font-variant-numeric:tabular-nums;border-radius:4px;width:42px;height:20px;padding:0 3px;font-size:10px}.statusbar button{width:22px;height:20px;color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.statusbar button:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.statusbar button:disabled{opacity:.3}.statusbar__spacer{flex:1}.zoom-select{border:1px solid var(--line-2);background:var(--panel-3);border-radius:4px;height:20px;padding:0 4px;font-size:10px}.btn{border:1px solid var(--line-2);background:var(--panel-2);border-radius:var(--r-md);color:var(--text);justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:11.5px;font-weight:620;transition:all .16s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--line-3);transform:translateY(-1px)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg, #f32d45, var(--red-3));color:#fff;border-color:#0000;box-shadow:0 8px 22px #ee243c38}.btn.ghost{color:var(--muted);background:0 0}.btn.ghost:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.btn.danger{background:var(--red-3);color:#fff;border-color:#ff465b66}.btn.wide{width:100%}.btn.sm{border-radius:var(--r-sm);padding:6px 10px;font-size:10.5px}.icon-btn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;transition:all .15s;display:grid}.icon-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.icon-btn.active{background:var(--red-soft);color:var(--red-2);border-color:#ee243c4d}.icon-btn:disabled{opacity:.32}.field{margin-bottom:13px;display:block}.field__label{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.field__label strong{color:var(--text-2);font-size:10px;font-weight:640}.field__label small{color:var(--muted-2);font-size:9.5px}input[type=text],input[type=number],input[type=password],input[type=url],textarea,select{border:1px solid var(--line-2);background:var(--panel-2);border-radius:var(--r-sm);outline:none;width:100%;padding:8px 10px;font-size:11.5px;transition:border-color .16s,box-shadow .16s}input::placeholder,textarea::placeholder{color:var(--muted-3)}input:focus,textarea:focus,select:focus{border-color:#ee243ca6;box-shadow:0 0 0 3px #ee243c17}textarea{resize:vertical;min-height:70px;line-height:1.5;font-family:var(--font)}input[type=range]{width:100%;accent-color:var(--red);height:4px}input[type=color]{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--panel-2);cursor:pointer;width:34px;height:26px;padding:2px}input[type=checkbox]{accent-color:var(--red);width:14px;height:14px}.checkbox-row{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;padding:6px 0;font-size:11px;display:flex}.switch{background:var(--line-3);border:0;border-radius:20px;flex:none;width:32px;height:18px;padding:2px;transition:all .18s}.switch span{background:#b6b6c0;border-radius:50%;width:14px;height:14px;transition:all .18s;display:block}.switch.on{background:var(--red)}.switch.on span{background:#fff;transform:translate(14px)}.segmented{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);gap:3px;padding:3px;display:flex}.segmented button{border-radius:var(--r-sm);color:var(--muted);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:10.5px;font-weight:600;display:flex}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--panel-4);color:var(--text)}.swatches{flex-wrap:wrap;gap:5px;display:flex}.swatch{border-radius:var(--r-sm);border:1px solid var(--line-2);width:22px;height:22px;padding:0}.swatch.active{outline:2px solid var(--red);outline-offset:1px}.card{border:1px solid var(--line);background:var(--panel-2);border-radius:var(--r-lg);padding:13px}.card+.card{margin-top:10px}.card__title{letter-spacing:.6px;text-transform:uppercase;color:var(--muted-2);margin-bottom:9px;font-size:10px;font-weight:700}.hint{color:var(--muted-2);font-size:10px;line-height:1.55}.pill{border:1px solid var(--line-2);color:var(--muted);background:var(--panel-3);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:9px;display:inline-flex}.pill.red{color:var(--red-2);background:var(--red-soft);border-color:#ee243c59}.pill.green{color:var(--green);background:var(--green-soft);border-color:#26c28159}.pill.blue{color:var(--blue);background:var(--blue-soft);border-color:#69a9ee59}.modal-backdrop{backdrop-filter:blur(3px);z-index:100;background:#040406a8;place-items:center;padding:40px 20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-xl);flex-direction:column;width:min(720px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 28px 70px #0009}.modal.wide{width:min(1080px,100%)}.modal.narrow{width:min(480px,100%)}.modal__header{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:11px;padding:15px 18px;display:flex}.modal__icon{border-radius:var(--r-md);background:var(--red-soft);width:34px;height:34px;color:var(--red-2);flex:none;place-items:center;display:grid}.modal__header h2{letter-spacing:-.2px;margin:0;font-size:14px}.modal__header p{color:var(--muted-2);margin:2px 0 0;font-size:10.5px}.modal__body{flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.modal__footer{border-top:1px solid var(--line);background:var(--panel-2);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.modal__footer .spacer{flex:1}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:340px;display:flex;position:fixed;bottom:42px;right:16px}.toast{border:1px solid var(--line-2);background:var(--panel);border-radius:var(--r-lg);align-items:flex-start;gap:10px;padding:11px 13px;animation:.22s toast-in;display:flex;box-shadow:0 14px 40px #00000073}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast__icon{flex:none;margin-top:1px}.toast.success .toast__icon{color:var(--green)}.toast.error .toast__icon{color:var(--red-2)}.toast.warning .toast__icon{color:var(--warning)}.toast.info .toast__icon,.toast.progress .toast__icon{color:var(--blue)}.toast__body{flex:1;min-width:0}.toast__body strong{font-size:11.5px;display:block}.toast__body small{color:var(--muted-2);word-break:break-word;margin-top:3px;font-size:10px;display:block}.toast__bar{background:var(--line-2);border-radius:3px;height:3px;margin-top:7px;overflow:hidden}.toast__bar span{background:var(--red);height:100%;transition:width .25s;display:block}.welcome{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;padding:40px;display:flex;overflow-y:auto}.welcome__hero{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.welcome__hero img{border-radius:20px;width:76px;height:76px}.welcome__hero h1{letter-spacing:-.9px;margin:0;font-size:26px}.welcome__hero p{color:var(--muted);margin:0;font-size:12.5px}.welcome__dropzone{border:1.5px dashed var(--line-3);border-radius:var(--r-xl);background:var(--panel);cursor:pointer;flex-direction:column;align-items:center;gap:11px;width:min(660px,100%);padding:34px;transition:all .18s;display:flex}.welcome__dropzone:hover,.welcome__dropzone.dragging{border-color:var(--red);background:var(--red-soft)}.welcome__columns{grid-template-columns:1fr 1fr;gap:16px;width:min(880px,100%);display:grid}.welcome__list{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);padding:12px}.welcome__list h3{letter-spacing:.7px;text-transform:uppercase;color:var(--muted-2);margin:0 0 9px;font-size:10px}.props__empty{text-align:center;color:var(--muted-3);padding:30px 16px;font-size:10.5px}.props__section+.props__section{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.props__row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.props__row>label{width:76px;color:var(--muted-2);flex:none;font-size:10px}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.col{flex-direction:column;gap:8px;display:flex}.mono{font-family:var(--mono);font-size:10.5px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-muted{color:var(--muted-2)}.text-red{color:var(--red-2)}.text-green{color:var(--green)}.spacer{flex:1}.sep{background:var(--line);height:1px;margin:10px 0}.diff-view{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.75}.diff-add{color:#7ee0b4;background:#26c28133;border-radius:2px}.diff-del{color:#ff8b98;background:#ee243c2e;border-radius:2px;text-decoration:line-through}.progress-track{background:var(--panel-4);border-radius:5px;height:5px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--red), var(--red-2));height:100%;transition:width .2s;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drop-overlay{z-index:300;border:3px dashed var(--red);pointer-events:none;background:#09090bd1;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay__inner{color:var(--text);flex-direction:column;align-items:center;gap:12px;font-size:15px;font-weight:640;display:flex}.app--desktop{min-width:980px}.app--browser{height:var(--estyle-editor-height,100dvh);min-width:0;min-height:0;overflow:hidden}.app--browser .app-body{min-width:0}.member-navigation{border-bottom:1px solid var(--line);background:var(--panel);flex:none;max-height:20dvh;padding:8px 12px;overflow:auto}.compact-panels{display:none}.app--browser .ribbon__tabs{scrollbar-width:thin;overflow-x:auto}.app--browser .ribbon__tab{white-space:nowrap;flex:none}.app--browser .statusbar{scrollbar-width:thin;overflow-x:auto}.app--browser .statusbar>*{flex-shrink:0}@media (width<=900px){.app--browser .compact-panels{border-bottom:1px solid var(--line);background:var(--panel);flex:none;align-items:center;gap:6px;padding:5px 8px;display:flex}.app--browser .compact-panels .btn{min-height:36px}.app--browser .compact-panels .icon-btn{min-width:36px;min-height:36px;margin-left:auto}.app--browser .sidebar__resizer{display:none}.app--browser .app-body>.sidebar{border:0;min-width:0;width:100%!important}.app--browser[data-panel=properties] .app-body>.sidebar:not(.sidebar--right),.app--browser:not([data-panel=none]) .app-body>.viewer{display:none}.app--browser .sidebar__rail{overflow-x:auto}.app--browser .sidebar__rail button{flex-shrink:0;min-width:36px;min-height:36px}.app--browser .welcome{justify-content:flex-start;gap:18px;padding:20px 16px}.app--browser .welcome__hero{flex:none;margin-top:auto}.app--browser .welcome>:last-child{margin-bottom:auto}.app--browser .welcome__dropzone{flex:none;padding:20px}.app--browser .welcome__columns{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.app--browser .titlebar--browser{gap:5px;padding:0 8px;position:relative}.app--browser .titlebar__title,.app--browser .titlebar__file{display:none}.app--browser .titlebar__menu{gap:0;min-width:0}.app--browser .titlebar__menu-entry{position:static}.app--browser .titlebar__menu button{min-height:36px;padding-left:8px;padding-right:8px}.app--browser .titlebar__dropdown{min-width:0;max-height:55dvh;top:100%;left:8px;right:8px;overflow-y:auto}.app--browser .titlebar__action-label{white-space:normal}.app--browser .ribbon__groups{padding:5px 2px}.app--browser .ribbon-group{padding:0 8px}.app--browser .ribbon__tab{min-height:36px}.app--browser .ribbon__tabs{height:38px}.app--browser .statusbar{gap:7px;height:38px}.app--browser .statusbar button{min-width:30px;min-height:30px}.app--browser .welcome__hero img{width:52px;height:52px}.app--browser .welcome__hero h1{font-size:22px}.app--browser .welcome__dropzone .row{flex-wrap:wrap;justify-content:center}.app--browser .modal-backdrop{padding:8px}.app--browser .modal__header,.app--browser .modal__body,.app--browser .modal__footer{padding:12px}.app--browser .modal__header p{overflow-wrap:anywhere}.app--browser .modal__footer{flex-wrap:wrap}.app--browser .grid-2{grid-template-columns:minmax(0,1fr)}.app--browser .segmented{flex-wrap:wrap}}.startup-message{user-select:text;max-width:680px;margin:8vh auto;padding:24px;line-height:1.6}.startup-message h1{font-size:22px}.local-save-status{white-space:nowrap;align-items:center;gap:7px;display:flex}.local-save-status--saved{color:var(--green)}.local-save-status--pending,.local-save-status--saving{color:var(--muted)}.local-save-status--error{color:var(--warning)}.local-save-status button{white-space:nowrap;width:auto;padding:0 6px}.recovery-copies{flex:none;width:100%;min-width:0;max-width:720px}.recovery-copies h3{margin:0;font-size:14px}.recovery-copy{min-width:0;margin-top:10px}.recovery-copy>strong{display:block}.recovery-copy .btn{white-space:normal;max-width:100%}.app--browser .welcome{justify-content:flex-start}.app--browser .welcome>*{flex-shrink:0}.app--browser .welcome__hero{margin-top:auto}.app--browser .welcome>:last-child{margin-bottom:auto}.local-save-connection{color:var(--muted);font-size:10px}.autosave-settings .local-save-status{white-space:normal;flex-wrap:wrap}