@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");:root{--line-height:28px;--rule-color:rgba(90,130,170,0.35);--margin-color:rgba(214,92,92,0.45);--hand-font:"Caveat","Segoe Script","Bradley Hand",cursive;--ui-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--rail:106px;--felt:#1f5741}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;font-family:var(--ui-font);color:#2b2b2b}body.is-dragging,body.is-dragging *{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.board-viewport{position:fixed;inset:0 0 0 var(--rail);overflow:hidden;touch-action:none;cursor:-webkit-grab;cursor:grab;background-color:var(--felt,#1f5741);background-image:radial-gradient(circle at 20% 15%,rgba(255,255,255,.07),transparent 55%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.25),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 46px)}.board-viewport[data-bg=color]{background-image:none}.board-viewport[data-bg=image]{background-image:var(--felt-image);background-repeat:var(--felt-repeat,no-repeat);background-size:var(--felt-size,cover);background-position:50%}.board-viewport[data-panning=true]{cursor:-webkit-grabbing;cursor:grabbing}.board-viewport.child{background-color:#6d4630;background-image:radial-gradient(circle at 25% 20%,rgba(255,255,255,.08),transparent 55%),radial-gradient(circle at 75% 85%,rgba(0,0,0,.3),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 46px)}.board-world{position:absolute;top:0;left:0;width:0;height:0;transform-origin:0 0;will-change:transform}.titlebar{position:fixed;top:16px;left:calc(var(--rail) + 16px);z-index:40;display:flex;align-items:baseline;gap:12px;flex-wrap:nowrap;overflow:hidden;max-width:calc(50vw - var(--rail) / 2 - 300px);padding:10px 16px;border-radius:14px;background:rgba(20,20,22,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f4f1ea;box-shadow:0 10px 30px rgba(0,0,0,.35)}.titlebar .title{font-family:var(--hand-font);font-size:24px;line-height:1}.titlebar .hint,.titlebar .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.titlebar .hint{font-size:12px;opacity:.6}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;width:var(--rail);gap:12px;padding:12px 10px 14px;background:#16181c;border-right:1px solid rgba(255,255,255,.07);color:#e9e6df;overflow-y:auto}.sidebar,.tool-group{display:flex;flex-direction:column}.tool-group{gap:6px}.tool-group.bottom{margin-top:auto}.tool{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:7px 4px;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:#e9e6df;font-family:var(--ui-font);font-size:10px;line-height:1.15;text-align:center;cursor:pointer;transition:background .15s ease,transform .12s ease}.tool:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}.tool:active{transform:translateY(0)}.tool.primary{background:#f4f1ea;color:#1a1a1a}.tool.primary:hover{background:#fff}.tool .glyph{font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;height:20px}.tool .glyph svg{display:block}.tool-label{opacity:.8;letter-spacing:.1px;max-width:100%}.zoom-row{gap:4px;padding:3px;border-radius:12px;background:rgba(255,255,255,.06)}.zoom-btn,.zoom-row{display:flex;align-items:center}.zoom-btn{flex:0 0 22px;height:22px;border:0;border-radius:7px;background:rgba(255,255,255,.08);color:#e9e6df;font-size:14px;line-height:1;cursor:pointer;justify-content:center}.zoom-btn svg{display:block}.zoom-btn:hover{background:rgba(255,255,255,.2)}.zoom-readout{flex:1 1;text-align:center;font-size:11px;font-weight:600}.tool.active{background:#f2c94c;color:#241f00}.tool.active:hover{background:#f7d668}.save-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:12px;font-size:9.5px;line-height:1.2;text-align:center;background:rgba(255,255,255,.04);color:rgba(233,230,223,.75)}.save-chip .dot{width:8px;height:8px;border-radius:50%;background:#7ddba1}.save-chip.pending .dot{background:#f2c94c}.save-chip.saving .dot{background:#6ea8fe;animation:pulse 1s ease-in-out infinite}.save-chip.offline .dot{background:#b0b6c0}.save-chip.error .dot{background:#ff7a7a}.save-chip .save-ic{display:flex;color:#7ddba1}.save-chip .save-ic svg{display:block}.save-chip.pending .save-ic{color:#f2c94c}.save-chip.saving .save-ic{color:#6ea8fe;animation:spin .9s linear infinite}.save-chip.offline .save-ic{color:#b0b6c0}.save-chip.error .save-ic{color:#ff7a7a}@keyframes pulse{50%{opacity:.35}}@keyframes spin{to{transform:rotate(1turn)}}.el{position:absolute;top:0;left:0;will-change:transform;cursor:-webkit-grab;cursor:grab}.el-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;transform:rotate(var(--rot,0deg));transform-origin:center center;border-radius:inherit}body.is-dragging .el{cursor:-webkit-grabbing;cursor:grabbing}.el-feeling .el-inner,.el-note .el-inner{border-radius:2px 2px 3px 3px;box-shadow:0 1px 1px rgba(0,0,0,.16),0 10px 24px rgba(0,0,0,.28),inset 0 0 40px rgba(150,120,80,.06)}.paper-cream{background:#fbf6e6}.paper-sand{background:#f6ecd6}.paper-mint{background:#e6f4ea}.paper-rose{background:#fbe9ec}.paper-sky{background:#e7f0fb}.paper-lilac{background:#f0eafb}.grain{inset:0;background-image:radial-gradient(circle at 12% 22%,rgba(120,95,60,.07),transparent 22%),radial-gradient(circle at 78% 65%,rgba(120,95,60,.06),transparent 26%),radial-gradient(circle at 45% 88%,rgba(120,95,60,.05),transparent 24%);mix-blend-mode:multiply}.grain,.tape{position:absolute;pointer-events:none}.tape{top:-12px;left:50%;width:86px;height:26px;transform:translateX(-50%) rotate(-2.5deg);background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(226,215,180,.55));box-shadow:0 1px 3px rgba(0,0,0,.16);opacity:.85}.tape:after,.tape:before{content:"";position:absolute;top:0;bottom:0;width:6px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.7) 0 3px,transparent 3px 6px)}.tape:before{left:-3px}.tape:after{right:-3px}.el-feeling .el-inner:before,.el-note .el-inner:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(60,80,110,.22);border-radius:3px;opacity:0;transition:opacity .15s ease;pointer-events:none}.el:hover .el-inner:before{opacity:1}.el-toolbar{position:absolute;top:6px;right:8px;display:flex;gap:5px;opacity:0;transition:opacity .15s ease;z-index:5}.el:hover .el-toolbar{opacity:1}.icon-btn{border:0;min-width:24px;height:24px;padding:0 5px;border-radius:6px;cursor:pointer;background:rgba(40,35,30,.12);color:#4a423a;font-family:var(--ui-font);font-size:11px;line-height:1;display:grid;place-items:center}.icon-btn:hover{background:rgba(40,35,30,.24)}.icon-btn.danger:hover{background:rgba(190,60,60,.85);color:#fff}.el-text .icon-btn{background:rgba(255,255,255,.16);color:rgba(255,255,255,.9)}.el-text .icon-btn:hover{background:rgba(255,255,255,.3)}.ruled{flex:1 1;min-height:0;margin:30px 20px 20px;border:0;outline:none;resize:none;display:block;background-color:transparent;color:#253347;font-family:var(--hand-font);font-size:22px;line-height:var(--line-height);padding:4px 8px 14px 38px;overflow-y:auto;overflow-x:hidden;word-break:break-word;cursor:text;background-image:linear-gradient(to right,transparent 29px,var(--margin-color) 29px,var(--margin-color) 30px,transparent 30px),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--line-height) - 1px),var(--rule-color) calc(var(--line-height) - 1px),var(--rule-color) var(--line-height));background-repeat:repeat-y,repeat;background-size:100% 100%,100% var(--line-height);background-position:0 0,0 4px;background-attachment:local,local}.ruled::placeholder{color:rgba(60,80,110,.35)}.el:not(.editing) .area-title,.el:not(.editing) .label-text,.el:not(.editing) .ruled{pointer-events:none}.el.editing .area-title,.el.editing .label-text,.el.editing .ruled{pointer-events:auto}.el.editing .el-inner:before{border-color:rgba(60,80,110,.4);opacity:1}.el-title{border:0;outline:none;background:transparent;font-family:var(--hand-font);font-size:30px;line-height:1.15;color:#22303f;padding:26px 44px 6px 18px;width:100%;text-align:center;text-overflow:ellipsis;pointer-events:none;cursor:inherit}.el.renaming .el-title{pointer-events:auto;cursor:text;background:rgba(255,255,255,.6);border-radius:4px}.feeling-body{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:10px 18px 26px}.feeling-body .count{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:rgba(50,60,75,.5)}.feeling-body .open-hint{font-size:11px;color:rgba(50,60,75,.4)}.el-text .el-inner{background:rgba(15,22,20,.28);border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 22px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.el-text:hover .el-inner{border-color:rgba(255,255,255,.34)}.el-text.editing .el-inner{background:rgba(15,22,20,.5)}.label-text{flex:1 1;min-height:0;margin:14px;border:0;outline:none;resize:none;display:block;background:transparent;color:#fdf7e6;font-family:var(--hand-font);line-height:1.18;padding:0;overflow:hidden auto;word-break:break-word;cursor:text;text-shadow:0 1px 2px rgba(0,0,0,.35)}.label-text::placeholder{color:rgba(253,247,230,.4)}.corner{position:absolute;width:28px;height:28px;z-index:6;opacity:0;pointer-events:none;transition:opacity .15s ease}.el:hover .corner{opacity:1;pointer-events:auto}.corner:before{content:"";position:absolute;width:12px;height:12px;border-radius:2px;background:#23262b;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 1px 3px rgba(0,0,0,.3)}.corner.nw{top:0;left:0;cursor:nwse-resize}.corner.ne{top:0;right:0;cursor:nesw-resize}.corner.sw{bottom:0;left:0;cursor:nesw-resize}.corner.se{bottom:0;right:0;cursor:nwse-resize}.corner.nw:before{top:2px;left:2px}.corner.ne:before{top:2px;right:2px}.corner.sw:before{bottom:2px;left:2px}.corner.se:before{bottom:2px;right:2px}@keyframes el-enter{0%{transform:translate3d(var(--fx,0),var(--fy,0),0) scale(.28) rotate(var(--rot,0deg));opacity:0}55%{opacity:1}to{transform:translateZ(0) scale(1) rotate(var(--rot,0deg));opacity:1}}.el.entering .el-inner{animation:el-enter .72s cubic-bezier(.2,.88,.24,1.06) both;animation-delay:var(--delay,0s)}@media (prefers-reduced-motion:reduce){.el.entering .el-inner{animation:none}}.empty-state{position:fixed;inset:0 0 0 var(--rail);display:grid;place-items:center;pointer-events:none;color:rgba(255,255,255,.45);font-size:15px;text-align:center;line-height:1.9}.status{position:fixed;left:calc(var(--rail) + 16px);bottom:16px;z-index:50;max-width:60vw;padding:8px 12px;border-radius:10px;background:rgba(20,20,22,.75);font-size:12px;color:rgba(255,255,255,.7)}.status.error{color:#ffb3b3}.el-area .el-inner{border-radius:14px;border:2px solid;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.area-title{flex:0 0 auto;margin:10px 14px 0;border:0;outline:none;resize:none;background:transparent;color:#fff;font-family:var(--hand-font);line-height:1.15;padding:0;overflow:hidden;cursor:text;text-shadow:0 1px 3px rgba(0,0,0,.45)}.area-title::placeholder{color:rgba(255,255,255,.45)}.area-preview{position:absolute;top:0;left:0;border:2px dashed;border-radius:14px;pointer-events:none;z-index:999999}.board-viewport.area-mode{cursor:crosshair}.board-viewport.area-mode .el{pointer-events:none}.el.lifted .el-inner{transform:rotate(var(--rot,0deg)) scale(1.025);box-shadow:0 10px 12px rgba(0,0,0,.22),0 34px 60px rgba(0,0,0,.42)}.ctx-menu{position:fixed;z-index:3000;min-width:224px;max-width:320px;padding:8px;border-radius:8px;background:#111214;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px rgba(0,0,0,.6);font-family:var(--ui-font);font-size:14px;color:#b5bac1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ctx-heading{padding:6px 10px 4px;font-size:12px;font-weight:600;letter-spacing:.02em;color:#80848e}.ctx-item{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ctx-item.open,.ctx-item:hover:not(:disabled){background:rgba(255,255,255,.07);color:#f2f3f5}.ctx-item:disabled{opacity:.4;cursor:default}.ctx-item.danger{color:#f23f43}.ctx-item.danger:hover{background:#f23f43;color:#fff}.ctx-label{flex:1 1;display:flex;flex-direction:column;gap:1px}.ctx-hint{font-size:11px;color:#6d7178}.ctx-item:hover .ctx-hint{color:#9aa0a8}.ctx-chevron{font-size:17px;line-height:1;color:#80848e}.ctx-separator{height:1px;margin:4px 2px;background:rgba(255,255,255,.08)}.ctx-check{width:18px;height:18px;border-radius:4px;border:1px solid #4e5058;background:transparent}.ctx-check.on{border-color:#5865f2;background:#5865f2;box-shadow:inset 0 0 0 3px #111214}.ctx-submenu{position:absolute;left:calc(100% + 6px);top:-8px;padding:10px;border-radius:8px;background:#111214;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px rgba(0,0,0,.6);cursor:default}.color-grid-wrap{width:236px}.grid-caption{font-size:11px;color:#80848e;margin:2px 0 6px}.color-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:5px;gap:5px}.paper-row{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px;margin-bottom:10px}.swatch{aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:5px;padding:0;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.swatch:hover{transform:scale(1.14)}.swatch.on{box-shadow:0 0 0 2px #fff}.swatch.alpha{position:relative;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#b8bcc2 25%,transparent 0,transparent 75%,#b8bcc2 0),linear-gradient(45deg,#b8bcc2 25%,transparent 0,transparent 75%,#b8bcc2 0);background-size:8px 8px;background-position:0 0,4px 4px}.swatch.alpha .alpha-fill{position:absolute;inset:0}.opacity-picker{margin-top:12px}.opacity-label{font-size:11px;color:#80848e}.opacity-body{display:flex;gap:12px}.opacity-track{position:relative;width:26px;height:168px;border-radius:6px;overflow:hidden;cursor:ns-resize;border:1px solid rgba(255,255,255,.14)}.opacity-checker{background-color:#fff;background-image:linear-gradient(45deg,#b8bcc2 25%,transparent 0,transparent 75%,#b8bcc2 0),linear-gradient(45deg,#b8bcc2 25%,transparent 0,transparent 75%,#b8bcc2 0);background-size:10px 10px;background-position:0 0,5px 5px}.opacity-checker,.opacity-gradient{position:absolute;inset:0}.opacity-thumb{position:absolute;left:-3px;right:-3px;height:10px;margin-top:-5px;border-radius:2px;background:#8a8a8a;border:1px solid rgba(255,255,255,.85);box-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none}.opacity-side{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.opacity-value{font-size:13px;font-weight:600;color:#f2f3f5}.opacity-preview{width:46px;height:26px;border-radius:5px;border:1px solid rgba(255,255,255,.2);background-color:#fff}.opacity-steps{display:flex;flex-direction:column;gap:4px}.opacity-step{width:46px;padding:3px 0;border:0;border-radius:4px;background:rgba(255,255,255,.07);color:#b5bac1;font-size:11px;cursor:pointer}.opacity-step:hover{background:rgba(255,255,255,.16);color:#fff}.opacity-step.on{background:#5865f2;color:#fff}.account-chip{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:0;border-radius:999px;background:rgba(20,20,22,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f4f1ea;font-family:var(--ui-font);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35)}.account-chip:hover{background:rgba(35,35,40,.9)}.account-chip .avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#6ea8fe;color:#10233f;font-size:13px;font-weight:700}.account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-wrap{position:fixed;top:16px;right:16px;z-index:70;display:flex;align-items:center;gap:8px}.agent-chip{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:999px;background:rgba(20,20,22,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d9d4c9;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.agent-chip:hover{background:rgba(35,35,40,.9);color:#fff}.agent-chip.ready{color:#b9adff}.agent-chip.on{background:#5865f2;color:#fff;box-shadow:0 0 0 3px rgba(88,101,242,.3)}.account-scrim{position:fixed;inset:0;z-index:2699}.account-menu{position:fixed;top:56px;right:16px;z-index:2700;min-width:200px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px;background:rgba(24,24,28,.96);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(0,0,0,.5);font-family:var(--ui-font);animation:account-pop .14s ease}@keyframes account-pop{0%{opacity:0;transform:translateY(-6px)}}.account-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:#e9e6df;font-family:inherit;font-size:13px;text-align:left;cursor:pointer}.account-menu button:hover{background:rgba(255,255,255,.09)}.account-menu button.danger{color:#ff8b8b}.account-menu button.danger:hover{background:rgba(255,122,122,.14)}.account-menu button svg{flex:0 0 auto}.account-sep{height:1px;margin:4px 6px;background:rgba(255,255,255,.08)}.agent-console{position:fixed;right:16px;bottom:16px;z-index:2685;display:flex;flex-direction:column;width:min(400px,calc(100vw - 32px));height:min(560px,calc(100vh - 90px));border-radius:16px;overflow:hidden;background:rgba(15,16,20,.94);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.55);color:#e8e6df;font-family:var(--ui-font);animation:agent-pop .16s ease}@keyframes agent-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.agent-head{justify-content:space-between;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.agent-head,.agent-title{display:flex;align-items:center}.agent-title{gap:8px;font-size:13px;font-weight:700;letter-spacing:.02em}.agent-title svg{color:#b9adff}.agent-provider{padding:2px 8px;border-radius:999px;background:rgba(88,101,242,.22);color:#c7cbff;font-size:11px;font-weight:600}.agent-x{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#b7b3aa;cursor:pointer}.agent-x:hover{background:rgba(255,255,255,.1);color:#fff}.agent-log{flex:1 1;overflow-y:auto;padding:14px;gap:12px;font-size:13px;line-height:1.5}.agent-empty,.agent-log{display:flex;flex-direction:column}.agent-empty{margin:auto;text-align:center;color:#9a968d;align-items:center;gap:8px;padding:10px}.agent-empty svg{color:#b9adff}.agent-empty p{margin:0;font-size:13px}.agent-empty ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;text-align:left}.agent-empty li{display:flex}.agent-example{width:100%;padding:8px 11px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.05);color:#c4c0b6;font:inherit;font-size:12px;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.agent-example:hover{background:rgba(88,101,242,.16);border-color:rgba(88,101,242,.4);color:#eceaff}.agent-link{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:7px 12px;border:0;border-radius:9px;background:#5865f2;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.agent-msg{display:flex;gap:9px;align-items:flex-start}.agent-prompt{flex:0 0 auto;font-family:var(--mono-font,ui-monospace,Menlo,Consolas,monospace);font-size:13px;line-height:1.5;opacity:.7}.agent-msg.user .agent-prompt{color:#7fd1a8}.agent-msg.assistant .agent-prompt{color:#b9adff}.agent-body{min-width:0;flex:1 1}.agent-body pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13px}.agent-msg.user .agent-body pre{color:#eef0ea}.agent-msg.assistant .agent-body pre{color:#d3cfc5}.agent-ops{display:inline-block;margin-top:6px;padding:2px 9px;border-radius:999px;background:rgba(127,209,168,.16);color:#8fe0b6;font-size:11px;font-weight:600}.agent-thinking{display:flex;align-items:center;gap:7px;color:#9a968d;font-size:12px}.agent-error{margin:0 14px 10px;padding:8px 11px;border-radius:9px;background:rgba(255,122,122,.14);color:#ff9d9d;font-size:12px}.agent-input{display:flex;align-items:stretch;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.agent-input textarea{flex:1 1;max-height:120px;min-height:40px;resize:none;border:0;padding:9px 0;background:transparent;color:#eef0ea;font-family:inherit;font-size:13px;line-height:1.5;outline:none}.agent-input textarea::placeholder{color:#7a766d}.agent-send{flex:0 0 auto;align-self:flex-end;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:#5865f2;color:#fff;cursor:pointer}.agent-send:disabled{opacity:.5;cursor:default}.agent-send:not(:disabled):hover{background:#4854e0}.ai-note{margin:12px 0 0;font-size:12px;color:#8b8b93;line-height:1.5}.ai-tabs{display:flex;gap:6px;margin-bottom:14px;padding:4px;border-radius:11px;background:rgba(120,120,130,.12)}.ai-tabs button{flex:1 1;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#a9a9b2;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.ai-tabs button.on{background:rgba(255,255,255,.1);color:#fff}.ai-cli-list{display:flex;flex-direction:column;gap:12px}.ai-cli-item{padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(120,120,130,.06)}.ai-cli-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-cli-name{font-size:14px;font-weight:700}.ai-cli-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.ai-cli-badge.ok{background:rgba(127,209,168,.16);color:#7fd1a8}.ai-cli-badge.no{background:rgba(255,255,255,.08);color:#9a968d}.ai-cli-badge.checking{background:rgba(255,255,255,.08);color:#b7b3aa}.ai-cli-cmd{display:block;margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(0,0,0,.35);color:#d8d4ca;font-family:var(--mono-font,ui-monospace,Menlo,Consolas,monospace);font-size:12px;overflow-x:auto;white-space:nowrap}@media (max-width:620px){.agent-console{right:8px;left:8px;bottom:8px;width:auto;height:min(70vh,520px)}}.auth-backdrop{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:20px;background:rgba(8,10,12,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-card{position:relative;width:min(400px,100%);max-height:90vh;overflow-y:auto;padding:26px 26px 20px;border-radius:14px;background:#1b1d21;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.55);color:#e9e6df;font-family:var(--ui-font)}.auth-card h2{margin:0 0 6px;font-size:21px}.auth-sub{margin:0 0 18px;font-size:13px;line-height:1.5;color:#9aa0a8}.auth-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#9aa0a8;font-size:20px;line-height:1;cursor:pointer}.auth-close:hover{background:rgba(255,255,255,.08);color:#fff}.auth-field{display:block;margin-bottom:12px}.auth-field span{display:block;margin-bottom:5px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9aa0a8}.auth-field input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#101215;color:#e9e6df;font:inherit;font-size:14px;outline:none}.auth-field input:focus{border-color:#5865f2}.auth-btn{width:100%;padding:11px 14px;margin-top:6px;border:0;border-radius:8px;background:#5865f2;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.auth-btn:hover:not(:disabled){background:#4752c4}.auth-btn:disabled{opacity:.55;cursor:default}.auth-btn.ghost{background:rgba(255,255,255,.1)}.auth-btn.ghost:hover:not(:disabled){background:rgba(255,255,255,.18)}.auth-error{margin:10px 0 0;padding:9px 11px;border-radius:8px;background:rgba(242,63,67,.14);color:#ff9d9f;font-size:13px}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6d7178}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:rgba(255,255,255,.1)}.auth-social{display:flex;gap:8px}.auth-social .auth-btn{margin-top:0;background:rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;gap:7px}.auth-social .g{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#4285f4;font-weight:700;font-size:12px}.auth-foot{margin:14px 0 0;font-size:12.5px;color:#9aa0a8;text-align:center}.auth-foot.muted{font-size:11.5px;color:#6d7178;margin-top:8px}.auth-link{border:0;background:none;padding:0;color:#7c94ff;font:inherit;cursor:pointer;text-decoration:underline}.ctx-submenu.flip{left:auto;right:calc(100% + 6px)}.search{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:65;width:min(560px,calc(100vw - var(--rail) - 260px));font-family:var(--ui-font)}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(17,18,20,.86);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 26px rgba(0,0,0,.4);transition:border-color .15s ease}.search-box.open{border-color:rgba(110,168,254,.55)}.search-icon{color:#80848e;font-size:17px;line-height:1}.search-box input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;color:#e9e6df;font:inherit;font-size:13px}.search-box input::placeholder{color:#6d7178}.search-clear{border:0;width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.08);color:#b5bac1;cursor:pointer;line-height:1}.search-results{margin-top:6px;max-height:min(56vh,460px);overflow-y:auto;padding:6px;border-radius:12px;background:#111214;border:1px solid rgba(255,255,255,.07);box-shadow:0 14px 40px rgba(0,0,0,.55)}.search-empty{padding:16px;text-align:center;color:#6d7178;font-size:13px}.search-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#b5bac1;font:inherit;text-align:left;cursor:pointer}.search-row.on{background:rgba(255,255,255,.07)}.search-kind{flex:0 0 auto;padding:3px 7px;border-radius:5px;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:rgba(255,255,255,.08);color:#9aa0a8}.search-kind.k-feeling{background:rgba(247,131,172,.18);color:#f7a8c4}.search-kind.k-note{background:rgba(110,168,254,.18);color:#9dc2ff}.search-kind.k-text{background:rgba(242,201,76,.18);color:#f2d27a}.search-kind.k-area{background:rgba(81,207,102,.18);color:#8fe0a3}.search-kind.k-sheet{background:rgba(94,200,138,.18);color:#7ee2a8}.search-kind.k-file{background:rgba(160,170,180,.18);color:#c3cbd3}.search-kind.k-ai{background:rgba(139,127,245,.2);color:#b3a9ff}.search-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.search-title{font-size:13.5px;color:#f2f3f5}.search-dir,.search-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-dir{font-size:11.5px;color:#80848e}.search-date{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.search-date .rel{font-size:11.5px;color:#b5bac1}.search-date .abs{font-size:10.5px;color:#6d7178}.el.focused .el-inner{outline:2px solid rgba(110,168,254,.9);outline-offset:4px;animation:focus-pulse 1.9s ease-out}@keyframes focus-pulse{0%,to{outline-color:rgba(110,168,254,.9)}50%{outline-color:rgba(110,168,254,.2)}}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.toast{position:relative;pointer-events:auto;flex:0 1 auto;max-width:320px;padding:14px 16px;border:0;border-radius:18px 18px 6px 18px;color:#33302a;font-family:var(--ui-font);font-size:13px;line-height:1.5;text-align:left;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);transform-origin:100% 100%;animation:toast-in .62s cubic-bezier(.2,.88,.24,1.06) both}.toast,.toast.warm{background:#fbf6e6}.toast.stat{background:#e7f0fb}.toast:hover{filter:brightness(1.03)}.toast.leaving{animation:toast-out .3s ease-in forwards}.toast-bubble{position:absolute;right:14px;border-radius:50%;background:inherit;box-shadow:0 4px 10px rgba(0,0,0,.18)}.toast-bubble.b1{width:12px;height:12px;bottom:-8px}.toast-bubble.b2{width:7px;height:7px;bottom:-18px;right:8px}@keyframes toast-in{0%{opacity:0;transform:translate(46px,54px) scale(.82)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{to{opacity:0;transform:translate(26px,16px) scale(.94)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.player{position:fixed;left:calc(var(--rail) + 16px);bottom:16px;z-index:75;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:999px 16px 16px 999px;background:rgba(17,18,20,.88);border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.4);color:#e9e6df;font-family:var(--ui-font)}.player.collapsed{padding-right:8px}.disc{position:relative;width:54px;height:54px;flex:0 0 54px;border:0;padding:0;border-radius:50%;background:#0c0d0f;cursor:pointer;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.5)}.disc-swap{position:absolute;inset:0}.disc-swap.entering{animation:disc-rise .64s cubic-bezier(.2,.85,.3,1.04) both}.disc-swap.leaving{animation:disc-drop .64s cubic-bezier(.4,0,.65,1) forwards}@keyframes disc-rise{0%{transform:translateY(-118%) scale(.82);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes disc-drop{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(118%) scale(.82);opacity:0}}@media (prefers-reduced-motion:reduce){.disc-swap.entering,.disc-swap.leaving{animation:none}.disc-swap.leaving{opacity:0}}.disc-spin{inset:0;background:radial-gradient(circle at 34% 30%,#35383d 0,#17191c 42%,#0b0c0e 100%);will-change:transform}.disc-groove,.disc-spin{position:absolute;border-radius:50%}.disc-groove{border:1px solid rgba(255,255,255,.07)}.disc-groove.g1{inset:5px}.disc-groove.g2{inset:9px}.disc-groove.g3{inset:13px}.disc-label{inset:34%;background:var(--label,#e8734a);background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--label,#e8734a) 74%,white),var(--label,#e8734a));box-shadow:0 0 calc(var(--spin, 0) * 10px) color-mix(in srgb,var(--label,#e8734a) 75%,transparent)}.disc-hole,.disc-label{position:absolute;border-radius:50%}.disc-hole{inset:46%;background:#0c0d0f}.disc-state{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:rgba(255,255,255,.9);text-shadow:0 1px 4px rgba(0,0,0,.9);opacity:0;transition:opacity .15s ease}.disc:hover .disc-state{opacity:1}.player-body{display:flex;flex-direction:column;gap:5px;min-width:208px;max-width:248px}.player-head{display:flex;align-items:baseline;gap:6px}.player-count{flex:0 0 auto;font-size:10px;color:#80848e;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-title{flex:1 1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-progress{position:relative;display:flex;align-items:center;height:14px;cursor:pointer;touch-action:none}.player-progress:before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:4px;background:rgba(255,255,255,.13)}.player-progress .bar{position:relative;height:4px;border-radius:4px;background:var(--label,#e8734a)}.player-progress .knob{position:absolute;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.6);opacity:0;transition:opacity .15s ease,transform .15s ease;pointer-events:none}.player-progress:hover .knob{opacity:1}.player-progress.seeking .knob{opacity:1;transform:scale(1.25)}.player-progress.idle{cursor:default;opacity:.45}.player-times{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:#80848e;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-state{flex:1 1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row{display:flex;align-items:center;gap:8px}.player-btn{border:0;width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.08);color:#e9e6df;font-size:12px;cursor:pointer}.player-btn:hover:not(:disabled){background:rgba(255,255,255,.18)}.player-btn:disabled{opacity:.3;cursor:default}.player-btn.on{background:var(--label,#e8734a);color:#1a1a1a}.player-queue{list-style:none;margin:2px 0 0;padding:4px;max-height:128px;overflow-y:auto;border-radius:8px;background:rgba(255,255,255,.05);--sb-thumb:rgba(255,255,255,0.16);--sb-thumb-hover:rgba(255,255,255,0.3);--sb-thumb-active:rgba(255,255,255,0.44);--sb-size:8px;--sb-inset:2px;scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}.player-queue::-webkit-scrollbar{width:var(--sb-size)}.player-queue::-webkit-scrollbar-track{background:transparent}.player-queue::-webkit-scrollbar-thumb{background-color:var(--sb-thumb);border:var(--sb-inset) solid transparent;background-clip:content-box;border-radius:999px}.player-queue::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-hover)}.player-queue button{display:flex;align-items:center;gap:7px;width:100%;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:#b5bac1;font-family:var(--ui-font);font-size:11px;text-align:left;cursor:pointer}.player-queue button:hover{background:rgba(255,255,255,.09);color:#f2f3f5}.player-queue button.on{color:#fff;font-weight:600}.player-queue .dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%}.player-queue .name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-vol{flex:1 1;min-width:0;height:3px;accent-color:var(--label,#e8734a);cursor:pointer}.player-toggle{border:0;width:18px;height:34px;border-radius:6px;background:rgba(255,255,255,.06);color:#80848e;cursor:pointer}.player-toggle:hover{background:rgba(255,255,255,.14);color:#e9e6df}.swipe-btn{position:absolute;top:0;left:0;z-index:2000001;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 9px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(17,18,20,.86);color:#e9e6df;font-family:var(--ui-font);cursor:pointer;transition:background .15s ease,border-color .15s ease}.swipe-btn:hover{background:rgba(35,36,40,.95);border-color:rgba(255,255,255,.34)}.swipe-btn.on{background:#f2c94c;color:#241f00;border-color:#f2c94c}.swipe-icon{position:relative;width:26px;height:20px;display:block}.swipe-card{position:absolute;width:13px;height:16px;border-radius:2px;border:1.5px solid;top:2px}.swipe-card.c1{left:0;opacity:.4}.swipe-card.c2{left:5px;opacity:.7}.swipe-card.c3{left:10px}.swipe-arrow{right:-2px;top:8px;width:8px;height:0}.swipe-arrow,.swipe-arrow:after{position:absolute;border-top:1.5px solid}.swipe-arrow:after{content:"";right:0;top:-3px;width:5px;height:5px;border-right:1.5px solid;transform:rotate(45deg)}.swipe-label{font-size:9px;font-weight:700;letter-spacing:.08em}.swipe-state{font-size:8.5px;opacity:.65;letter-spacing:.06em}.swipe-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:inherit;pointer-events:none;z-index:4;animation:cover-in .32s ease-out both}@keyframes cover-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.blind-eye{position:relative;width:78px;height:46px;display:block}.eye-shape{position:absolute;inset:0;border:3.5px solid rgba(255,255,255,.9);border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.eye-pupil{left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:rgba(255,255,255,.9)}.eye-pupil,.eye-slash{position:absolute;top:50%}.eye-slash{left:-8px;right:-8px;height:4px;border-radius:4px;background:rgba(255,255,255,.95);box-shadow:0 0 0 2px rgba(0,0,0,.25);transform:rotate(-27deg)}.swipe-cover-text{font-family:var(--ui-font);font-size:12px;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.92);text-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center;padding:0 12px}.zone-space{position:fixed;inset:0;animation:zone-in .26s ease-out both}@keyframes zone-in{0%{opacity:0}to{opacity:1}}.board-viewport.zone{inset:0;background-color:#14171a;background-image:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--zone-tint,#51cf66) 26%,transparent),transparent 62%),repeating-linear-gradient(0deg,rgba(255,255,255,.026) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 1px,transparent 1px 46px)}.zone-head{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:2600;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:14px;background:rgba(17,18,20,.9);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f4f1ea;font-family:var(--ui-font);box-shadow:0 12px 34px rgba(0,0,0,.5)}.zone-back{border:0;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.1);color:#e9e6df;font-size:15px;cursor:pointer}.zone-back:hover{background:rgba(255,255,255,.2)}.zone-dot{width:10px;height:10px;border-radius:50%}.zone-name{font-family:var(--hand-font);font-size:24px;line-height:1}.zone-count{font-size:12px;color:#80848e}.picker{margin-top:12px;width:100%}.picker-sv{position:relative;width:100%;height:108px;border-radius:8px;overflow:hidden;cursor:crosshair;border:1px solid rgba(255,255,255,.14)}.picker-sv-white{position:absolute;inset:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.picker-sv-black{position:absolute;inset:0;background:linear-gradient(0deg,#000,rgba(0,0,0,0))}.picker-dot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.5);pointer-events:none}.picker-hue{position:relative;height:14px;margin-top:10px;border-radius:7px;cursor:ew-resize;border:1px solid rgba(255,255,255,.14);background:linear-gradient(90deg,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)}.picker-hue-thumb{position:absolute;top:-3px;bottom:-3px;width:8px;margin-left:-4px;border-radius:3px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}.picker-foot{display:flex;align-items:center;gap:8px;margin-top:10px}.picker-preview{width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.picker-hex{flex:1 1;min-width:0;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#0d0e10;color:#e9e6df;font-family:var(--ui-font);font-size:12px;text-transform:lowercase;outline:none}.picker-hex:focus{border-color:#5865f2}.special-row{display:flex;align-items:center;gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.special-row .swatch{width:26px;height:26px;aspect-ratio:auto;flex:0 0 26px}.special-row .swatch.open{box-shadow:0 0 0 2px #5865f2}.special-hint{font-size:10.5px;color:#6d7178;margin-left:auto}.swatch.custom{position:relative;overflow:hidden;background:conic-gradient(#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)}.swatch.custom .custom-fill{position:absolute;inset:6px;border-radius:3px;border:1px solid rgba(255,255,255,.5)}.opacity-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.opacity-reset{border:0;padding:3px 7px;border-radius:5px;background:rgba(255,255,255,.08);color:#b5bac1;font-family:var(--ui-font);font-size:10.5px;cursor:pointer}.opacity-reset:hover:not(:disabled){background:rgba(255,255,255,.18);color:#fff}.opacity-reset:disabled{opacity:.35;cursor:default}@media (max-width:1500px){.titlebar .hint{display:none}}@media (max-width:1100px){.titlebar{display:none}.search{width:calc(100vw - var(--rail) - 180px)}}.label-text,.ruled{white-space:pre;overflow-x:auto;word-break:normal;overflow-wrap:normal}.hold-hint{position:absolute;z-index:8;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%);padding:5px 10px 5px 5px;border-radius:999px;background:rgba(20,22,26,.9);color:#e9e6df;font-family:var(--ui-font);font-size:10.5px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.4);opacity:1;animation:hint-in .2s ease-out}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hold-hint svg{width:22px;height:22px;flex:0 0 22px}.hold-hint .ring-bg{fill:none;stroke:rgba(255,255,255,.18);stroke-width:3}.hold-hint .ring{fill:none;stroke:#6ea8fe;stroke-width:3;stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:94.25;transform:rotate(-90deg);transform-origin:50% 50%;animation:hold-fill 3.8s linear forwards}@keyframes hold-fill{to{stroke-dashoffset:0}}@keyframes pinch{0%{transform:rotate(var(--rot,0deg)) scale(1)}38%{transform:rotate(var(--rot,0deg)) scale(.962)}to{transform:rotate(var(--rot,0deg)) scale(1)}}.el.pinch .el-inner{animation:pinch .46s cubic-bezier(.3,.9,.3,1.2)}.el.holding{cursor:progress}@media (prefers-reduced-motion:reduce){.el.pinch .el-inner{animation:none}.hold-hint .ring{animation-duration:4s}}.sidebar{z-index:2600}.player{z-index:2650}.toast-stack{z-index:2700}.zone-space{z-index:2500}.zone-head{z-index:2550}.board-viewport.zone{inset:0 0 0 var(--rail)}.brand-logo{position:fixed;bottom:14px;left:calc(50% + var(--rail) / 2);transform:translateX(-50%);z-index:2560;width:176px;height:auto;opacity:.82;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 3px 10px rgba(0,0,0,.45));animation:brand-in .7s cubic-bezier(.2,.88,.24,1.04) .26s backwards}@keyframes brand-in{0%{opacity:0;transform:translateX(-50%) translateY(14px) scale(.94)}to{opacity:.82;transform:translateX(-50%) translateY(0) scale(1)}}@media (max-height:560px),(max-width:900px){.brand-logo{width:128px;opacity:.6}}.toast-row{display:flex;align-items:flex-end;gap:4px;pointer-events:none}.toast-buddy{flex:0 0 auto;display:block;margin-bottom:-6px;animation:buddy-in .56s cubic-bezier(.18,.9,.22,1.5) both}.toast-buddy img{display:block;height:104px;width:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35));transform-origin:50% 100%;animation:buddy-wave 1.6s ease-in-out .56s 2}@keyframes buddy-in{0%{opacity:0;transform:translateY(46px) scale(.62) rotate(-12deg)}55%{opacity:1;transform:translateY(-9px) scale(1.06) rotate(4deg)}78%{transform:translateY(2px) scale(.99) rotate(-1.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes buddy-wave{0%,to{transform:rotate(0deg)}30%{transform:rotate(-4deg)}65%{transform:rotate(4deg)}}.toast-row.leaving .toast-buddy{animation:buddy-out .32s ease-in forwards}.toast-row.leaving .toast-buddy img{animation:none}@keyframes buddy-out{to{opacity:0;transform:translateY(30px) scale(.7) rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.brand-logo,.toast-buddy,.toast-buddy img{animation:none}}@media (max-height:560px){.toast-buddy img{height:76px}}.el-text .el-inner{border-radius:10px;background:none;border:1px solid transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.el-text:hover .el-inner{border-color:rgba(255,255,255,.18)}.el-text.editing .el-inner{border-color:rgba(255,255,255,.34);background:rgba(15,22,20,.34)}.el-text.filled .el-inner{border-color:rgba(255,255,255,.16);box-shadow:0 6px 22px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.el-text.filled:hover .el-inner{border-color:rgba(255,255,255,.34)}:root{--sb-size:12px;--sb-inset:3px}.ruled{--sb-thumb:rgba(80,112,146,0.28);--sb-thumb-hover:rgba(80,112,146,0.5);--sb-thumb-active:rgba(60,92,128,0.72)}.auth-card,.ctx-menu,.label-text,.search-results,.sidebar{--sb-thumb:rgba(255,255,255,0.16);--sb-thumb-hover:rgba(255,255,255,0.3);--sb-thumb-active:rgba(255,255,255,0.44)}.auth-card,.ctx-menu,.label-text,.ruled,.search-results,.sidebar{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}.auth-card::-webkit-scrollbar,.ctx-menu::-webkit-scrollbar,.label-text::-webkit-scrollbar,.ruled::-webkit-scrollbar,.search-results::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.auth-card::-webkit-scrollbar-track,.ctx-menu::-webkit-scrollbar-track,.label-text::-webkit-scrollbar-track,.ruled::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:transparent}.auth-card::-webkit-scrollbar-thumb,.ctx-menu::-webkit-scrollbar-thumb,.label-text::-webkit-scrollbar-thumb,.ruled::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background-color:var(--sb-thumb);border:var(--sb-inset) solid transparent;background-clip:content-box;border-radius:999px;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.auth-card::-webkit-scrollbar-thumb:hover,.ctx-menu::-webkit-scrollbar-thumb:hover,.label-text::-webkit-scrollbar-thumb:hover,.ruled::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-hover)}.auth-card::-webkit-scrollbar-thumb:active,.ctx-menu::-webkit-scrollbar-thumb:active,.label-text::-webkit-scrollbar-thumb:active,.ruled::-webkit-scrollbar-thumb:active,.search-results::-webkit-scrollbar-thumb:active,.sidebar::-webkit-scrollbar-thumb:active{background-color:var(--sb-thumb-active)}.auth-card::-webkit-scrollbar-button,.ctx-menu::-webkit-scrollbar-button,.label-text::-webkit-scrollbar-button,.ruled::-webkit-scrollbar-button,.search-results::-webkit-scrollbar-button,.sidebar::-webkit-scrollbar-button{width:0;height:0;display:none}.auth-card::-webkit-scrollbar-corner,.ctx-menu::-webkit-scrollbar-corner,.label-text::-webkit-scrollbar-corner,.ruled::-webkit-scrollbar-corner,.search-results::-webkit-scrollbar-corner,.sidebar::-webkit-scrollbar-corner{background:transparent}.el:not(:hover):not(.editing) .ruled{scrollbar-color:transparent transparent}.el:not(:hover):not(.editing) .ruled::-webkit-scrollbar-thumb{background-color:transparent}.sidebar{--sb-size:8px;--sb-inset:2px}.tool.off{opacity:.55}.tool.off:hover{opacity:1}.marquee{position:absolute;top:0;left:0;z-index:1999999;border:1.5px dashed rgba(255,255,255,.75);border-radius:4px;background:rgba(110,168,254,.14);pointer-events:none}.el.selected .el-inner{outline:2px solid rgba(110,168,254,.95);outline-offset:3px}.el.selected.el-area .el-inner{outline-offset:0}@keyframes pop-in{0%{transform:rotate(var(--rot,0deg)) scale(.55);opacity:0}62%{transform:rotate(var(--rot,0deg)) scale(1.07);opacity:1}to{transform:rotate(var(--rot,0deg)) scale(1);opacity:1}}.el.popping .el-inner{animation:pop-in .46s cubic-bezier(.22,.9,.26,1.3) both}@media (prefers-reduced-motion:reduce){.el.popping .el-inner{animation:none}}.trash-bin{position:fixed;right:18px;bottom:14px;z-index:2680;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px 4px;border-radius:14px;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .18s cubic-bezier(.2,.9,.3,1.2),background .18s ease,border-color .18s ease}.trash-bin img{display:block;width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45));transition:transform .18s ease;pointer-events:none}.trash-label{font-family:var(--ui-font);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5);pointer-events:none}.trash-bin:hover{background:rgba(255,255,255,.06)}.trash-bin:hover .trash-label{color:rgba(255,255,255,.8)}.trash-bin.hot{transform:scale(1.16);background:rgba(242,63,67,.16);border-color:rgba(242,63,67,.6)}.trash-bin.hot img{transform:translateY(-3px) rotate(-6deg);filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.trash-bin.hot .trash-label{color:#ff9d9f}.trash-count{position:absolute;top:2px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f2c94c;color:#241f00;font-family:var(--ui-font);font-size:10px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}.toast-stack{right:116px}.trash-space{position:fixed;inset:0;z-index:2500;animation:zone-in .26s ease-out both}.board-viewport.trash{inset:0 0 0 var(--rail);background-color:#17151a;background-image:radial-gradient(circle at 50% 0,rgba(242,63,67,.16),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.024) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 1px,transparent 1px 46px)}.trashed .el{pointer-events:none;filter:grayscale(.35);opacity:.9}.trash-restore{z-index:2000002;padding:5px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(17,18,20,.92);color:#e9e6df;font-family:var(--ui-font);font-size:11px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.trash-hit,.trash-restore{position:absolute;top:0;left:0}.trash-hit{z-index:2000001}.trash-hit:hover~.trash-restore,.trash-restore:hover{opacity:1}.trash-restore:hover{background:#2f7d52;border-color:#2f7d52;color:#fff}.trash-hit:hover~.el,.trashed:has(.trash-hit:hover) .el{filter:none;opacity:1}.trash-empty-note{position:absolute;left:-220px;top:-60px;width:440px;text-align:center;color:rgba(255,255,255,.45);font-family:var(--ui-font);font-size:14px;line-height:1.9}.trash-head{gap:10px}.trash-head-icon{width:26px;height:26px;object-fit:contain}.trash-action{border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:6px 11px;background:rgba(255,255,255,.07);color:#e9e6df;font-family:var(--ui-font);font-size:11.5px;font-weight:600;cursor:pointer}.trash-action:hover{background:rgba(255,255,255,.16)}.trash-action.danger{border-color:rgba(242,63,67,.5);color:#ff9d9f}.trash-action.danger:hover{background:#f23f43;border-color:#f23f43;color:#fff}.ctx-lead{flex:0 0 18px;font-size:14px;line-height:1;text-align:center;opacity:.9;display:inline-flex;align-items:center;justify-content:center}.ctx-lead svg{display:block}.board-viewport.draw-mode{cursor:crosshair}.board-viewport.draw-mode .el,.board-viewport.draw-mode .swipe-btn,.ink-live{pointer-events:none}.ink-live{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;z-index:2000000}.el-ink{cursor:default}.el-ink .el-inner{background:none;border:0;box-shadow:none;pointer-events:none}.ink-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ink-hit{pointer-events:stroke;cursor:-webkit-grab;cursor:grab}body.is-dragging .ink-hit{cursor:-webkit-grabbing;cursor:grabbing}.ink-glow{opacity:.35;filter:blur(3px)}.el-ink .el-toolbar{pointer-events:auto}.el-ink .corner{pointer-events:none}.el-ink:hover .corner{pointer-events:auto}.el-ink.selected .el-inner{outline:1px dashed rgba(255,255,255,.45);outline-offset:3px}.pen-bar{position:fixed;left:calc(var(--rail) + 16px);top:84px;z-index:2620;width:232px;padding:12px;border-radius:14px;background:rgba(17,18,20,.94);border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(0,0,0,.5);color:#e9e6df;font-family:var(--ui-font);animation:zone-in .2s ease-out both}.pen-bar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pen-bar-title{font-family:var(--hand-font);font-size:20px;line-height:1}.pen-close{border:0;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.1);color:#e9e6df;cursor:pointer;font-size:13px}.pen-close:hover{background:rgba(255,255,255,.2)}.pen-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.pen-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.05);color:#d8d5ce;font-family:var(--ui-font);font-size:10.5px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.pen-chip:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.pen-chip.on{background:#f5d06a;border-color:#f5d06a;color:#1a1a1a;font-weight:700}.pen-glyph{font-size:16px;line-height:1}.pen-name{opacity:.85}.pen-chip.on .pen-name{opacity:1}.pen-width{display:block;margin:12px 0 10px;font-size:11px;color:#a9a69f}.pen-width-label{display:block;margin-bottom:6px}.pen-width-label b{color:#f4f1ea}.pen-width input[type=range]{width:100%;accent-color:#f5d06a;cursor:pointer}.pen-preview{display:flex;align-items:center;justify-content:center;height:38px;margin-top:4px;border-radius:9px;background:rgba(255,255,255,.05)}.pen-preview-dot{border-radius:50%;display:block}.pen-colors{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:3px;gap:3px}.pen-color{aspect-ratio:1;border:1px solid rgba(0,0,0,.3);border-radius:4px;cursor:pointer;padding:0}.pen-color.on{outline:2px solid #f5d06a;outline-offset:1px}.pen-hint{margin:10px 0 0;font-size:10.5px;line-height:1.5;color:#7f7c76}.trash-hit{cursor:pointer}.tool:disabled{opacity:.35;cursor:default}.tool:disabled:hover{background:rgba(255,255,255,.06);transform:none}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.el-sheet .el-inner{border-radius:10px;background:#12161c;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 26px rgba(0,0,0,.4);overflow:hidden}.el-sheet:hover .el-inner{border-color:rgba(94,200,138,.5)}.sheet-card{display:flex;flex-direction:column;height:100%;font-family:var(--ui-font);color:#dfe3e0;pointer-events:none}.sheet-card-head{display:flex;align-items:center;gap:8px;padding:9px 11px;background:linear-gradient(180deg,rgba(45,122,80,.5),rgba(45,122,80,.16));border-bottom:1px solid rgba(255,255,255,.08)}.sheet-card-icon{font-size:14px;color:#7ee2a8}.sheet-card-name{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-card-grid{flex:1 1;overflow:hidden;padding:8px}.sheet-card-grid table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10.5px}.sheet-card-grid td{padding:3px 5px;border:1px solid rgba(255,255,255,.06);color:#a9b0ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-card-grid td.head{background:rgba(255,255,255,.05);color:#e6ebe7;font-weight:700}.sheet-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;color:#7f867f}.sheet-card-hint{opacity:.75}.sheet-space{position:fixed;inset:0 0 0 var(--rail);z-index:2500;display:flex;flex-direction:column;padding:76px 0 0;background-color:#12161c;background-image:radial-gradient(circle at 50% 0,rgba(45,122,80,.22),transparent 62%);animation:zone-in .26s ease-out both;font-family:var(--ui-font)}.sheet-head{gap:10px}.sheet-icon{font-size:17px;color:#7ee2a8}.sheet-bar{display:flex;align-items:center;gap:10px;margin:0 22px 10px;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.sheet-ref{flex:0 0 auto;min-width:54px;padding:4px 8px;border-radius:7px;background:rgba(0,0,0,.35);color:#7ee2a8;font-size:12px;font-weight:700;text-align:center}.sheet-formula{flex:1 1;border:0;background:transparent;color:#eef1ee;font-family:var(--ui-font);font-size:13px;outline:none}.sheet-formula::placeholder{color:#62685f}.sheet-grid{flex:1 1;overflow:auto;margin:0 22px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0e1116}.sheet-grid table{border-collapse:separate;border-spacing:0;font-size:12.5px;color:#e4e8e5}.sheet-grid th{top:0;z-index:2;min-width:44px;padding:5px 8px;background:#171c22;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.1);color:#8b938c;font-size:11px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sheet-grid tbody th,.sheet-grid th{position:-webkit-sticky;position:sticky}.sheet-grid tbody th{left:0;z-index:1;top:auto;text-align:right}.sheet-grid th.corner{left:0;z-index:3}.sheet-grid th.on{background:#24303a;color:#7ee2a8}.sheet-grid td{min-width:118px;max-width:260px;height:27px;padding:0 8px;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);cursor:cell;white-space:nowrap;overflow:hidden}.sheet-grid td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sheet-grid td.bad{color:#ff8d8f}.sheet-grid tr:hover td{background:rgba(255,255,255,.02)}.sheet-grid td.cursor{outline:2px solid #7ee2a8;outline-offset:-2px;background:rgba(126,226,168,.08)}.sheet-cell{display:block;overflow:hidden;text-overflow:ellipsis}.sheet-cell-input{width:100%;height:100%;border:0;background:transparent;color:#fff;font-family:var(--ui-font);font-size:12.5px;outline:none}.sheet-tabs{display:flex;gap:6px;margin:0 22px 16px;flex-wrap:wrap}.sheet-tabs button{padding:6px 12px;border:1px solid rgba(255,255,255,.09);border-radius:8px 8px 0 0;background:rgba(255,255,255,.05);color:#a9b0ab;font-family:var(--ui-font);font-size:11.5px;cursor:pointer}.sheet-tabs button.on{background:rgba(126,226,168,.16);border-color:rgba(126,226,168,.45);color:#d8f6e5;font-weight:700}.bin-fire{position:fixed;z-index:2690;pointer-events:none;animation:bin-fire-in .22s ease-out;transform-origin:50% 100%}@keyframes bin-fire-in{0%{opacity:0;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.bin-fire{animation:none}}.upload-chip{position:fixed;left:calc(var(--rail) + 16px);top:18px;z-index:2700;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(17,18,20,.92);border:1px solid rgba(255,255,255,.1);color:#e9e6df;font-family:var(--ui-font);font-size:12px}.upload-dot{width:8px;height:8px;border-radius:50%;background:#f5d06a;animation:upload-pulse 1s ease-in-out infinite}@keyframes upload-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.el-file.kind-image .el-inner,.el-file.kind-video .el-inner{background:none;border:0;box-shadow:0 10px 26px rgba(0,0,0,.42);overflow:hidden;border-radius:6px}.el-file .el-inner{border-radius:10px;background:#12161c;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 26px rgba(0,0,0,.4);overflow:hidden}.file-media{width:100%;height:100%;display:block}.file-media.fit{object-fit:contain}.file-media.crop{object-fit:cover}.file-media.stretch{object-fit:fill}.file-media.tile{background-repeat:repeat;background-position:0 0;background-size:auto}.file-media.slice{border-style:solid;border-width:26px;border-image-slice:30% fill;border-image-repeat:stretch;border-image-width:26px;background:transparent}.file-video{position:relative;width:100%;height:100%}.file-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(10,12,14,.62);color:#fff;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-play:hover{background:rgba(10,12,14,.85);transform:translate(-50%,-50%) scale(1.06)}.file-doc{display:flex;flex-direction:column;height:100%;font-family:var(--ui-font);color:#dfe3e0;pointer-events:none}.file-head{display:flex;align-items:center;gap:8px;padding:8px 11px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}.file-icon{font-size:14px;line-height:1}.file-icon.big{font-size:30px}.file-name{flex:1 1;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:10px;color:#7f867f;white-space:nowrap}.file-body{flex:1 1;overflow:hidden;position:relative}.file-body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(180deg,transparent,#12161c);pointer-events:none}.file-body.prose{padding:10px 13px;font-size:12px;line-height:1.65;color:#b9c0ba}.file-body.prose p{margin:0}.file-pdf{width:100%;height:100%;border:0;background:#fff;pointer-events:none}.file-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 11px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;color:#7f867f;flex:0 0 auto}.file-more{opacity:.75}.file-blob{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:100%;padding:12px;text-align:center;font-family:var(--ui-font);color:#dfe3e0;pointer-events:none}.file-blob .file-name{flex:0 0 auto;max-width:100%}.code-block{display:flex;height:100%;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.55}.code-block.full{font-size:13px;line-height:1.7}.code-gutter{flex:0 0 auto;display:flex;flex-direction:column;padding:10px 10px 10px 14px;text-align:right;color:#4b5563;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:rgba(0,0,0,.22);position:-webkit-sticky;position:sticky;left:0}.code-pre{margin:0;padding:10px 14px;flex:1 1}.code-pre code{background:none!important;padding:0!important;white-space:pre}.code-block .hljs{background:transparent!important}.file-space{position:fixed;inset:0 0 0 var(--rail);z-index:2500;display:flex;flex-direction:column;padding:76px 0 0;background-color:#0f1216;background-image:radial-gradient(circle at 50% 0,rgba(80,110,160,.2),transparent 62%);animation:zone-in .26s ease-out both;font-family:var(--ui-font)}.file-head-bar{gap:10px}.file-view-body{flex:1 1;overflow:auto;margin:0 22px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0b0e12}.file-view-body.image,.file-view-body.video{background:#08090b}.file-view-media{min-height:100%;display:flex;align-items:center;justify-content:center;padding:18px}.file-view-media img,.file-view-media video{max-width:100%;max-height:calc(100vh - 190px);border-radius:6px;box-shadow:0 18px 44px rgba(0,0,0,.5)}.file-view-media img{cursor:zoom-in}.file-view-media.zoomed{align-items:flex-start;justify-content:flex-start}.file-view-media.zoomed img{max-width:none;max-height:none;cursor:zoom-out}.file-view-pdf{width:100%;height:100%;border:0;background:#fff}.file-view-error,.file-view-loading{padding:28px;color:#8b938c;font-size:13px}.file-view-error{color:#ff9d9f}.file-view-prose{max-width:820px;margin:0 auto;padding:38px 30px 60px;color:#dfe3e0;font-size:15px;line-height:1.85}.file-view-prose h1,.file-view-prose h2,.file-view-prose h3{font-family:var(--hand-font);color:#f4f1ea;margin:1.6em 0 .5em}.file-view-prose p{margin:0 0 1em}.file-view-prose table{border-collapse:collapse;width:100%;margin:1em 0}.file-view-prose td,.file-view-prose th{border:1px solid rgba(255,255,255,.14);padding:6px 10px}.file-view-prose img{max-width:100%;border-radius:6px}.file-view-blob{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:#a9b0ab;font-size:13px}.file-download,a.trash-action{text-decoration:none;display:inline-block}.file-download{padding:9px 16px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e9e6df;font-weight:600}.file-download:hover{background:rgba(255,255,255,.16)}.fit-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;width:250px}.fit-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.05);color:#d8d5ce;font-family:var(--ui-font);cursor:pointer;text-align:center}.fit-option:hover{background:rgba(255,255,255,.13)}.fit-option.on{background:#f5d06a;border-color:#f5d06a;color:#1a1a1a}.fit-name{font-size:11px;font-weight:700}.fit-hint{font-size:9px;opacity:.7;line-height:1.3}.fit-demo,.fit-option.on .fit-hint{opacity:.8}.fit-demo{width:46px;height:30px;border:1px solid;border-radius:3px;--ink:repeating-linear-gradient(45deg,currentColor 0 3px,transparent 3px 7px)}.fit-demo.fit{background:var(--ink);background-size:60% 100%;background-repeat:no-repeat;background-position:50%}.fit-demo.crop{background:var(--ink);background-size:160% 160%;background-position:50%}.fit-demo.stretch{background:var(--ink);background-size:100% 100%}.fit-demo.tile{background:var(--ink);background-size:33% 50%}.fit-demo.slice{background:var(--ink);background-size:100% 100%;border-width:4px;border-style:double}.lock-cover{gap:6px}.lock-glyph{font-size:26px;line-height:1}.lock-cover-hint{font-family:var(--ui-font);font-size:10px;letter-spacing:.04em;color:rgba(255,255,255,.45);text-transform:none}.lock-backdrop{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:rgba(8,10,12,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:zone-in .18s ease-out}.lock-card{width:330px;padding:24px 22px 20px;border-radius:16px;background:rgba(20,22,26,.98);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.6);color:#e9e6df;font-family:var(--ui-font);text-align:center}.lock-icon{font-size:30px}.lock-card h2{margin:8px 0 2px;font-family:var(--hand-font);font-size:25px;font-weight:400}.lock-zone{margin:0 0 8px;font-size:12px;color:#f5d06a}.lock-hint{margin:0 0 16px;font-size:11.5px;line-height:1.5;color:#8b938c}.lock-input{width:100%;margin-bottom:8px;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#f4f1ea;font-family:var(--ui-font);font-size:13px;outline:none}.lock-input:focus{border-color:#f5d06a}.lock-error{margin:2px 0 6px;font-size:11.5px;color:#ff9d9f}.lock-actions{display:flex;gap:8px;margin-top:8px}.lock-btn{flex:1 1;padding:9px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e9e6df;font-family:var(--ui-font);font-size:12.5px;font-weight:600;cursor:pointer}.lock-btn:hover{background:rgba(255,255,255,.14)}.lock-btn.primary{background:#f5d06a;border-color:#f5d06a;color:#1a1a1a}.lock-btn.primary:hover{background:#ffdd7d}.lock-btn:disabled{opacity:.45;cursor:default}.save-chip{width:100%;border:1px solid transparent;font-family:var(--ui-font);cursor:pointer;transition:background .15s ease,border-color .15s ease}.save-chip:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.12);color:#f4f1ea}.save-chip:active{transform:translateY(1px)}.el-ai .el-inner{overflow:visible;background:none;border:0;box-shadow:none}.el-ai .el-toolbar{right:auto;left:8px}.ai-card{display:flex;flex-direction:column;height:100%;border-radius:10px;background:#12161c;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 26px rgba(0,0,0,.4);overflow:hidden;font-family:var(--ui-font);color:#dfe3e0}.el-ai:hover .ai-card{border-color:color-mix(in srgb,var(--ai-accent) 55%,transparent)}.ai-bubble{position:absolute;top:-26px;right:-18px;z-index:4;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:17px;background:var(--tile);box-shadow:0 10px 22px rgba(0,0,0,.45);overflow:hidden;pointer-events:none}.ai-bubble img{width:72%;height:72%;object-fit:contain}.ai-bubble.bleed{background:none;box-shadow:0 10px 22px rgba(0,0,0,.45)}.ai-bubble.bleed img{width:100%;height:100%}.ai-bubble-mark{font-size:26px;color:var(--ai-accent);filter:brightness(1.5)}.ai-card-head{display:flex;align-items:center;gap:8px;padding:9px 52px 9px 11px;background:linear-gradient(180deg,color-mix(in srgb,var(--ai-accent) 42%,transparent),color-mix(in srgb,var(--ai-accent) 12%,transparent));border-bottom:1px solid rgba(255,255,255,.08)}.ai-card-name{flex:1 1;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-card-body{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:9px 11px;cursor:auto}.ai-card-body::-webkit-scrollbar{width:8px}.ai-card-body::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(255,255,255,.16)}.ai-card-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)}.ai-card-line{margin:0 0 4px;font-size:10.5px;line-height:1.55;color:#a9b0ab;overflow-wrap:anywhere}.ai-card-line.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9.5px;color:#8fd0b4;padding-left:7px;border-left:2px solid rgba(255,255,255,.12);white-space:pre-wrap}.ai-card-empty{margin:0;font-size:11px;font-style:italic;color:#6f766f}.ai-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;color:#7f867f}.ai-card-hint{opacity:.75}.ai-space{position:fixed;inset:0 0 0 var(--rail);z-index:2500;display:flex;flex-direction:column;padding:76px 0 0;background-color:#0f1216;background-image:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--ai-accent) 22%,transparent),transparent 62%);animation:zone-in .26s ease-out both;font-family:var(--ui-font)}.ai-head{gap:10px}.ai-source-pick{position:relative;flex:0 0 auto}.ai-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ai-accent) 55%,transparent);background:color-mix(in srgb,var(--ai-accent) 16%,transparent);color:#e8ebe9;font-family:var(--ui-font);font-size:11.5px;font-weight:700;cursor:pointer}.ai-badge:hover{background:color-mix(in srgb,var(--ai-accent) 28%,transparent)}.ai-badge-mark{color:var(--ai-accent);filter:brightness(1.5)}.ai-badge-caret{font-size:9px;opacity:.7}.ai-source-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:5;display:flex;flex-direction:column;min-width:170px;padding:5px;border-radius:10px;background:#171b21;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 34px rgba(0,0,0,.5)}.ai-source-menu button{display:flex;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:7px;background:none;color:#cfd5d0;font-family:var(--ui-font);font-size:12px;text-align:left;cursor:pointer}.ai-source-menu button:hover{background:rgba(255,255,255,.07)}.ai-source-menu button.on{background:color-mix(in srgb,var(--ai-accent) 22%,transparent);color:#fff}.ai-title{flex:1 1;min-width:0;padding:5px 9px;border:1px solid transparent;border-radius:8px;background:none;color:#f1f3f1;font-family:var(--ui-font);font-size:15px;font-weight:700}.ai-title:hover{border-color:rgba(255,255,255,.1)}.ai-title:focus{outline:none;background:rgba(0,0,0,.3);border-color:color-mix(in srgb,var(--ai-accent) 55%,transparent)}.ai-modes{display:flex;flex:0 0 auto;padding:3px;border-radius:9px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.08)}.ai-modes button{padding:4px 12px;border:0;border-radius:7px;background:none;color:#99a09a;font-family:var(--ui-font);font-size:11.5px;font-weight:700;cursor:pointer}.ai-modes button.on{background:color-mix(in srgb,var(--ai-accent) 30%,transparent);color:#fff}.ai-body{flex:1 1;overflow:auto}.ai-raw{display:block;width:min(980px,calc(100% - 60px));min-height:calc(100% - 46px);margin:0 auto 40px;padding:22px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.3);color:#e2e6e3;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.75;resize:none}.ai-raw:focus{outline:none;border-color:color-mix(in srgb,var(--ai-accent) 55%,transparent)}.ai-raw::placeholder{color:#5f665f}.ai-prose{max-width:880px;margin:0 auto;padding:10px 30px 70px;color:#dfe3e0;font-size:15px;line-height:1.85}.ai-h{margin:26px 0 10px;color:#f4f6f4;line-height:1.35}.ai-prose>.ai-h:first-child{margin-top:0}.ai-list,.ai-para{margin:0 0 14px}.ai-list{padding-left:22px}.ai-list li{margin-bottom:6px}.ai-quote{margin:0 0 16px;padding:4px 0 4px 16px;border-left:3px solid color-mix(in srgb,var(--ai-accent) 60%,transparent);color:#b8bfb9;font-style:italic}.ai-rule{margin:24px 0;border:0;border-top:1px solid rgba(255,255,255,.1)}.ai-inline-code{padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;color:#8fd0b4}.ai-code{margin:0 0 18px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.38);overflow:hidden}.ai-code-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px 6px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.07)}.ai-code-lang{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a918b}.ai-code-copy{padding:3px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:none;color:#b9c0ba;font-family:var(--ui-font);font-size:10.5px;cursor:pointer}.ai-code-copy:hover{background:rgba(255,255,255,.08);color:#f1f3f1}.ai-code .code-block{height:auto;font-size:12.5px;line-height:1.65}.ai-empty{padding:50px 30px;text-align:center;color:#7f867f;font-size:14px}.ai-link{border:0;background:none;padding:0;color:var(--ai-accent);font:inherit;text-decoration:underline;cursor:pointer;filter:brightness(1.35)}.el-yt .el-inner{border-radius:10px;background:#0d1014;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 26px rgba(0,0,0,.45);overflow:hidden}.el-yt:hover .el-inner{border-color:rgba(255,0,0,.5)}.yt-card{position:relative;height:100%;font-family:var(--ui-font);color:#e6e9e7;pointer-events:none}.yt-thumb{width:100%;height:100%;object-fit:cover;transform:scale(1.34)}.yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.yt-play svg{width:100%;display:block}.yt-play-bg{fill:rgba(20,20,20,.82);transition:fill .15s ease}.yt-play-arrow{fill:#fff}.yt-play:hover .yt-play-bg{fill:#f00}.yt-at{position:absolute;top:8px;left:9px;padding:2px 7px;border-radius:5px;background:rgba(0,0,0,.72);font-size:10px;font-weight:700;color:#e8ebe9}.yt-card-foot{position:absolute;inset:auto 0 0 0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:20px 11px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88) 55%)}.yt-card-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-card-hint{flex:0 0 auto;font-size:9.5px;color:#98a09a}.yt-card.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7f867f;font-size:12px}.yt-card-glyph{font-size:30px;color:#f00;opacity:.75}.yt-space{position:fixed;inset:0 0 0 var(--rail);z-index:2500;display:flex;flex-direction:column;padding:76px 0 0;background-color:#0b0d10;background-image:radial-gradient(circle at 50% 0,rgba(255,0,0,.16),transparent 62%);animation:zone-in .26s ease-out both;font-family:var(--ui-font)}.yt-head{gap:10px}.yt-head-mark{font-size:17px;color:#f00}.yt-body{flex:1 1;display:flex;align-items:center;justify-content:center;padding:0 26px 30px;overflow:auto}.yt-frame{width:min(1280px,100%);aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 20px 50px rgba(0,0,0,.6)}.yt-frame iframe{width:100%;height:100%;border:0;display:block}.yt-ask{width:min(560px,100%);text-align:center}.yt-ask-title{margin:0 0 14px;font-size:16px;font-weight:700;color:#eef1ef}.yt-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.4);color:#e8ebe9;font-family:var(--ui-font);font-size:14px}.yt-input:focus{outline:none;border-color:rgba(255,0,0,.6)}.yt-input::placeholder{color:#5f665f}.yt-error{margin:10px 0 0;color:#ff8f8f;font-size:12.5px}.yt-ask-hint{margin:12px 0 0;color:#79807a;font-size:12px}.rope-catcher{position:absolute;inset:0;z-index:2400;cursor:crosshair}.rope-preview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.rope-line{stroke:#c9a227;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.el-rope .rope-line{stroke-width:2.6}.pin-shadow{fill:rgba(0,0,0,.45)}.pin-head{fill:#e03131}.pin-shine{fill:rgba(255,255,255,.55)}.el-rope .el-inner{background:none;border:0;box-shadow:none;overflow:visible}.el-rope{pointer-events:none}.el-rope .rope-grip,.el-rope .rope-hit{pointer-events:auto}.el-rope .corner,.el-rope .el-toolbar{display:none}.rope-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rope-grip{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;display:flex;align-items:center;justify-content:center;cursor:pointer}.rope-pin{width:24px;height:24px;overflow:visible;transition:transform .12s ease}.rope-grip.on .rope-pin{transform:scale(1.18)}.rope-menu{position:absolute;top:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:5px;padding:4px;border-radius:9px;background:#171b21;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 26px rgba(0,0,0,.5);white-space:nowrap;z-index:6}.rope-menu button{padding:5px 11px;border:0;border-radius:6px;background:rgba(255,255,255,.07);color:#dfe3e0;font-family:var(--ui-font);font-size:11.5px;font-weight:700;cursor:pointer}.rope-menu button:hover{background:rgba(255,255,255,.16);color:#fff}.rope-menu button.danger:hover{background:#b33;color:#fff}.rope-menu-row,.rope-swatches{display:flex;gap:4px}.rope-swatches{justify-content:center}.rope-swatch{width:17px;height:17px;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s ease}.rope-swatch:hover{transform:scale(1.18)}.rope-swatch.on{border-color:#fff}.file-audio{display:flex;flex-direction:column;justify-content:center;gap:9px;height:100%;padding:12px 14px;font-family:var(--ui-font);color:#dfe3e0}.file-audio-head{display:flex;align-items:center;gap:8px;min-width:0}.file-audio-head .file-icon{font-size:17px}.file-audio-head .file-name{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-audio-player{width:100%;height:34px}.file-audio .file-size{font-size:10.5px;color:#7f867f}.file-view-audio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;height:100%;color:#dfe3e0}.file-view-audio .file-icon.big{font-size:64px}.file-view-audio-name{margin:0;font-size:16px;font-weight:700}.file-view-audio audio{width:min(560px,80vw)}.el-drive .el-inner{border-radius:10px;background:#0d1014;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 26px rgba(0,0,0,.45);overflow:hidden}.el-drive:hover .el-inner{border-color:rgba(66,133,244,.55)}.drive-card{position:relative;height:100%;font-family:var(--ui-font);color:#e6e9e7;pointer-events:none}.drive-badge{position:absolute;top:7px;left:7px;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.95);box-shadow:0 2px 6px rgba(0,0,0,.4)}.drive-thumb{width:100%;height:100%;object-fit:cover;display:block}.drive-icon-wrap{display:flex;align-items:center;justify-content:center;height:100%;background:radial-gradient(circle at 50% 40%,#1a2230,#0d1014)}.drive-icon{font-size:46px;opacity:.9}.drive-play{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(20,20,20,.72);color:#fff;font-size:15px;padding-left:3px}.drive-card-foot,.drive-play{position:absolute;display:flex}.drive-card-foot{inset:auto 0 0 0;align-items:baseline;justify-content:space-between;gap:10px;padding:20px 11px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9) 55%)}.drive-card-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-card-hint{flex:0 0 auto;font-size:9.5px;color:#98a09a}.drive-space{position:fixed;inset:0 0 0 var(--rail);z-index:2500;display:flex;flex-direction:column;padding:76px 0 0;background-color:#0b0d10;background-image:radial-gradient(circle at 50% 0,rgba(66,133,244,.16),transparent 62%);animation:zone-in .26s ease-out both;font-family:var(--ui-font)}.drive-head{gap:10px}.drive-body{flex:1 1;display:flex;align-items:center;justify-content:center;padding:0 26px 30px;overflow:hidden}.drive-frame{width:min(1200px,100%);height:100%;border:0;border-radius:12px;background:#000;box-shadow:0 20px 50px rgba(0,0,0,.6)}.sidebar-scrim,.sidebar-toggle{display:none}@media (max-width:640px){:root{--rail:0px}.sidebar{width:min(78vw,210px);transform:translateX(-100%);transition:transform .24s cubic-bezier(.2,.9,.3,1);box-shadow:0 0 44px rgba(0,0,0,.55);z-index:3000}.sidebar.open{transform:none}.sidebar-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:2990}.sidebar-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:10px;left:10px;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(17,18,20,.9);color:#e9e6df;z-index:3010;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 18px rgba(0,0,0,.42)}.sidebar-toggle svg{display:block}.search{left:64px;right:12px;top:12px;transform:none;width:auto}.player{left:12px;right:auto;bottom:12px;max-width:calc(100vw - 96px)}.player-queue{max-height:44vh}.trash-bin{right:10px;bottom:10px}.trash-bin img{width:46px;height:46px}}.settings-shell{position:fixed;inset:0;overflow-y:auto;background:#14161a;color:#e9e6df;font-family:var(--ui-font)}.settings-loading{display:flex;gap:10px;align-items:center;justify-content:center;height:100%;color:#b5bac1}.settings-top{display:flex;align-items:center;gap:18px;padding:22px clamp(16px,5vw,48px) 8px;max-width:900px;margin:0 auto}.settings-top h1{font-size:22px;margin:0;font-weight:600}.settings-back{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);color:#e9e6df;font:inherit;font-size:13px;cursor:pointer}.settings-back:hover{background:rgba(255,255,255,.1)}.settings-body{display:grid;grid-template-columns:220px 1fr;grid-gap:24px;gap:24px;max-width:900px;margin:0 auto;padding:12px clamp(16px,5vw,48px) 60px}.settings-nav{display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:16px;align-self:start}.settings-nav button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#c7ccd3;font:inherit;font-size:14px;text-align:left;cursor:pointer}.settings-nav button:hover{background:rgba(255,255,255,.06)}.settings-nav button.on{background:rgba(110,168,254,.16);color:#cfe0ff}.settings-main{display:flex;flex-direction:column;gap:18px;min-width:0}.settings-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03);padding:20px}.settings-card-head h2{margin:0 0 4px;font-size:16px;font-weight:600}.settings-card-head p{margin:0 0 14px;font-size:13px;color:#9aa0a8;line-height:1.5}.settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.settings-field span{font-size:12.5px;color:#9aa0a8}.settings-field input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25);color:#f2f3f5;font:inherit;font-size:14px}.settings-field input:disabled{opacity:.55}.settings-field input:focus{outline:none;border-color:rgba(110,168,254,.6)}.ai-select{width:100%;padding:10px 38px 10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background-color:rgba(0,0,0,.25);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;color:#f2f3f5;font:inherit;font-size:14px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .15s ease}.ai-select:hover{border-color:rgba(255,255,255,.2)}.ai-select:focus{outline:none;border-color:rgba(110,168,254,.6)}.ai-select option{background:#1c1d22;color:#f2f3f5}.model-select{display:flex;flex-direction:column;gap:8px}.model-custom{padding:10px 12px;border-radius:10px;border:1px solid rgba(110,168,254,.45);background:rgba(0,0,0,.25);color:#f2f3f5;font:inherit;font-size:14px}.model-custom:focus{outline:none;border-color:rgba(110,168,254,.7)}.settings-actions{display:flex;gap:10px}.settings-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.05);color:#e9e6df;font:inherit;font-size:13.5px;cursor:pointer}.settings-btn:hover{background:rgba(255,255,255,.1)}.settings-btn.primary{background:#6ea8fe;color:#10233f;border-color:transparent;font-weight:600}.settings-btn.primary:hover{background:#85b7ff}.settings-btn:disabled{opacity:.5;cursor:default}.settings-felts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.felt-swatch{width:46px;height:46px;border-radius:12px;border:2px solid transparent;cursor:pointer;display:grid;place-items:center;color:#fff}.felt-swatch.on{border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.4)}.settings-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.settings-inline{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#c7ccd3}.settings-inline input[type=color]{width:42px;height:32px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:none;cursor:pointer}.settings-bg-preview{margin-top:16px}.settings-bg-preview img{width:100%;max-height:200px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.settings-fit{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.settings-fit button{padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.04);color:#e9e6df;font:inherit;font-size:12.5px;cursor:pointer}.settings-fit button.on{background:rgba(110,168,254,.2);border-color:rgba(110,168,254,.5)}.settings-fit button.danger{color:#ff8b8b}.settings-soon{padding:14px 16px;border-radius:10px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.14);color:#9aa0a8;font-size:13px}.settings-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;padding:10px 18px;border-radius:999px;background:rgba(24,24,28,.96);border:1px solid rgba(255,255,255,.1);font-size:13px;box-shadow:0 12px 30px rgba(0,0,0,.5)}.spin{animation:spin .9s linear infinite}@media (max-width:640px){.settings-body{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;flex-wrap:wrap}}.twofa-status{display:flex;align-items:center;gap:8px;color:#8fe0a3;font-size:14px;margin-bottom:14px}.settings-btn.danger-btn{color:#ff8b8b;border-color:rgba(255,122,122,.3)}.settings-btn.danger-btn:hover{background:rgba(255,122,122,.14)}.twofa-steps{margin:0 0 12px;padding-left:18px;color:#c7ccd3;font-size:13px;line-height:1.6}.twofa-qr{display:block;width:180px;height:180px;border-radius:12px;background:#fff;padding:8px;margin-bottom:12px}.twofa-secret{display:inline-block;margin-bottom:14px;padding:8px 12px;border-radius:8px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);font-family:ui-monospace,monospace;letter-spacing:2px;font-size:14px;color:#f2f3f5;word-break:break-all}.twofa-note{font-size:13px;color:#9aa0a8;line-height:1.5;margin:0 0 12px}.twofa-codes{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.twofa-codes code{padding:8px 10px;border-radius:8px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);font-family:ui-monospace,monospace;font-size:14px;text-align:center;color:#f2f3f5}.file-broken{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center;border-radius:inherit;color:#9aa0a8;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 10px,rgba(255,255,255,.06) 10px 20px),rgba(30,32,36,.55);border:1px dashed rgba(255,255,255,.18);box-sizing:border-box}.file-broken-icon{color:#c76b6b;opacity:.9;flex:0 0 auto}.file-broken-name{max-width:100%;font-family:var(--ui-font);font-size:12.5px;font-weight:600;color:#d6d2c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-broken-note{font-family:var(--ui-font);font-size:11px;opacity:.75}