:root{--background:#09090b;--foreground:#fafafa;--card:#0c0c0f;--card-2:#111114;--popover:#18181b;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#18181b;--muted-foreground:#a1a1aa;--accent:#27272a;--border:#27272a;--input:#27272a;--ring:#d4d4d8;--destructive:#ef4444;--radius:.5rem;--shadow:0 1px 2px #0006, 0 8px 24px #00000059}*{box-sizing:border-box}html,body{height:100%}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--foreground);text-decoration:none}.muted{color:var(--muted-foreground)}.row{align-items:center;gap:10px;display:flex}.spacer{flex:1}.stack{flex-direction:column;gap:12px;display:flex}.center{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.error{color:var(--destructive);font-size:13px}*{scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:3px solid var(--background);background:#3f3f46 padding-box padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#52525b padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}button{font:inherit;cursor:pointer;border:1px solid var(--border);color:var(--foreground);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s,color .12s,box-shadow .12s,opacity .12s;display:inline-flex}button:hover{background:var(--accent)}button:active{transform:scale(.96)}button:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px #d4d4d88c;outline:none}button:disabled{opacity:.45;cursor:default;pointer-events:none}button svg{flex:none;width:15px;height:15px}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);font-weight:600}button.primary:hover{background:#e4e4e7}button.secondary{background:var(--secondary);border-color:var(--secondary)}button.secondary:hover{background:#3f3f46}button.ghost{border-color:#0000}button.ghost:hover{background:var(--accent)}button.danger{color:#f87171;background:0 0;border-color:#7f1d1d}button.danger:hover{background:#7f1d1d38}button.sm{border-radius:6px;height:30px;padding:0 10px;font-size:12.5px}button.icon{width:36px;padding:0}button.icon.sm{width:30px}input,textarea{font:inherit;background:var(--card-2);color:var(--foreground);border:1px solid var(--input);border-radius:6px;width:100%;padding:9px 12px}input::placeholder{color:#71717a}input:focus,textarea:focus{border-color:var(--ring);outline:none;box-shadow:0 0 0 3px #d4d4d82e}input[type=range]{appearance:none;background:var(--secondary);border:none;border-radius:999px;height:6px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--foreground);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 3px #00000080}input[type=range]::-moz-range-thumb{background:var(--foreground);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:18px}.pill{background:var(--card-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.peer-jump{color:inherit;cursor:pointer;font:inherit;transition:border-color .12s,background .12s}.peer-jump:hover:not(:disabled){border-color:var(--ring);background:var(--secondary)}.peer-jump:disabled{opacity:.65;cursor:default}.peer-jump:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#09090bcc;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.2px;font-size:15px;font-weight:700}.wrap{max-width:1000px;margin:0 auto;padding:30px 18px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.doc-card{cursor:pointer;transition:all .12s;display:block}.doc-card:hover{border-color:var(--ring);transform:translateY(-1px)}.doc-card h3{margin:0 0 6px;font-size:15px}.dropzone{border:1.5px dashed var(--border);text-align:center;color:var(--muted-foreground);cursor:pointer;border-radius:12px;padding:30px;transition:all .12s}.dropzone.hot{border-color:var(--ring);color:var(--foreground);background:#d4d4d80d}.tabs{background:var(--card-2);border:1px solid var(--border);border-radius:9px;gap:3px;padding:3px;display:inline-flex}.tab{cursor:pointer;color:var(--muted-foreground);border-radius:6px;padding:5px 12px;font-size:13px}.tab.on{color:var(--foreground);background:var(--secondary)}.editor-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--border);background:var(--card);z-index:20;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;display:flex}.zoombar{background:var(--card-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.tgroup{background:var(--card-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.tbtn{min-width:30px;height:28px;color:var(--muted-foreground);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;gap:4px;padding:0 9px;font-size:13px;font-weight:600}.tbtn:hover{background:var(--accent);color:var(--foreground)}.tbtn.on{background:var(--secondary);color:#fff}.tbtn:focus-visible{box-shadow:0 0 0 2px var(--card), 0 0 0 4px #d4d4d880}.sep{background:var(--border);width:1px;height:20px;margin:0 4px}.presence-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:20px;height:20px}.swatch.on{border-color:#fff}.viewport{background:var(--background);cursor:grab;touch-action:none;flex:1;position:relative;overflow:hidden}.viewport.panning{cursor:grabbing}.viewport.draw{cursor:crosshair}.viewport.select{cursor:default}.viewport.select.panning{cursor:grabbing}.viewport.markdown .doc .ProseMirror{cursor:default}.viewport.markdown .doc .ProseMirror :is(p,h1,h2,h3,h4,h5,h6,pre,code){cursor:text}.world{transform-origin:0 0;position:absolute;top:0;left:0}.doc-frame{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;border-radius:14px;position:absolute}.doc-frame.source-mode .doc{display:none}.markdown-source{box-sizing:border-box;resize:vertical;border-radius:inherit;background:var(--card);width:100%;height:72vh;min-height:640px;color:var(--foreground);tab-size:2;white-space:pre;overflow-wrap:normal;border:0;outline:none;padding:28px 32px;font:13px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:block;overflow:auto}.markdown-source:read-only{color:var(--muted-foreground);cursor:text}.source-error{margin:0 24px 16px}.viewport.text .doc-frame,.viewport.select .doc-frame{pointer-events:none}.canvas-hint{z-index:40;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#09090bb3;border-radius:8px;padding:5px 10px;font-size:12px;position:absolute;bottom:12px;left:14px}.doc .ProseMirror{outline:none;min-height:640px;padding:48px 60px;font-size:15.5px;line-height:1.7}.doc .ProseMirror>*+*{margin-top:.75em}.doc h1{border-bottom:1px solid var(--border);margin:.2em 0 .4em;padding-bottom:.25em;font-size:2em;font-weight:700}.doc h2{border-bottom:1px solid var(--border);margin:.8em 0 .3em;padding-bottom:.2em;font-size:1.5em;font-weight:700}.doc h3{font-size:1.22em;font-weight:600}.doc p{margin:0}.doc ul,.doc ol{padding-left:1.5em}.doc li>p{margin:0}.doc blockquote{border-left:3px solid var(--ring);color:var(--muted-foreground);margin:0;padding:2px 16px}.doc code{background:#18181b;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.doc pre{border:1px solid var(--border);background:#0b0b0d;border-radius:10px;padding:14px 16px;overflow:auto}.doc pre code{background:0 0;padding:0}.doc hr{border:none;border-top:1px solid var(--border);margin:1.2em 0}.doc a{color:#93c5fd;text-decoration:underline}.doc img{border-radius:8px;max-width:100%}.doc table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.4em 0;overflow:hidden}.doc table td,.doc table th{border:1px solid var(--border);vertical-align:top;text-align:left;min-width:60px;padding:8px 12px;position:relative}.doc table th{background:var(--card-2);font-weight:600}.doc table tr:nth-child(2n) td{background:#ffffff04}.doc .tableWrapper{overflow-x:auto}.doc .column-resize-handle{background:var(--ring);opacity:0;cursor:col-resize;width:4px;position:absolute;top:0;bottom:0;right:-2px}.doc table:hover .column-resize-handle{opacity:.35}.doc .selectedCell{background:#5b8def26!important}.ProseMirror-focused{outline:none}.collaboration-selection-proxy{background:0 0!important;display:contents!important}.draw-layer{z-index:5;position:absolute;inset:0}.reader-gutter{z-index:25;pointer-events:none;width:0;position:absolute;top:0;bottom:0;right:6px}.reader-tag{color:#111;white-space:nowrap;box-shadow:var(--shadow);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;right:0;transform:translateY(-50%)}.zoomval{text-align:center;min-width:44px;color:var(--muted-foreground);font-size:12px;font-weight:600}.hist-overlay{z-index:60;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.hist-panel{background:var(--card);border-left:1px solid var(--border);width:380px;max-width:92vw;height:100%;box-shadow:var(--shadow);flex-direction:column;animation:.16s ease-out slidein;display:flex}@keyframes slidein{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:none}}.hist-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.hist-list{flex:1;overflow:auto}.hist-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.hist-item:hover{background:var(--card-2)}button.sm{height:28px;padding:0 10px;font-size:12px}.tag{background:var(--secondary);color:var(--muted-foreground);vertical-align:middle;border-radius:999px;padding:1px 6px;font-size:10px}.tag.cur{color:#86efac;background:#14532d}.hist-preview{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow:auto}.hist-code{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#0b0b0d;border-radius:10px;margin:0;padding:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #fafafa59}50%{box-shadow:0 0 0 5px #fafafa00}}@keyframes barIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.topbar{animation:.25s ease-out barIn}.toolbar{animation:.3s ease-out 30ms backwards barIn}.doc-frame{animation:.34s cubic-bezier(.2,.7,.2,1) riseIn}.hist-overlay{animation:.15s ease-out fadeIn}.hist-panel{animation:.18s cubic-bezier(.2,.7,.2,1) slidein}.hist-overlay .card{animation:.18s cubic-bezier(.2,.7,.2,1) popIn}.pill{animation:.18s ease-out popIn}.doc-card{animation:.26s ease-out backwards riseIn}.grid .doc-card:nth-child(2){animation-delay:30ms}.grid .doc-card:nth-child(3){animation-delay:60ms}.grid .doc-card:nth-child(4){animation-delay:90ms}.grid .doc-card:nth-child(n+5){animation-delay:.12s}.doc-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000073}button.pulse{animation:1.8s ease-in-out infinite pulseGlow}.swatch{transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.18)}.swatch.on{transform:scale(1.15)}.tbtn{transition:background .12s,color .12s,transform .1s}.tbtn:active{transform:scale(.9)}.tab{transition:color .12s,background .12s}.reader-tag,.canvas-hint{animation:.2s ease-out fadeIn}.gate-fade{animation:.22s cubic-bezier(.2,.7,.2,1) popIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.doc-resize{cursor:ew-resize;z-index:16;touch-action:none;justify-content:center;align-items:center;width:16px;height:100%;display:flex;position:absolute;top:0;right:-8px}.doc-resize span{background:var(--border);border-radius:999px;width:4px;height:46px;transition:background .12s,height .12s}.doc-resize:hover span{background:var(--ring);height:70px}.peer-cursors{z-index:80;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.viewport.text{cursor:text}.tool-indicator{z-index:40;border:1px solid var(--border);color:var(--foreground);pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090bd1;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;top:12px;left:14px}.tool-indicator span{color:var(--muted-foreground)}.text-layer{z-index:12;pointer-events:none;position:absolute;inset:0}.ctext{pointer-events:auto;max-width:700px;position:absolute}.ctext-bar{align-items:center;gap:4px;display:none;position:absolute;top:-26px;left:0}.ctext:hover .ctext-bar,.ctext:focus-within .ctext-bar{display:flex}.ctext-label{color:var(--foreground);background:var(--card-2);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:5px;padding:0 6px;font-size:10px;font-weight:600;line-height:18px}.ctext-grip{cursor:grab;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:5px;padding:0 4px;font-size:14px;line-height:18px}.ctext-del{background:var(--card);border:1px solid var(--border);min-width:20px;height:20px;color:var(--destructive);border-radius:5px;padding:0 4px;font-size:11px;line-height:1}.ctext-body{white-space:pre-wrap;word-break:break-word;border-radius:4px;outline:none;min-width:24px;min-height:1em;padding:2px 4px;line-height:1.35}.ctext:focus-within{outline:1px solid var(--ring);outline-offset:2px;border-radius:3px}.ctext-body:focus{background:#ffffff08}.ctext-body:empty:before{content:"yaz…";color:var(--muted-foreground)}select{font:inherit;background:var(--card-2);color:var(--foreground);border:1px solid var(--input);border-radius:6px}