@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-ui:"gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","Consolas",monospace;--bg:#1e1f22;--bg-sidebar:#111214;--bg-surface:#2b2d31;--bg-input:#1a1b1e;--border:#3a3c41;--border-soft:#2a2c30;--text:#dbdee1;--text-muted:#80848e;--text-hint:#5c6068;--accent:#5865f2;--accent-dim:#5865f21f;--accent-hover:#4752c4;--danger:#ed4245;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--t:.15s ease}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);margin:0}.app-layout{height:100vh;display:flex;overflow:hidden}body:has(.app-layout){height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w,320px);background:var(--bg-sidebar);border-right:1px solid var(--border-soft);scrollbar-width:thin;scrollbar-color:var(--border)transparent;flex-direction:column;min-width:180px;max-width:520px;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-header{color:var(--text);border-bottom:1px solid var(--border-soft);background:var(--bg-sidebar);z-index:2;flex-shrink:0;align-items:center;gap:10px;padding:15px 16px 13px;font-size:15px;font-weight:700;display:flex;position:sticky;top:0}.logo-icon{width:22px;height:22px;color:var(--accent);flex-shrink:0}.sidebar-section{border-bottom:1px solid var(--border-soft);flex-shrink:0;padding:14px 16px}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:4px;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.section-hint{color:var(--text-hint);letter-spacing:0;text-transform:none;font-size:9px;font-weight:400}.sidebar-actions{flex-shrink:0;margin-top:auto;padding:14px 16px}.user-list{flex-direction:column;gap:5px;display:flex}.user-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden}.user-card-top{align-items:center;gap:9px;padding:9px 10px;display:flex}.user-card-avatar{background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.user-card-avatar img{object-fit:cover;width:100%;height:100%;display:block}.user-card-info{flex:1;min-width:0}.user-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-card-meta{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);margin-top:1px}.user-card-btns{flex-shrink:0;align-items:center;gap:5px;display:flex}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:all var(--t);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon svg{width:12px;height:12px}.btn-icon:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-anim{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;font-size:10px;font-weight:600;font-family:var(--font-ui);transition:all var(--t);background:0 0;flex-shrink:0;align-items:center;gap:5px;padding:4px 8px;display:flex}.btn-anim svg{flex-shrink:0;width:11px;height:11px}.btn-anim:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.user-card-preview{border-top:1px solid var(--border-soft);background:#313338;align-items:flex-start;gap:9px;padding:8px 10px;display:flex}.preview-avatar{background:#1e1f22;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.preview-avatar img{object-fit:cover;width:100%;height:100%;display:block}.preview-body{flex:1;min-width:0}.preview-header{align-items:baseline;gap:7px;margin-bottom:3px;display:flex}.preview-username{font-size:13px;font-weight:600;line-height:1}.preview-timestamp{color:#80848e;font-size:10px;font-weight:400}.preview-text{color:#dbdee1;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.4;overflow:hidden}.form-group{margin-bottom:10px}.form-group:last-child{margin-bottom:0}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-mono);margin-bottom:5px;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font-mono);transition:border-color var(--t);outline:none;padding:6px 9px}.form-input:focus{border-color:var(--accent)}.form-hint{color:var(--text-hint);font-size:10px;font-family:var(--font-mono);margin-top:4px}.searchable-select{position:relative}.searchable-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.searchable-select-trigger.is-open{border-color:var(--accent)}.searchable-select-placeholder{color:var(--text-muted)}.searchable-select-chevron{color:var(--text-muted);transition:transform var(--t);flex-shrink:0}.searchable-select-trigger.is-open .searchable-select-chevron{transform:rotate(180deg)}.searchable-select-dropdown{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:50;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}.searchable-select-search{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font-size:12px;font-family:var(--font-mono);background:0 0;outline:none;padding:7px 9px}.searchable-select-options{max-height:180px;overflow-y:auto}.searchable-select-option{font-size:12px;font-family:var(--font-mono);color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:background var(--t);padding:6px 10px;overflow:hidden}.searchable-select-option:hover{background:#ffffff0f}.searchable-select-option.is-selected{color:var(--accent)}.searchable-select-count{color:var(--text-muted);font-size:11px}.searchable-select-empty{color:var(--text-hint);text-align:center;font-size:11px;font-family:var(--font-mono);padding:10px}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.toggle-row .form-label{margin-bottom:0}.toggle{flex-shrink:0;width:34px;height:18px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border);cursor:pointer;transition:background var(--t);border-radius:18px;position:absolute;inset:0}.toggle-slider:before{content:"";width:12px;height:12px;transition:transform var(--t);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.theme-switcher{gap:5px;display:flex}.theme-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--t);font-size:11px;font-family:var(--font-ui);flex:1;padding:5px 4px}.theme-btn:hover,.theme-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-primary{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:background var(--t);font-size:14px;font-weight:600;font-family:var(--font-ui);border:none;justify-content:center;align-items:center;gap:7px;padding:9px 16px;display:flex}.btn-primary:hover{background:var(--accent-hover)}.btn-primary svg{width:15px;height:15px}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--t);font-size:13px;font-weight:500;font-family:var(--font-ui);border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:flex}.btn-danger:hover{background:#d63a3d}.btn-ghost{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--t);font-size:12px;font-family:var(--font-ui);background:0 0;align-items:center;gap:6px;padding:6px 11px;display:flex}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text)}.editor-main{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-header{border-bottom:1px solid var(--border-soft);background:var(--bg-sidebar);flex-shrink:0;justify-content:space-between;align-items:center;padding:11px 18px;display:flex}.editor-title{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.editor-title svg{width:14px;height:14px;color:var(--text-muted)}.editor-actions{gap:7px;display:flex}.editor-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-scroll-wrap{flex:1;display:flex;position:relative;overflow:hidden}.line-numbers{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);text-align:right;width:44px;min-width:44px;color:var(--text-hint);font-size:13px;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:pre;word-break:keep-all;overflow-wrap:normal;flex-shrink:0;padding:16px 8px 50vh 0;line-height:1.6154;overflow:hidden}.script-textarea{background:var(--bg);color:var(--text);font-size:13px;font-family:var(--font-mono);resize:none;tab-size:2;white-space:pre;overflow-wrap:normal;border:none;outline:none;flex:1;padding:16px 20px 50vh;line-height:1.6154;overflow:auto}.script-textarea::placeholder{color:var(--text-hint);opacity:.7}.editor-footer{border-top:1px solid var(--border-soft);background:var(--bg-sidebar);color:var(--text-hint);font-size:10.5px;font-family:var(--font-mono);flex-shrink:0;align-items:center;gap:16px;padding:5px 18px;display:flex}.fr-modal-field{flex-direction:column;gap:4px;display:flex}.fr-modal-label{color:var(--text-muted);font-size:12px;font-weight:500}.fr-modal-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font-mono);transition:border-color var(--t);outline:none;padding:8px 10px}.fr-modal-input:focus{border-color:var(--accent)}.fr-modal-input::placeholder{color:var(--text-hint)}.fr-modal-options{gap:8px;display:flex}.fr-modal-pill{border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:500;font-family:var(--font-ui);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--t);background:0 0;border-radius:100px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.fr-modal-pill:hover{border-color:var(--text-muted);color:var(--text)}.fr-modal-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.fr-modal-pill svg{flex-shrink:0}.fr-modal-match-count{font-size:12px;font-family:var(--font-mono);color:var(--text-hint);min-height:18px}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--t);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);transition:transform .18s;overflow-y:auto;transform:scale(.96)translateY(6px)}.modal-overlay.open .modal{transform:scale(1)translateY(0)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px 18px 0;display:flex}.modal-header h3{color:var(--text);font-size:17px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;transition:color var(--t);background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:0 18px 18px}.help-item{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:6px 0;display:flex}.help-item:last-child{border-bottom:none}.help-item code{font-family:var(--font-mono);background:var(--bg-input);border-radius:var(--radius-sm);color:#e3b341;white-space:nowrap;min-width:190px;padding:3px 7px;font-size:11px}.help-item span{color:var(--text-muted);font-size:12px}.help-divider{background:var(--border);height:1px;margin:10px 0}.help-subtitle{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:10px;font-weight:700}.btn-export{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-muted);cursor:pointer;transition:all var(--t);font-size:14px;font-weight:600;font-family:var(--font-ui);background:0 0;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:9px 16px;display:flex}.btn-export:hover{color:#45a366;background:#45a36614;border-color:#45a366}.btn-export svg{width:15px;height:15px}.btn-export:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.export-modal-inner{width:360px}.export-status{color:var(--text-muted);min-height:18px;margin-bottom:14px;font-size:13px}.export-progress-wrap{background:var(--bg-input);border-radius:3px;width:100%;height:6px;margin-bottom:10px;overflow:hidden}.export-progress-bar{background:#45a366;border-radius:3px;width:0%;height:100%;transition:width 80ms linear}.export-count{color:var(--text-hint);font-size:11px;font-family:var(--font-mono);text-align:right}@media (max-width:700px){.app-layout{flex-direction:column}.sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-soft);max-height:45vh}}.edit-key-badge{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-input);border-radius:var(--radius-sm);margin-left:6px;padding:2px 7px;font-size:12px;font-weight:400}.color-row{align-items:center;gap:8px;display:flex}input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;flex-shrink:0;width:38px;height:34px;padding:2px}.form-hint-inline{color:var(--text-hint);text-transform:none;letter-spacing:0;font-size:9px;font-weight:400;font-family:var(--font-ui)}.avatar-drop{border:1px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--t);align-items:center;gap:14px;padding:12px 14px;display:flex}.avatar-drop:hover,.avatar-drop.drag-over{border-color:var(--accent)}.avatar-drop-preview{background:var(--bg-input);border:2px solid var(--border);width:52px;height:52px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-drop-preview svg{width:22px;height:22px}.avatar-drop-text{color:var(--text-muted);font-size:12px;line-height:1.6}.btn-link{color:var(--accent);cursor:pointer;font-size:inherit;font-family:var(--font-ui);background:0 0;border:none;padding:0;text-decoration:underline}.modal-footer-btns{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.btn-primary.btn-inline{width:auto;padding:7px 18px;font-size:13px}.config-notice{border-radius:var(--radius-sm);color:var(--text-muted);word-break:break-word;background:#5865f214;border:1px solid #5865f233;align-items:flex-start;gap:6px;margin-top:10px;padding:7px 9px;font-size:10px;line-height:1.6;display:flex}.config-notice svg{width:12px;height:12px;color:var(--accent);flex-shrink:0;margin-top:2px}.config-notice code{font-family:var(--font-mono);color:#a8b0ff;white-space:nowrap;background:#5865f226;border-radius:3px;padding:1px 4px;font-size:9px}.preview-panel{width:var(--preview-w,420px);border-right:1px solid var(--border-soft);background:#1a1a1e;flex-direction:column;flex-shrink:0;min-width:200px;max-width:900px;display:flex;position:relative;overflow:hidden}.preview-panel-header{background:#00000040;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.preview-panel-title{color:var(--text-muted);letter-spacing:.02em;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.preview-panel-title svg{color:var(--text-hint)}.preview-live-dot{background:#45a366;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.4s ease-in-out infinite livePulse;box-shadow:0 0 #45a36680}@keyframes livePulse{0%{box-shadow:0 0 #45a36680}50%{box-shadow:0 0 0 5px #45a36600}to{box-shadow:0 0 #45a36600}}.preview-panel .dc-messages-wrap{scrollbar-width:thin;scrollbar-color:#ffffff12 transparent;flex:1;overflow:hidden auto}.preview-panel .dc-messages-wrap::-webkit-scrollbar{width:4px}.preview-panel .dc-messages-wrap::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}@media (max-width:900px){.app-layout{flex-direction:column}.sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-soft);max-height:40vh}.preview-panel{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-soft);height:300px}}.resize-handle{cursor:col-resize;z-index:10;-webkit-user-select:none;user-select:none;background:0 0;flex-shrink:0;width:5px;transition:background .12s;position:relative}.resize-handle:after{content:"";background:var(--border);border-radius:1px;width:1px;height:40px;transition:background .12s,height .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle:hover,.resize-handle.dragging{background:#5865f21a}.resize-handle:hover:after,.resize-handle.dragging:after{background:var(--accent);height:60px}body.resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing *{-webkit-user-select:none!important;user-select:none!important}.fullscreen-overlay{z-index:900;opacity:0;pointer-events:none;background:#1a1a1e;flex-direction:column;transition:opacity .18s;display:flex;position:fixed;inset:0}.fullscreen-overlay.open{opacity:1;pointer-events:all}.fullscreen-header{background:#0000004d;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:11px 18px;display:flex}.fullscreen-overlay .dc-messages-wrap{scrollbar-width:thin;scrollbar-color:#ffffff12 transparent;flex:1;overflow:hidden auto}.btn-scroll-sync{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-ui);transition:all var(--t);white-space:nowrap;background:0 0;border:1px solid #ffffff1f;align-items:center;gap:5px;padding:4px 9px;display:flex}.btn-scroll-sync:hover,.btn-scroll-sync.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-expand-preview{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-ui);transition:all var(--t);white-space:nowrap;background:0 0;border:1px solid #ffffff1f;align-items:center;gap:5px;padding:4px 9px;display:flex}.btn-expand-preview:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.anim-modal-inner{background:#1a1a1e;border-color:#ffffff1a;width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);overflow-y:auto}.anim-modal-inner .modal-header h3{color:#efeff1}.anim-modal-inner .modal-close{color:#80848e}.edit-modal-wide{width:480px}.edit-tabs{border-bottom:1px solid var(--border-soft);gap:4px;margin:0 -18px 16px;padding:0 18px;display:flex}.edit-tab{color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-ui);transition:color var(--t),border-color var(--t);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 13px}.edit-tab:hover{color:var(--text)}.edit-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.avatar-slots{flex-wrap:wrap;gap:10px;display:flex}.avatar-slot{border:3px solid var(--border);cursor:pointer;width:60px;height:60px;transition:border-color var(--t);border-radius:50%;flex-shrink:0;position:relative;overflow:visible}.avatar-slot img{object-fit:cover;pointer-events:none;border-radius:50%;width:60px;height:60px;display:block}.avatar-slot.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.avatar-slot:hover{border-color:var(--text-muted)}.avatar-slot.active:hover{border-color:var(--accent)}.avatar-slot-remove{background:var(--danger);border:2px solid var(--bg-surface);color:#fff;cursor:pointer;width:18px;height:18px;transition:transform var(--t);z-index:2;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.avatar-slot-remove:hover{transform:scale(1.15)}.gender-row{gap:14px;margin-top:4px;display:flex}.radio-opt{color:var(--text-muted);cursor:pointer;align-items:center;gap:5px;font-size:13px;display:flex}.radio-opt input[type=radio]{accent-color:var(--accent);cursor:pointer}.anim-fullscreen{z-index:950;opacity:0;pointer-events:none;background:#1a1a1e;flex-direction:column;transition:opacity .2s;display:flex;position:fixed;inset:0}.anim-fullscreen.open{opacity:1;pointer-events:all}.anim-fullscreen-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.anim-fullscreen-body{scrollbar-width:thin;scrollbar-color:#ffffff12 transparent;flex:1;display:flex;overflow-y:auto}.theme-pills{gap:5px;display:flex}.theme-pill{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--t);font-size:11px;font-weight:600;font-family:var(--font-ui);text-align:center;flex:1;padding:6px 4px}.theme-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.theme-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn-add-user{border:1px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-hint);cursor:pointer;transition:all var(--t);font-size:11px;font-weight:600;font-family:var(--font-ui);background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:7px 12px;display:flex}.btn-add-user:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-icon-danger:hover{border-color:var(--danger)!important;color:var(--danger)!important;background:#ed42451a!important}.user-card{position:relative}.btn-login-google{border-radius:var(--radius-md);color:#3c4043;cursor:pointer;width:100%;font-size:13px;font-weight:600;font-family:var(--font-ui);transition:background var(--t),box-shadow var(--t);white-space:nowrap;background:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.btn-login-google:hover{background:#f0f1f3;box-shadow:0 1px 3px #3c404333}.btn-login-google:active{background:#e8e9eb}.btn-login-google:disabled{opacity:.5;cursor:not-allowed}.auth-bar{align-items:center;gap:6px;width:100%;display:flex}.auth-user-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.auth-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.auth-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.auth-details{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.auth-username{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.auth-plan-tag{letter-spacing:.05em;background:var(--bg-surface);color:var(--text-muted);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.4}.auth-plan-tag.auth-plan-pro{color:var(--accent);background:#5865f226}.btn-upgrade-pro{letter-spacing:.3px;color:#fff;background:linear-gradient(135deg,var(--accent),#7b6ff0);cursor:pointer;height:24px;transition:opacity var(--t),transform var(--t);border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.btn-upgrade-pro:hover{opacity:.85;transform:translateY(-1px)}.auth-settings-btn{width:24px;height:24px;color:var(--text-muted);transition:color var(--t);flex-shrink:0;padding:5px}.auth-settings-btn:hover{color:var(--text)}.settings-modal-inner{width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);overflow-y:auto}.settings-body{padding:0 18px 18px}.settings-tabs{border-bottom:1px solid var(--border-soft);gap:0;margin:0 -18px 18px;padding:0 18px;display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-ui);transition:color var(--t),border-color var(--t);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.settings-avatar-large{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex;overflow:hidden}.settings-avatar-large img{object-fit:cover;width:100%;height:100%}.settings-divider{background:var(--border-soft);height:1px;margin:16px 0}.settings-features{color:var(--text-muted);padding:0;font-size:13px;line-height:2;list-style:none}.settings-plan-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.settings-plan-badge.plan-free{background:var(--bg-surface);color:var(--text-muted)}.settings-plan-badge.plan-pro{color:var(--accent);background:#5865f226}.settings-plan-badge.plan-team{color:#45a366;background:#45a36626}.plan-cards{flex-wrap:wrap;gap:10px;display:flex}.plan-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);flex:1;min-width:120px;padding:12px}.plan-card.current{border-color:var(--accent)}.plan-card-name{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:700}.plan-card-price{color:var(--accent);margin-bottom:6px;font-size:18px;font-weight:700}.plan-card-interval{color:var(--text-muted);font-size:11px;font-weight:500}.plan-card-features{color:var(--text-muted);font-size:11px;line-height:1.5}.plan-card:hover{border-color:var(--accent)}.plan-card-recommended{border-color:var(--accent);position:relative}.plan-card-badge-best{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:700;position:absolute;top:-9px;right:8px}.btn-subscribe{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:11px;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:all var(--t);margin-top:10px;padding:7px 0;display:block}.btn-subscribe:hover{border-color:var(--accent);color:var(--accent)}.plan-cards-3{flex-wrap:wrap;gap:10px;display:flex}.plan-card-current{opacity:.7}.plan-card-feature-list{color:var(--text-muted);margin:0 0 4px;padding:0;font-size:11px;line-height:1.8;list-style:none}.plan-card-feature-list li:before{content:"✓ ";color:var(--text-hint)}.btn-subscribe-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-subscribe-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.billing-plan-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;display:flex}.billing-plan-card-left{flex-direction:column;gap:6px;display:flex}.billing-plan-card-header{align-items:center;gap:8px;display:flex}.billing-plan-name{color:var(--text);font-size:14px;font-weight:600}.billing-plan-note{color:var(--text-muted);font-size:11px}.billing-plan-note-warn{color:#f0b232;font-size:11px}.billing-plan-card-status{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.billing-section-label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700;font-family:var(--font-mono);margin-bottom:8px}.billing-info-grid{background:var(--bg-input);border:1px solid var(--border-soft);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;padding:12px 14px;display:grid}.billing-info-item{flex-direction:column;gap:2px;display:flex}.billing-info-label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:600;font-family:var(--font-mono)}.billing-info-value{color:var(--text);font-size:13px;font-weight:500}.billing-payment-method-card{background:var(--bg-input);border:1px solid var(--border-soft);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.billing-payment-method-icon{background:var(--bg-surface);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.billing-payment-method-info{flex:1;min-width:0}.billing-payment-method-name{color:var(--text);font-size:12px;font-weight:600}.billing-payment-method-detail{color:var(--text-hint);margin-top:1px;font-size:10px}.billing-payment-method-btn{flex-shrink:0;padding:4px 12px!important;font-size:11px!important}.billing-actions{gap:8px;margin-bottom:16px;display:flex}.billing-action-btn{border-radius:var(--radius-sm);font-size:12px;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:all var(--t);background:0 0;border:1px solid;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.billing-action-btn:disabled{opacity:.5;cursor:not-allowed}.billing-action-cancel{color:var(--danger);border-color:#ed42454d}.billing-action-cancel:hover:not(:disabled){border-color:var(--danger);background:#ed424514}.billing-action-resume{color:#45a366;border-color:#45a3664d}.billing-action-resume:hover:not(:disabled){background:#45a36614;border-color:#45a366}.billing-history{border:1px solid var(--border-soft);border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:var(--border)transparent;max-height:180px;overflow:hidden auto}.billing-history-header{background:var(--bg-input);color:var(--text-hint);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700;font-family:var(--font-mono);border-bottom:1px solid var(--border-soft);grid-template-columns:1fr auto auto;gap:12px;padding:8px 14px;display:grid}.billing-history-row{border-bottom:1px solid var(--border-soft);transition:background var(--t);grid-template-columns:1fr auto auto;gap:12px;padding:8px 14px;font-size:12px;display:grid}.billing-history-row:last-child{border-bottom:none}.billing-history-row:hover{background:#ffffff05}.billing-history-date{color:var(--text-muted)}.billing-history-amount{color:var(--text);font-weight:600;font-family:var(--font-mono)}.billing-history-status{text-align:center;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:600}.billing-status-paid{color:#45a366;background:#45a3661f}.billing-status-failed{color:var(--danger);background:#ed42451f}.file-menu-dropdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:2000;min-width:200px;padding:4px 0;position:fixed;box-shadow:0 8px 24px #0006}.file-menu-item{width:100%;color:var(--text);font-size:13px;font-family:var(--font-ui);cursor:pointer;text-align:left;transition:background var(--t);background:0 0;border:none;justify-content:space-between;align-items:center;padding:7px 14px;display:flex}.file-menu-item:hover{background:#ffffff0f}.file-menu-item.danger{color:var(--danger)}.file-menu-item.disabled{color:var(--text-hint);cursor:default;pointer-events:none}.file-menu-shortcut{color:var(--text-hint);font-size:11px;font-family:var(--font-mono);margin-left:16px}.file-menu-divider{background:var(--border-soft);height:1px;margin:4px 0}.autosave-badge{font-size:10px;font-family:var(--font-mono);margin-left:auto;transition:color .2s,opacity .2s}.autosave-badge[data-status=idle]{color:#0000}.autosave-badge[data-status=saving]{color:var(--text-hint)}.autosave-badge[data-status=saved]{color:#45a366}.autosave-badge[data-status=error]{color:var(--danger)}.project-current-row{align-items:stretch;gap:6px;margin-bottom:6px;display:flex}.project-current-name{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;padding:7px 10px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.project-add-btn{align-self:stretch;width:34px;min-width:34px;height:auto}.project-actions-row{gap:6px;display:flex}.project-action-btn{flex:1;justify-content:center;padding:4px 8px;font-size:11px}.project-action-btn:hover{border-color:var(--text-muted);color:var(--text)}.manage-toolbar{align-items:center;gap:6px;height:32px;margin-bottom:10px;display:flex}.manage-toolbar .form-input{box-sizing:border-box;height:32px;padding:0 10px;font-size:12px}.manage-toolbar-btn{white-space:nowrap;box-sizing:border-box;flex-shrink:0;align-items:center;gap:4px;display:flex;width:auto!important;height:32px!important;padding:0 10px!important;font-size:11px!important}.manage-selection-bar{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;animation:.12s ease-out selBarIn;display:flex}@keyframes selBarIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.manage-selection-bar input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:14px;height:14px}.manage-selection-count{color:var(--text);white-space:nowrap;font-size:11px;font-weight:600}.manage-selection-actions{flex:1;align-items:center;gap:6px;display:flex}.manage-selection-btn{white-space:nowrap;align-items:center;gap:4px;display:flex;padding:3px 8px!important;font-size:10px!important}.manage-selection-btn-danger{color:var(--danger)!important;border-color:#ed42454d!important}.manage-selection-btn-danger:hover{background:#ed42451a!important}.manage-project-list{scrollbar-width:thin;scrollbar-color:var(--border)transparent;flex-direction:column;gap:1px;max-height:340px;display:flex;overflow-y:auto}.manage-project-list::-webkit-scrollbar{width:4px}.manage-project-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.manage-row{border-radius:var(--radius-sm);transition:background var(--t);align-items:center;gap:10px;padding:6px 10px;display:flex;position:relative}.manage-row.is-indented{padding-left:22px}.manage-row:hover{background:#ffffff08}.manage-row:hover .manage-kebab-btn{opacity:1}.manage-row.is-current{background:var(--accent-dim);border:1px solid #5865f226;padding-top:5px;padding-bottom:5px}.manage-row.is-current.is-indented{padding-left:21px}.manage-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:14px;height:14px}.manage-row-info{flex:1;min-width:0}.manage-row-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.manage-row-meta{color:var(--text-hint);font-size:10px;font-family:var(--font-mono);margin-top:1px}.manage-row-badge{background:var(--accent-dim);color:var(--accent);border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:600}.manage-project-rename-input{width:100%;padding:2px 6px!important;font-size:12px!important}.manage-empty{text-align:center;color:var(--text-hint);padding:24px 10px;font-size:12px}.manage-footer{color:var(--text-hint);text-align:center;border-top:1px solid var(--border-soft);margin-top:4px;padding:8px 0;font-size:11px}.manage-kebab-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--t),background var(--t);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.manage-kebab-btn:hover{color:var(--text);background:#ffffff14}.manage-kebab-menu{z-index:9999;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);min-width:170px;padding:4px;animation:.1s ease-out kebabFadeIn;box-shadow:0 8px 24px #0006}@keyframes kebabFadeIn{0%{opacity:0}to{opacity:1}}.manage-kebab-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:3px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:relative}.manage-kebab-item:hover{background:#ffffff0f}.manage-kebab-item:disabled{opacity:.4;pointer-events:none}.manage-kebab-item.is-active{color:var(--accent);font-weight:600}.manage-kebab-danger{color:var(--danger)!important}.manage-kebab-danger:hover{background:#ed42451a!important}.manage-kebab-divider{background:var(--border-soft);height:1px;margin:4px 0}.manage-move-picker-list{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.manage-move-picker-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.manage-move-picker-item:hover{background:var(--bg-hover)}.manage-folder-create-row{border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:#ffffff05;align-items:center;gap:6px;margin-bottom:8px;padding:6px 8px;display:flex}.manage-folder-input{box-sizing:border-box;height:28px!important;padding:0 8px!important;font-size:12px!important}.manage-folder-action-btn{white-space:nowrap;box-sizing:border-box;flex-shrink:0;height:28px!important;padding:0 10px!important;font-size:11px!important}.manage-folder-section{margin-bottom:2px}.manage-folder-header{border-radius:var(--radius-sm);transition:background var(--t);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:6px;padding:5px 10px;display:flex}.manage-folder-header:hover{background:#ffffff08}.manage-folder-header:hover .manage-kebab-btn{opacity:1}.manage-folder-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.manage-folder-icon{color:var(--text-muted);flex-shrink:0}.manage-folder-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.manage-folder-rename-input{flex:1;min-width:0;padding:2px 6px!important;font-size:12px!important}.manage-folder-count{color:var(--text-hint);font-size:10px;font-family:var(--font-mono);flex-shrink:0}.manage-folder-projects{padding-left:4px}.manage-folder-empty{color:var(--text-hint);padding:6px 10px 6px 32px;font-size:11px;font-style:italic}.attachment-list{flex-direction:column;gap:4px;display:flex}.attach-empty{color:var(--text-hint);text-align:center;padding:8px 0;font-size:11px}.attach-row{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:5px 6px;display:flex}.attach-thumb{object-fit:cover;background:var(--bg-input);border-radius:3px;flex-shrink:0;width:32px;height:32px}.attach-info{flex:1;min-width:0}.attach-filename{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.attach-hint{font-size:9px;font-family:var(--font-mono);color:var(--text-hint);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.attach-hint:hover{color:var(--accent)}.export-pad-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.export-pad-field label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:600;font-family:var(--font-mono);margin-bottom:3px;display:block}.export-pad-field .form-input{padding:4px 7px;font-size:12px}.export-pad-preview{margin-bottom:4px}.export-pad-preview-frame{border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.export-pad-preview-content{outline-offset:0;border-radius:3px;outline:1px dashed #ffffff1f;min-width:60px;transition:padding .2s}.epp-msg{white-space:nowrap;align-items:flex-start;gap:8px;display:flex}.epp-avatar{color:#5865f2;background:#5865f233;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.epp-body{min-width:0}.epp-header{align-items:baseline;gap:5px;margin-bottom:3px;line-height:1;display:flex}.epp-username{color:#5865f2;font-size:11px;font-weight:600}.epp-timestamp{font-size:8px;font-weight:500}.epp-text{font-size:11px;line-height:1.35}.user-card-persona{border-top:1px solid var(--border-soft);flex-direction:column;gap:3px;padding:7px 10px;display:flex}.persona-detail-row{align-items:flex-start;gap:6px;font-size:10px;line-height:1.45;display:flex}.persona-detail-label{color:var(--text-hint);font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;min-width:48px;padding-top:1px;font-size:9px}.persona-detail-value{color:var(--text-muted);word-break:break-word}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#dbdcdd;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1e;height:100%;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px}:is(body:has(.app-layout),body:has(.dc-messages-wrap)){overflow:hidden}.dc-messages-wrap{scrollbar-width:thin;scrollbar-color:#ffffff12 transparent;height:100vh;padding-bottom:32px;overflow:hidden auto}.dc-messages-wrap::-webkit-scrollbar{width:8px}.dc-messages-wrap::-webkit-scrollbar-track{background:0 0}.dc-messages-wrap::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:4px}.dc-message-list{padding-top:16px;padding-bottom:50vh;list-style:none}.dc-msg-li{list-style:none}.dc-msg-li.dc-msg-highlighted{background:#5865f214;transition:background .15s,box-shadow .15s;box-shadow:inset 2px 0 #5865f2b3}.dc-join-row{pointer-events:none;align-items:flex-start;gap:16px;margin-top:20px;padding:2px 16px;display:flex;position:relative}.dc-msg-li:first-child .dc-join-row{margin-top:0}.dc-join-icon{flex-shrink:0;justify-content:center;align-items:center;width:45px;padding-top:3px;display:flex}.dc-join-body{flex-direction:column;gap:6px;min-width:0;display:flex}.dc-join-text{flex-wrap:wrap;align-items:baseline;gap:6px;line-height:1.375;display:flex}.dc-join-username{cursor:default;font-size:16px;font-weight:600}.dc-join-label{color:#81828a;font-size:16px;font-weight:400}.dc-join-btn{color:#dbdcdd;cursor:default;background:#2b2d31;border:1px solid #3a3c41;border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.dc-msg-group-start{min-height:44px;margin-top:20px;padding:2px 16px 2px 80px;position:relative}.dc-msg-li:first-child .dc-msg-group-start{margin-top:0}.dc-msg-group-start .dc-msg-avatar{object-fit:cover;cursor:default;border-radius:50%;width:45px;height:45px;position:absolute;top:3px;left:16px}.dc-msg-header{align-items:baseline;gap:7px;margin-bottom:3px;line-height:1.375;display:flex}.dc-msg-username{cursor:default;font-size:16px;font-weight:500;line-height:1.375}.dc-msg-timestamp{color:#81828a;cursor:default;font-size:12px;font-weight:500;line-height:1.375}.dc-msg-compact{margin-top:0;padding:2px 16px 1px 80px;position:relative}.dc-msg-compact-time{text-align:right;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;width:56px;padding-top:3px;font-size:10px;font-weight:400;line-height:1.375;position:absolute;top:0;left:16px}.dc-msg-content{color:#fff;white-space:pre-wrap;word-break:break-word;font-size:16px;font-weight:400;line-height:1.375}.dc-msg-group-start,.dc-msg-compact,.dc-msg-li,.dc-msg-username,.dc-msg-avatar{pointer-events:none}.dc-msg-content strong{font-weight:700}.dc-msg-content em{font-style:italic}.dc-msg-content code{white-space:pre-wrap;background:#2b2d31;border:1px solid #00000059;border-radius:3px;padding:0 4px;font-family:JetBrains Mono,Consolas,Courier New,monospace;font-size:14px}.dc-msg-content .blockquoteContainer__75297{gap:12px;margin:2px 0;display:flex}.dc-msg-content .blockquoteDivider__75297{background:#4e5058;border-radius:4px;flex-shrink:0;width:4px;min-height:100%}.dc-msg-content blockquote{color:#abacb2;margin:0;font-size:16px;line-height:1.375}.dc-img-wrap{margin:10px 0}.dc-local-img{object-fit:cover;border-radius:4px;width:200px;height:100px;display:block}.dc-file-attach{background:#2b2d31;border:1px solid #3a3c41;border-radius:8px;align-items:center;gap:16px;margin:4px 0;padding:0 20px;display:flex}.dc-file-icon{flex-shrink:0;width:48px;height:58px;position:relative}.dc-file-icon-page{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:#c8cdf2;border-radius:3px;width:100%;height:100%}.dc-file-icon-fold{clip-path:polygon(0 0,100% 100%,0 100%);background:#9ba2d6;width:14px;height:14px;position:absolute;top:0;right:0}.dc-file-info{overflow:hidden}.dc-file-name{color:#4d96ee;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:1.3;overflow:hidden}.dc-file-desc{color:#81828a;margin-top:2px;font-size:13px;font-weight:400;line-height:1.3}.dc-url{color:#4d96ee}@keyframes sk-shimmer{0%{opacity:.05}50%{opacity:.11}to{opacity:.05}}.sk-pulse{background:var(--text);flex-shrink:0;animation:1.6s ease-in-out infinite sk-shimmer}.sk-sidebar{width:var(--sidebar-w,320px);background:var(--bg-sidebar);border-right:1px solid var(--border-soft);flex-direction:column;min-width:180px;display:flex;overflow:hidden}.sk-sidebar .sk-section{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.sk-sidebar .sk-section:first-child{padding:15px 16px 13px}.sk-preview{width:var(--preview-w,420px);border-right:1px solid var(--border-soft);background:#1a1a1e;flex-direction:column;flex-shrink:0;min-width:200px;display:flex;overflow:hidden}.sk-preview-header{background:#00000040;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;padding:11px 14px;display:flex}.sk-preview-messages{flex-direction:column;flex:1;gap:20px;padding:20px 16px;display:flex}.sk-message-row{gap:14px;display:flex}.sk-message-body{flex-direction:column;flex:1;gap:7px;padding-top:2px;display:flex}.skeleton-card{background:var(--bg-sidebar);border:1px solid var(--border-soft);border-radius:8px;padding:10px 12px}.skeleton-card .user-card-top{align-items:center;gap:10px;display:flex}.skeleton-avatar{background:var(--text);border-radius:50%;flex-shrink:0;width:34px;height:34px;animation:1.6s ease-in-out infinite sk-shimmer}.skeleton-info{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton-line{background:var(--text);border-radius:4px;animation:1.6s ease-in-out infinite sk-shimmer}.skeleton-name{width:45%;height:12px}.skeleton-meta{width:70%;height:10px}.sk-editor{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.sk-editor-header{border-bottom:1px solid var(--border-soft);background:var(--bg-sidebar);justify-content:space-between;align-items:center;padding:11px 18px;display:flex}.sk-editor-lines{flex-direction:column;flex:1;gap:10px;padding:14px 18px;display:flex}.sk-editor-footer{border-top:1px solid var(--border-soft);background:var(--bg-sidebar);justify-content:space-between;align-items:center;padding:6px 18px;display:flex}@media (max-width:900px){.sk-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-soft);max-height:40vh}.sk-preview{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-soft);height:300px}}.admin-layout{background:var(--bg);height:100vh;display:flex;overflow:hidden}.admin-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);flex-direction:column;width:240px;min-width:240px;display:flex}.admin-sidebar-header{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.admin-back-link{color:var(--text-muted);transition:color var(--t);font-size:12px;text-decoration:none}.admin-back-link:hover{color:var(--text)}.admin-logo{color:var(--text);font-size:14px;font-weight:700}.admin-nav{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex}.admin-nav-item{border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--t);align-items:center;gap:10px;padding:9px 12px;font-size:13px;text-decoration:none;display:flex}.admin-nav-item:hover{color:var(--text);background:var(--bg-surface)}.admin-nav-item.active{color:var(--text);background:var(--accent-dim)}.admin-nav-icon{font-size:14px}.admin-sidebar-footer{border-top:1px solid var(--border-soft);padding:12px 16px}.admin-user-badge{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.admin-user-dot{background:#57f287;border-radius:50%;flex-shrink:0;width:8px;height:8px}.admin-main{scrollbar-width:thin;scrollbar-color:var(--border)transparent;flex:1;overflow:hidden auto}.admin-page{max-width:1400px;padding:28px 32px}.admin-page-title{color:var(--text);margin:0 0 24px;font-size:22px;font-weight:700}.admin-section-title{color:var(--text);margin:0;font-size:16px;font-weight:600}.admin-overview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:32px;display:grid}.admin-stat-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:16px 18px}.admin-stat-card.accent{border-color:#5865f24d}.admin-stat-card.danger{border-color:#ed42454d}.admin-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600}.admin-stat-value{color:var(--text);font-size:24px;font-weight:700}.admin-stat-sub{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.admin-stat-change{font-size:11px;font-weight:600}.admin-stat-change.positive{color:#57f287}.admin-stat-change.negative{color:#ed4245}.admin-charts-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-range-selector{background:var(--bg-surface);border-radius:var(--radius-md);gap:4px;padding:3px;display:flex}.admin-range-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--t);font-size:12px;font-family:var(--font-ui);background:0 0;border:none;padding:5px 12px}.admin-range-btn:hover{color:var(--text)}.admin-range-btn.active{background:var(--accent);color:#fff}.admin-range-btn:disabled{opacity:.5;cursor:default}.admin-charts-grid{grid-template-columns:repeat(2,1fr);gap:16px;transition:opacity .15s;display:grid}.admin-charts-grid.loading{opacity:.5}.admin-chart-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:18px 18px 12px}.admin-chart-card h3{color:var(--text-muted);margin:0 0 12px;font-size:13px;font-weight:600}.admin-table-controls{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.admin-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);min-width:240px;color:var(--text);font-size:13px;font-family:var(--font-ui);transition:border-color var(--t);outline:none;flex:1;padding:8px 12px}.admin-search:focus{border-color:var(--accent)}.admin-search::placeholder{color:var(--text-hint)}.admin-filter{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:13px;font-family:var(--font-ui);cursor:pointer;outline:none;padding:8px 12px}.admin-filter option{background:var(--bg-surface);color:var(--text)}.admin-table-wrap{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--bg-surface);transition:opacity .15s;overflow-x:auto}.admin-table-wrap.loading{opacity:.5}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-soft);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 12px;font-size:11px;font-weight:600}.admin-table thead th:hover{color:var(--text)}.admin-table tbody td{color:var(--text);border-bottom:1px solid var(--border-soft);white-space:nowrap;padding:10px 12px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr.banned-row{background:#ed42450d}.admin-empty{text-align:center;color:var(--text-muted);padding:40px 12px!important}.admin-sort-icon{color:var(--text-hint);margin-left:2px;font-size:10px}.admin-sort-icon.active{color:var(--accent)}.admin-email{color:var(--text-muted);font-size:12px}.admin-user-name{align-items:center;gap:6px;display:flex}.admin-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.admin-badge.danger{color:#ed4245;background:#ed424526}.admin-badge.accent{background:var(--accent-dim);color:var(--accent)}.admin-plan-badge{border-radius:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.admin-plan-badge.pro{background:var(--accent-dim);color:var(--accent)}.admin-plan-badge.free{color:var(--text-muted);background:#80848e1f}.admin-status-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.admin-copyable{cursor:pointer;background:var(--bg-input);transition:background var(--t);border-radius:3px;padding:2px 6px;font-size:11px}.admin-copyable:hover{background:var(--border)}.mono{font-family:var(--font-mono)}.admin-actions{gap:4px;display:flex}.admin-action-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--t);font-size:11px;font-family:var(--font-ui);white-space:nowrap;background:0 0;padding:4px 10px;text-decoration:none}.admin-action-btn:hover{color:var(--text);border-color:var(--text-muted)}.admin-action-btn.warn:hover{color:#fee75c;border-color:#fee75c}.admin-action-btn.danger:hover{color:#ed4245;border-color:#ed4245}.admin-pagination{justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;display:flex}.admin-pagination-info{color:var(--text-muted)}.admin-pagination-btns{align-items:center;gap:4px;display:flex}.admin-page-btn{border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--t);font-size:12px;font-family:var(--font-ui);background:0 0;padding:5px 10px}.admin-page-btn:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.admin-page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.admin-page-btn:disabled{opacity:.4;cursor:default}.admin-page-dots{color:var(--text-hint);padding:0 4px}.admin-drawer{background:var(--bg-surface);border-left:1px solid var(--border-soft);z-index:100;flex-direction:column;width:560px;max-width:90vw;height:100vh;animation:.2s ease-out admin-slide-in;display:flex;position:fixed;top:0;right:0}@keyframes admin-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.admin-drawer-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.admin-drawer-header h3{color:var(--text);margin:0;font-size:16px;font-weight:600}.admin-drawer-tabs{border-bottom:1px solid var(--border-soft);gap:0;padding:0 20px;display:flex}.admin-tab{color:var(--text-muted);cursor:pointer;transition:all var(--t);font-size:13px;font-family:var(--font-ui);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-drawer-body{flex:1;padding:20px;overflow-y:auto}.admin-detail-grid{flex-direction:column;gap:8px;display:flex}.admin-detail-row{justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.admin-detail-label{color:var(--text-muted);font-size:12px;font-weight:500}.admin-detail-value{color:var(--text);text-align:right;word-break:break-all;max-width:60%;font-size:13px}.admin-detail-list{flex-direction:column;gap:8px;display:flex}.admin-empty-text{color:var(--text-muted);text-align:center;padding:20px;font-size:13px}.admin-detail-card{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:12px;display:flex}.admin-detail-card-main{flex-direction:column;gap:2px;display:flex}.admin-detail-card-main strong{color:var(--text);font-size:13px}.admin-detail-meta{color:var(--text-muted);font-size:11px}.admin-detail-card-actions{gap:4px;display:flex}.admin-raw-json{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-soft);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;margin:0;padding:16px;font-size:11px;overflow-x:auto}.admin-script-preview{background:var(--bg-input);border:1px solid var(--border-soft);border-top:none;padding:12px 16px}.admin-script-loading{color:var(--text-muted);padding:8px 0;font-size:12px}.admin-script-content{font-family:var(--font-mono);color:var(--text-muted);white-space:pre-wrap;word-break:break-word;max-height:400px;margin:0;font-size:11px;overflow-y:auto}.admin-action-btn.active{color:var(--accent);border-color:var(--accent)}.admin-skeleton{background:linear-gradient(90deg,var(--bg-surface)25%,var(--border-soft)50%,var(--bg-surface)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite admin-shimmer}@keyframes admin-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-settings-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);max-width:640px;overflow:hidden}.admin-settings-card-header{border-bottom:1px solid var(--border-soft);padding:20px 24px 16px}.admin-settings-desc{color:var(--text-muted);margin:6px 0 0;font-size:13px}.admin-settings-rows{flex-direction:column;display:flex}.admin-settings-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-settings-row:last-child{border-bottom:none}.admin-settings-row-info{flex-direction:column;gap:2px;display:flex}.admin-settings-label{color:var(--text);font-size:13px;font-weight:500}.admin-settings-hint{color:var(--text-muted);font-size:11px}.admin-settings-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:80px;color:var(--text);font-size:13px;font-family:var(--font-ui);text-align:center;transition:border-color var(--t);outline:none;padding:6px 10px}.admin-settings-input:focus{border-color:var(--accent)}.admin-settings-input:disabled{opacity:.4;cursor:not-allowed}.admin-toggle{background:var(--border);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.admin-toggle.on{background:var(--accent)}.admin-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.admin-toggle.on .admin-toggle-knob{transform:translate(20px)}.admin-settings-footer{border-top:1px solid var(--border-soft);background:#0000001a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-settings-note{color:var(--text-muted);font-size:11px}.admin-settings-save{border-radius:var(--radius-md);background:var(--accent);color:#fff;cursor:pointer;transition:opacity var(--t);font-size:13px;font-weight:600;font-family:var(--font-ui);border:none;padding:7px 18px}.admin-settings-save:hover{opacity:.9}.admin-settings-save:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1100px){.admin-charts-grid{grid-template-columns:1fr}}@media (max-width:800px){.admin-sidebar{width:60px;min-width:60px}.admin-nav-item span:not(.admin-nav-icon),.admin-logo,.admin-back-link,.admin-sidebar-footer{display:none}.admin-sidebar-header{justify-content:center;padding:16px 8px}.admin-nav-item{justify-content:center;padding:10px}}