:root{color:var(--ink);background:var(--workspace);font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#20383b;--muted:#657d80;--subtle:#799295;--line:#dbe7e5;--line-strong:#c4d8d4;--surface:#fff;--surface-hover:#edf5f3;--chrome:#f8fbfa;--rail:#f5f9f8;--workspace:#eaf1ef;--accent:#087f8c;--accent-hover:#066570;--accent-soft:#eaf6f4;--accent-border:#8dc9ca;--on-accent:#fff;--danger:#b83240;--danger-soft:#fff0f1;--danger-border:#edc2c7;--overlay:#f5f9f8dd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#ececec;--muted:#b0b0b0;--subtle:#909090;--line:#333;--line-strong:#484848;--surface:#202020;--surface-hover:#2c2c2c;--chrome:#1b1b1b;--rail:#181818;--workspace:#111;--accent:#64cbd0;--accent-hover:#84dde0;--accent-soft:#292f30;--accent-border:#4a6466;--on-accent:#102a2d;--danger:#ff9aa5;--danger-soft:#39272b;--danger-border:#70414b;--overlay:#111d}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.app-logo{object-fit:contain;flex:none;width:44px;height:44px}.icon-button{background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.icon-button:hover:not(:disabled){background:var(--surface-hover)}.primary-button,.secondary-button,.delete-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent)}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.secondary-button{border:1px solid var(--line);background:var(--surface)}.secondary-button:hover:not(:disabled){background:var(--surface-hover)}.delete-button{color:#fff;background:#b83240;border:1px solid #b83240}.action-menu{flex:none;position:relative}.menu-trigger{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:var(--surface-hover)}.menu-trigger.is-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);padding-inline:16px}.menu-trigger.is-primary:hover,.menu-trigger.is-primary[aria-expanded=true]{background:var(--accent-hover)}.menu-trigger.is-compact{background:0 0;border-color:#0000;width:34px;padding:0}.menu-trigger.is-compact:hover,.menu-trigger.is-compact[aria-expanded=true]{background:var(--surface-hover)}.menu-panel{z-index:60;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:max-content;min-width:210px;max-width:min(330px,100vw - 32px);padding:6px;position:absolute;top:calc(100% + 8px);box-shadow:0 12px 36px #20383b20,0 2px 6px #20383b0a}.menu-panel.align-right{right:0}.menu-panel.align-left{left:0}.menu-item{text-align:left;background:0 0;border:0;border-radius:7px;align-items:flex-start;gap:12px;width:100%;padding:12px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-hover);outline:none}.menu-item>svg{color:var(--muted);flex:none;margin-top:1px}.menu-item>span{gap:5px;display:grid}.menu-item strong{font-size:13px;font-weight:600}.menu-item small{color:var(--muted);white-space:normal;font-size:11px;line-height:1.5}.menu-item.is-danger,.menu-item.is-danger svg{color:var(--danger)}.menu-item.is-danger:hover,.menu-item.is-danger:focus-visible{background:var(--danger-soft)}.project-library{background:var(--rail);height:100%;overflow:auto}.library-topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;min-height:76px;padding:12px 5%;display:flex}.library-brand{color:var(--ink);letter-spacing:-.5px;align-items:center;gap:6px;font-size:17px;font-weight:650;text-decoration:none;display:inline-flex}.local-badge{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:inline-flex}.local-badge>span{background:#69a48b;border-radius:50%;width:6px;height:6px}.library-content{max-width:1060px;margin:auto;padding:62px 32px 80px}.library-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;margin:0 0 14px;font-size:10px;font-weight:700}.library-heading h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,42px);font-weight:400;line-height:1.15}.library-intro{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.7}.library-heading .secondary-button{white-space:nowrap}.start-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:48px;display:grid}.start-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:9px;padding:24px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.start-card:hover:not(:disabled){border-color:var(--accent-border);box-shadow:0 5px 18px #087f8c0a}.start-card.featured{background:var(--accent-soft);border-color:var(--accent-border)}.start-icon{background:var(--surface-hover);width:42px;height:42px;color:var(--muted);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.featured .start-icon{color:var(--accent);background:var(--accent-soft)}.start-card strong{font-size:14px;font-weight:650}.start-card>span:not(.start-icon){color:var(--muted);max-width:220px;font-size:12px;line-height:1.6}.start-arrow{color:var(--subtle);position:absolute;top:34px;right:22px}.saved-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.saved-heading h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:650;display:flex}.saved-heading h2>span{background:var(--surface-hover);color:var(--muted);border-radius:5px;padding:2px 6px;font-size:10px}.saved-heading p{color:var(--muted);margin:7px 0 0;font-size:12px}.project-search{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:flex}.project-search input{width:165px;color:var(--ink);background:0 0;border:0;outline:none;padding:0;font-size:12px}.project-search:focus-within{outline:2px solid var(--accent-border);outline-offset:2px}.project-list{gap:9px;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:11px;align-items:center;gap:16px;padding:8px 16px 8px 8px;display:flex}.project-card:hover{border-color:var(--line-strong)}.project-card.is-current{border-color:var(--accent-border)}.project-open{text-align:left;background:0 0;border:0;border-radius:7px;flex:1;align-items:center;gap:16px;min-width:0;padding:10px;display:flex}.project-file-icon{border:1px solid var(--surface-hover);background:var(--rail);width:42px;height:50px;color:var(--subtle);border-radius:7px;flex:none;place-items:center;display:grid}.project-open>span:last-child{gap:7px;min-width:0;display:grid}.project-open strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.project-open small{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.current-badge{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:5px;padding:5px 8px;font-size:10px}.empty-projects{text-align:center;border:1px dashed var(--line-strong);color:var(--subtle);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:42px 24px;display:flex}.empty-projects strong{color:var(--muted);font-size:14px;font-weight:500}.empty-projects p{max-width:350px;margin:0;font-size:12px;line-height:1.7}.library-note{color:var(--muted);margin:24px 0 0;font-size:11px;line-height:1.8}.library-note strong{color:var(--muted);font-weight:500}.project-dialog{border:1px solid var(--line);width:min(460px,100vw - 32px);color:var(--ink);background:var(--surface);border-radius:16px;padding:26px;box-shadow:0 20px 80px #20383b30}.project-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16393d4d}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading h2{letter-spacing:-.4px;margin:0;font-size:19px}.project-dialog p{color:var(--muted);margin:12px 0 24px;font-size:13px;line-height:1.7}.name-field{gap:9px;font-size:12px;font-weight:600;display:grid}.name-field input{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;padding:11px 12px;font-size:14px;font-weight:400}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:26px;display:flex}.app-shell{flex-direction:column;width:100%;height:100%;display:flex}.editor-header{z-index:30;background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;min-height:60px;padding:8px 18px;display:flex;position:relative}.project-bar{flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}.back-button{color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:8px 0;font-size:12px;display:inline-flex}.back-button:hover{color:var(--accent)}.header-divider{background:var(--line);flex:none;width:1px;height:24px}.editor-logo{width:36px;height:36px;margin-right:-9px}.project-identity{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.project-title{min-width:0;max-width:360px;color:var(--ink);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:5px;flex:auto;margin-left:-5px;padding:3px 5px;font-size:14px;font-weight:600;display:block}.project-title:hover{border-color:var(--line)}.project-title:focus{background:var(--rail);border-color:var(--accent-border)}.save-status{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:10px;display:inline-flex}.save-status svg{color:#699681}.save-status.save-error,.save-status.save-error svg{color:var(--danger)}.editing-bar{flex:0 auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.tool-picker{align-items:center;gap:3px;display:flex}.editing-tool{min-height:35px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:500;display:flex}.editing-tool:hover{background:var(--surface-hover)}.editing-tool.is-active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.styles-button{color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:8px;font-size:12px;display:flex}.styles-button:hover,.styles-button.is-active{background:var(--accent-soft);color:var(--accent)}.history-controls{border-left:1px solid var(--line);gap:2px;margin-left:4px;padding-left:14px;display:flex}.tool-options{border-left:1px solid var(--line);flex:none;align-items:center;gap:12px;padding-left:12px;display:flex}.tool-options label{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:inline-flex}.tool-options input[type=color]{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0}.tool-options input[type=range]{width:100px;accent-color:var(--accent)}.tool-options output{font-variant-numeric:tabular-nums;min-width:30px}.toolbar-actions{flex:1 1 0;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.workspace{flex:1;min-height:0;display:flex;position:relative}.page-rail{scrollbar-width:none;border-right:1px solid var(--line);background:var(--rail);flex-direction:column;flex:0 0 138px;align-items:center;gap:14px;width:138px;padding:12px 10px 24px;display:flex;overflow:hidden auto}.page-rail::-webkit-scrollbar{display:none}.page-rail.is-collapsed{flex-basis:40px;width:40px;padding:12px 4px}.rail-heading{justify-content:space-between;align-items:center;gap:4px;width:100%;padding-left:5px;display:flex}.rail-heading>span{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.rail-heading small{color:var(--subtle);font-size:9px;font-weight:400}.rail-toggle{width:26px;height:26px;color:var(--subtle);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.rail-toggle:hover{background:var(--surface-hover);color:var(--ink)}.page-thumbnail{background:0 0;border:1px solid #0000;border-radius:7px;flex:none;width:92px;padding:4px;position:relative}.page-thumbnail[draggable=true]{cursor:grab}.page-thumbnail.is-dragging{opacity:.4;cursor:grabbing}.page-thumbnail.drop-before:before,.page-thumbnail.drop-after:after{content:"";z-index:2;background:var(--accent);pointer-events:none;border-radius:3px;height:3px;position:absolute;left:2px;right:2px}.page-thumbnail.drop-before:before{top:-7px}.page-thumbnail.drop-after:after{bottom:-7px}.thumbnail-select{background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.thumbnail-paper{border:1px solid var(--line-strong);background:#fff;display:block;position:relative;overflow:hidden;box-shadow:0 2px 5px #20383b08}.thumbnail-paper canvas,.thumbnail-blank{width:100%;height:100%;display:block;position:absolute;inset:0}.thumbnail-blank{background:#fff}.thumbnail-overlays,.thumbnail-overlays>svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.thumbnail-object{display:block;position:absolute;overflow:hidden}.thumbnail-object img{width:100%;max-width:none;height:100%;display:block}.thumbnail-number{color:#58767a;background:#fffffff2;border-radius:4px;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:9px;display:grid;position:absolute;bottom:3px;right:3px;box-shadow:0 1px 3px #20383b18}.page-thumbnail.is-active{border-color:var(--accent-border);background:var(--accent-soft)}.thumbnail-delete{opacity:0;border:1px solid var(--line);width:23px;height:23px;color:var(--danger);background:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:-7px;right:-7px}.page-thumbnail:hover .thumbnail-delete,.page-thumbnail:focus-within .thumbnail-delete{opacity:1}.add-page-button{border:1px dashed var(--line-strong);width:100%;color:var(--muted);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:9px 3px;font-size:10px;display:flex}.add-page-button:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.document-scroll{scrollbar-gutter:stable;scroll-behavior:smooth;background:var(--workspace);flex:1;min-width:0;overflow:auto}.page-positioner{width:max-content;margin:36px auto 44px}.page-positioner.is-image-drop-target .page-shell{outline:3px solid var(--accent);outline-offset:5px}.page-shell{background:#fff;position:relative;box-shadow:0 3px 16px #20383b12,0 0 0 1px #20383b08}.page-shell.is-drawing{cursor:crosshair;touch-action:none}.blank-page,.pdf-canvas,.overlay-stage{width:100%;height:100%;position:absolute;inset:0}.blank-page{background:#fff}.pdf-canvas{display:block}.overlay-stage{z-index:2}.page-number{color:#799296;font-size:10px;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.object-drag-preview{z-index:40;pointer-events:none;opacity:.92;background:#fffffff0;border:1px solid #087f8cb8;position:fixed;overflow:hidden;box-shadow:0 10px 30px #20383b29}.object-drag-preview img{object-fit:fill;width:100%;height:100%;display:block}.editor-statusbar{border-top:1px solid var(--line);background:var(--chrome);min-height:40px;color:var(--muted);flex:none;align-items:center;gap:20px;padding:4px 18px;font-size:10px;display:flex}.page-count{white-space:nowrap}.tool-hint{flex:1}.zoom-control{flex:none;align-items:center;gap:3px;margin-left:auto;display:flex}.zoom-control button{width:27px;height:27px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.zoom-control button:hover:not(:disabled){background:var(--surface-hover)}.zoom-control .fit-page{width:auto;margin-right:4px;padding:0 8px;font-size:10px}.zoom-control .zoom-reset{font-variant-numeric:tabular-nums;width:42px;font-size:10px}.inspector{z-index:10;border-left:1px solid var(--line);background:var(--chrome);flex-direction:column;flex:none;min-width:300px;max-width:calc(100vw - 360px);padding:0;display:flex;position:relative;box-shadow:-4px 0 20px #20383b03}.inspector-resizer{z-index:12;cursor:col-resize;touch-action:none;width:12px;position:absolute;top:0;bottom:0;left:-6px}.inspector-resizer:after{content:"";background:var(--line-strong);border-radius:2px;width:3px;height:28px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inspector-resizer:hover:after,.inspector-resizer:focus-visible:after,.inspector.is-resizing .inspector-resizer:after{background:var(--accent)}.inspector-resizer:focus-visible{outline:none}.inspector-resizer:focus-visible:after{outline:2px solid var(--accent-border);outline-offset:3px}.inspector.is-resizing{-webkit-user-select:none;user-select:none}.inspector-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.inspector-header>div{flex-direction:column;gap:4px;display:flex}.inspector-header strong{font-size:13px;font-weight:600}.inspector-header span{color:var(--muted);font-size:11px;line-height:1.5}.inspector-header .icon-button{color:var(--muted)}.typst-settings-row{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.typst-inset-control,.typst-fill-control{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.typst-inset-control{flex:none}.typst-inset-control input{border:1px solid var(--line);width:52px;height:28px;color:var(--ink);background:var(--surface);text-align:right;border-radius:6px;padding:0 6px}.typst-fill-control{flex:1;min-width:0}.typst-fill-input{border:1px solid var(--line);width:100%;min-width:0;height:28px;color:var(--ink);background:var(--surface);border-radius:6px;flex:1;padding:0 7px;font:11px ui-monospace,monospace}.compile-errors{border-top:1px solid var(--line);flex:none;margin:0}.compile-errors summary{min-height:34px;color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:11px;list-style:none;display:flex}.compile-errors summary::-webkit-details-marker{display:none}.compile-errors summary:hover{background:var(--surface-hover)}.compile-errors summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.compile-errors[open] summary>svg{transform:rotate(90deg)}.compile-error-count{background:var(--surface-hover);min-width:20px;height:20px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:5px;place-items:center;padding:0 5px;font-weight:600;display:inline-grid}.compile-errors.has-errors .compile-error-count,.compile-errors.has-errors .compile-error-details{color:var(--danger);background:var(--danger-soft)}.compile-error-details{max-height:140px;color:var(--muted);background:var(--chrome);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:8px 14px 12px;font:11px/1.5 ui-monospace,monospace;overflow:auto}.typst-code-editor{flex-direction:column;flex:1;min-height:0;display:flex}.source-toolbar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.source-actions{flex:none;align-items:center;gap:4px;display:flex}.source-toolbar .icon-button{width:28px;height:28px;color:var(--muted)}.format-button{border:1px solid var(--line);background:var(--surface);height:28px;color:var(--ink);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.format-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line-strong)}.source-theme{background:var(--chrome);width:190px;min-width:0;height:28px;color:var(--muted);text-overflow:ellipsis;cursor:pointer;border:1px solid #0000;border-radius:5px;padding:0 4px;font-size:11px}.source-theme:hover{border-color:var(--line);color:var(--ink)}.source-theme:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.source-editor{background:var(--surface);flex:1;min-height:0;overflow:hidden}.source-footer{border-top:1px solid var(--line);min-height:38px;color:var(--muted);flex:none;align-items:center;gap:8px;padding:4px 12px;font-size:10px;display:flex}.source-status{flex:1;min-width:0;line-height:1.6}.source-footer .icon-button{width:28px;height:28px;color:var(--muted)}.source-footer .delete-source:hover{color:var(--danger);background:var(--danger-soft)}.source-shortcuts{position:relative}.source-shortcuts summary{cursor:pointer;border-radius:5px;place-items:center;width:28px;height:28px;list-style:none;display:grid}.source-shortcuts summary::-webkit-details-marker{display:none}.source-shortcuts summary:hover,.source-shortcuts[open] summary{background:var(--surface-hover);color:var(--ink)}.source-shortcuts summary:focus-visible{outline:2px solid var(--accent)}.source-shortcuts>div{z-index:20;border:1px solid var(--line-strong);background:var(--surface);width:258px;color:var(--ink);border-radius:8px;padding:14px;position:absolute;bottom:36px;right:0;box-shadow:0 4px 20px #0003}.source-shortcuts strong{font-size:11px}.source-shortcuts dl{grid-template-columns:1fr auto;gap:10px 16px;margin:14px 0 0;display:grid}.source-shortcuts dd{color:var(--muted);margin:0}.source-editor .cm-tooltip-autocomplete{max-width:min(320px,85vw)}.source-editor .cm-search .cm-button{border-radius:4px;font-size:10px}.loading-screen{background:var(--rail);width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.notice{z-index:100;border:1px solid var(--danger-border);max-width:min(420px,100vw - 36px);color:var(--danger);background:var(--danger-soft);white-space:pre-wrap;border-radius:10px;align-items:flex-start;gap:14px;padding:14px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:54px;right:18px;box-shadow:0 8px 30px #20383b15}.notice button{color:inherit;background:0 0;border:0;margin-left:auto;padding:0;font-size:18px}.busy-overlay{z-index:90;background:var(--overlay);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:fixed;inset:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1500px){.editing-bar{gap:5px}.editing-tool{min-width:34px;padding-inline:8px}.editing-tool span,.styles-button span{display:none}.styles-button{justify-content:center;width:34px}.tool-options{gap:7px;padding-left:7px}.tool-options label{gap:4px;font-size:0}.tool-options output{font-size:10px}.tool-options input[type=range]{width:70px}}@media (max-width:1100px){.save-status-label{display:none}.editing-bar .menu-trigger{width:33px;padding-inline:6px}.editing-bar .menu-trigger span,.editing-bar .menu-trigger svg:last-child{display:none}.toolbar-actions .menu-trigger{width:34px;padding:0}.toolbar-actions .menu-trigger span,.toolbar-actions .menu-trigger svg:last-child{display:none}}@media (max-width:1000px){.project-bar>.header-divider,.editor-logo,.back-button>span{display:none}}@media (max-width:900px){.library-content{padding-top:40px}.library-heading{align-items:flex-start}.library-heading h1{max-width:400px}.start-card{padding:20px}.editor-header{gap:7px;padding-inline:12px}.document-scroll.with-inspector{padding-bottom:min(48vh,420px)}.inspector-resizer{display:none}.inspector{border-top:1px solid var(--line);border-left:0;min-width:0;max-width:none;height:min(48vh,420px);position:absolute;top:auto;bottom:0;right:0;width:100%!important}}@media (max-width:650px){.library-topbar{min-height:62px;padding:8px 18px}.local-badge{font-size:0}.library-content{padding:32px 20px 50px}.library-heading{flex-direction:column;gap:20px}.start-options{grid-template-columns:1fr;gap:10px;margin-bottom:32px}.start-card{grid-template-columns:42px 1fr;gap:5px 15px;padding:18px;display:grid}.start-icon{grid-row:span 2;margin:0}.start-card>span:not(.start-icon){max-width:none;padding-right:8px}.start-arrow{display:none}.saved-heading{flex-wrap:wrap}.project-search,.project-search input{width:100%}.project-card{gap:6px;padding-right:10px}.current-badge{display:none}.editor-header{gap:5px;min-height:54px;padding-inline:9px}.project-bar{gap:6px}.back-button{padding-inline:3px}.project-title{font-size:13px}.save-status-label{display:none}.editing-bar{gap:3px}.editing-bar>.header-divider{display:none}.editing-tool{min-width:30px;padding-inline:6px}.history-controls{margin-left:0;padding-left:4px}.toolbar-actions{gap:4px}.tool-options{z-index:1;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 10px;position:absolute;top:calc(100% + 6px);right:9px;box-shadow:0 6px 18px #0002}.tool-options input[type=range]{width:70px}.page-rail{flex-basis:88px;gap:10px;width:88px;padding-inline:6px}.rail-heading{padding-left:0}.rail-heading small{display:none}.page-thumbnail{width:65px}.add-page-button{gap:3px;font-size:9px}.thumbnail-delete{opacity:1}.editor-statusbar{padding-inline:12px}.tool-hint{display:none}}@media (max-width:500px){.project-title,.project-identity{display:none}}@media (max-width:400px){.editor-header{gap:3px;padding-inline:5px}.project-bar,.toolbar-actions{flex:none}.editing-bar{flex:auto;gap:1px}.tool-picker{gap:0}.editing-tool{min-width:26px;padding-inline:4px}.styles-button,.editing-bar .menu-trigger{width:28px;padding-inline:4px}.history-controls{gap:0;padding-left:2px}.history-controls .icon-button{width:26px}.toolbar-actions .menu-trigger{width:30px}.toolbar-actions .theme-toggle{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.library-utilities{align-items:center;gap:20px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:var(--surface-hover);color:var(--accent);border-color:var(--accent-border)}