@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg: #08080a;--surface: #0e0e12;--surface-2: #151519;--surface-raised: #1c1c22;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.1);--fill-1: rgba(255,255,255,.045);--fill-2: rgba(255,255,255,.08);--sheen: inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 0 1px rgba(255,255,255,.02);--fg: #f4f4f7;--fg-2: #c3c3cc;--muted: #82828d;--blue: #e8b04b;--blue-glow: #f6c76a;--on-accent: #100c04;--accent-soft: color-mix(in srgb, var(--blue) 15%, transparent);--accent-softer: color-mix(in srgb, var(--blue) 8%, transparent);--accent-line: color-mix(in srgb, var(--blue) 55%, var(--border));--accent-ring: color-mix(in srgb, var(--blue-glow) 55%, transparent);--green: #34c77b;--amber: #f5a623;--red: #e5484d;--amber-soft: rgba(245, 166, 35, .14);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 6px;--r-md: 9px;--r-lg: 12px;--r-xl: 16px;--r-full: 999px;--fs-2xs: 10.5px;--fs-xs: 11.5px;--fs-sm: 12.5px;--fs-base: 13.5px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 30px;--elev-1: var(--sheen), 0 2px 8px rgba(0,0,0,.4);--elev-2: var(--sheen), 0 16px 38px -10px rgba(0,0,0,.62);--elev-3: var(--sheen), 0 34px 70px -14px rgba(0,0,0,.8);--dur-fast: .11s;--dur: .2s;--dur-slow: .34s;--ease: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--font-display: "Clash Display", system-ui, sans-serif;--font-body: "Geist", "Inter", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--fg);background:radial-gradient(120% 80% at 85% -10%,color-mix(in srgb,var(--blue) 5%,transparent) 0%,transparent 46%),radial-gradient(100% 70% at -5% 112%,rgba(90,110,140,.05) 0%,transparent 50%),var(--bg);background-attachment:fixed;font-family:var(--font-body);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.005em}h1,h2,h3,.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.1}.mono,.tabnum{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::selection{background:var(--accent-soft)}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:3px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}button{font-family:var(--font-body);cursor:pointer;font-weight:600;border:1px solid transparent;background:var(--fill-1);color:var(--fg);border-radius:var(--r-md);padding:8px 14px;font-size:var(--fs-sm);box-shadow:var(--sheen);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--spring),color var(--dur) var(--ease)}button:hover:not(:disabled){background:var(--fill-2);color:var(--fg);transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.96)}button.primary{background:linear-gradient(160deg,var(--blue-glow),var(--blue));color:var(--on-accent);box-shadow:0 8px 22px -8px var(--accent-soft),var(--sheen)}button.primary:hover:not(:disabled){filter:brightness(1.05);background:linear-gradient(160deg,var(--blue-glow),var(--blue));transform:translateY(-1px)}button.danger:hover:not(:disabled){color:var(--red);background:color-mix(in srgb,var(--red) 14%,transparent)}button:disabled{opacity:.42;cursor:not-allowed}input,select,textarea{font-family:var(--font-body);background:#00000047;border:1px solid transparent;color:var(--fg);border-radius:var(--r-md);padding:9px 13px;font-size:var(--fs-sm);outline:none;box-shadow:inset 0 0 0 1px #ffffff0d;transition:box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}input:focus,select:focus,textarea:focus{background:#00000057;box-shadow:inset 0 0 0 1px var(--accent-line),0 0 0 3px var(--accent-softer)}input::placeholder,textarea::placeholder{color:var(--muted)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#3a3a44;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.spacer{flex:1}.app{display:flex;height:100%}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shimmer{to{transform:translate(100%)}}.skel{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--r-md)}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.4s infinite}.rail{width:64px;min-width:64px;background:linear-gradient(180deg,#060608,#070709);box-shadow:14px 0 34px -22px #000000e6;display:flex;flex-direction:column;align-items:center;padding:var(--sp-3) 0;gap:var(--sp-1);position:relative;z-index:2}.rail-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--r-md);color:var(--muted);position:relative;padding:0;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--spring)}.rail-btn:hover:not(:disabled){background:#ffffff0d;color:var(--fg);border:none}.rail-btn:active:not(:disabled){transform:scale(.9)}.rail-btn:disabled{opacity:.32}.rail-btn.active{color:var(--blue-glow);background:var(--accent-soft)}.rail-btn.active:before{content:"";position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:var(--r-full);background:var(--blue);box-shadow:0 0 10px var(--blue)}.brand-btn{transition:transform var(--dur-slow) var(--spring)}.brand-btn:hover{transform:translateY(-2px) rotate(-4deg);background:none}.brand-btn .rail-logo{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--on-accent);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(160deg,var(--blue-glow),var(--blue));box-shadow:0 6px 18px -4px var(--accent-soft),var(--sheen)}.rail-dot{position:absolute;top:3px;right:3px;min-width:16px;height:16px;background:var(--blue);color:var(--on-accent);border-radius:var(--r-full);font-size:9.5px;font-weight:700;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 0 0 2px var(--surface)}.rail-spacer{flex:1}.rail-btn.avatar{background:var(--blue);color:var(--on-accent);border-radius:var(--r-full);width:34px;height:34px;font-weight:700;font-size:var(--fs-base);overflow:hidden}.rail-btn.avatar img{width:100%;height:100%;object-fit:cover}.rail-logo-img{width:32px;height:32px;object-fit:contain;border-radius:var(--r-sm)}.acct-menu{position:absolute;left:54px;bottom:0;z-index:300;width:252px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--elev-3);overflow:hidden;animation:popIn var(--dur) var(--ease)}.acct-head{text-align:center;padding:var(--sp-5) var(--sp-4) var(--sp-3)}.acct-avatar{width:58px;height:58px;border-radius:var(--r-full);margin:0 auto var(--sp-2);background:var(--blue);color:var(--on-accent);font-weight:700;font-size:var(--fs-xl);display:flex;align-items:center;justify-content:center;overflow:hidden}.acct-avatar img{width:100%;height:100%;object-fit:cover}.acct-name{font-weight:600;font-size:var(--fs-md)}.acct-email{color:var(--muted);font-size:var(--fs-sm);margin-top:2px}.acct-ws{display:flex;align-items:center;gap:var(--sp-2);margin:0 var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--fs-base)}.acct-ws-logo{width:26px;height:26px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);color:var(--blue-glow);overflow:hidden}.acct-ws-logo img{width:100%;height:100%;object-fit:contain}.acct-items{padding:var(--sp-2) var(--sp-2) var(--sp-2)}.acct-items button{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;border:none;background:none;padding:9px 10px;border-radius:var(--r-sm);font-size:var(--fs-base)}.acct-items button:hover{background:var(--surface);border:none}.acct-items button.logout{color:var(--red)}.home{flex:1;overflow-y:auto;padding:var(--sp-6) var(--sp-7);animation:fadeIn var(--dur-slow) var(--ease)}.home-toolbar{display:flex;gap:var(--sp-5);margin-bottom:var(--sp-5);align-items:center}.tb-label{color:var(--muted);font-size:var(--fs-base)}.ghost-select{background:none;border:none;color:var(--fg);font-weight:600;font-size:var(--fs-base);padding:2px 4px;cursor:pointer}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:var(--sp-4)}.proj-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid transparent;border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--elev-1);transition:transform var(--dur) var(--spring),box-shadow var(--dur-slow) var(--ease)}.proj-card:hover{transform:translateY(-5px);box-shadow:var(--elev-2)}.proj-cover{position:relative;aspect-ratio:4/3;background:var(--surface-2);border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden}.proj-cover-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform var(--dur-slow) var(--ease)}.proj-card:hover .proj-cover-img{transform:scale(1.04)}.proj-cover-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:46px;color:var(--border-strong)}.proj-cover-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.88) 100%)}.proj-cover-text{position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3)}.proj-name{font-weight:600;font-size:var(--fs-md);letter-spacing:-.01em}.proj-client{color:var(--fg-2);font-size:var(--fs-sm);margin-top:2px}.proj-foot{display:flex;align-items:center;padding:10px var(--sp-3);color:var(--muted);font-size:var(--fs-sm)}.proj-card.ghost{background:none;border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;min-height:236px;color:var(--muted);box-shadow:none}.proj-card.ghost:hover{color:var(--blue-glow);border-color:var(--accent-line);background:var(--accent-softer);transform:none}.ghost-inner{text-align:center;font-size:var(--fs-base);font-weight:500}.ghost-plus{width:52px;height:52px;margin:0 auto var(--sp-2);border-radius:var(--r-full);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:26px}.browser{flex:1;display:flex;overflow:hidden}.left-panel{width:264px;min-width:264px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.lp-head{display:flex;gap:var(--sp-2);align-items:center;padding:var(--sp-4) var(--sp-3)}.lp-avatar{width:36px;height:36px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--blue-glow);overflow:hidden}.lp-name{font-weight:600;font-size:var(--fs-base)}.lp-sub{color:var(--muted);font-size:var(--fs-sm)}.lp-section{padding:var(--sp-2) var(--sp-2)}.lp-label{color:var(--muted);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:var(--sp-2) 10px var(--sp-1)}.lp-divider{height:1px;background:var(--border);margin:var(--sp-2) 0}.lp-hint{color:var(--muted);font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-3) var(--sp-2);opacity:.7}.tree-row{display:flex;align-items:center;gap:var(--sp-2);padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-base);border:1px solid transparent;min-height:36px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.tree-row:hover{background:var(--surface-2)}.tree-row.active{background:var(--accent-soft);color:var(--blue-glow);font-weight:600}.tree-row.active .tree-icon{color:var(--blue-glow)}.tree-row.droptarget{border-color:var(--blue-glow);background:var(--accent-soft)}.tree-row.muted-row{color:var(--muted)}.tree-icon{color:var(--muted);display:flex;align-items:center;flex-shrink:0}.tree-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tree-count{color:var(--muted);font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono);background:var(--surface-2);border-radius:var(--r-sm);padding:1px 7px;flex-shrink:0}.tree-row.active .tree-count{background:var(--accent-soft);color:var(--blue-glow)}.tree-children{margin-left:19px;border-left:1px solid var(--border);padding-left:var(--sp-1)}.tree-children.root-children{margin-left:21px}.chev{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease);color:var(--muted);flex-shrink:0;border-radius:var(--r-sm)}.chev:hover{color:var(--fg);background:var(--border)}.chev.open{transform:rotate(90deg)}.chev.hidden{visibility:hidden}.main-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border);background:var(--surface)}.crumb{display:flex;align-items:center;gap:7px;font-size:var(--fs-base)}.crumb a{color:var(--muted);text-decoration:none;cursor:pointer;transition:color var(--dur) var(--ease)}.crumb a:hover{color:var(--fg)}.crumb .sep{color:var(--border-strong)}.toolbar2{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-5);border-bottom:1px solid var(--border)}.tb-btn{padding:6px 12px;font-size:var(--fs-sm)}.tb-search{width:210px;padding:6px 12px;font-size:var(--fs-sm)}.upload-label{display:inline-block}.sel-bar{display:flex;align-items:center;gap:var(--sp-3);padding:8px var(--sp-5);color:var(--muted);font-size:var(--fs-sm);border-bottom:1px solid var(--border);min-height:42px}.bulk-float{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:4px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-full);padding:6px;box-shadow:var(--elev-3);animation:popIn var(--dur-fast) var(--ease)}.bulk-count{font-size:var(--fs-sm);font-weight:600;padding:0 6px 0 12px;white-space:nowrap}.bulk-size{color:var(--muted);font-weight:400}.bulk-div{width:1px;height:20px;background:var(--border-strong);margin:0 2px;flex-shrink:0}.bulk-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;background:none;border:none}.bulk-btn:hover:not(:disabled){background:var(--surface-2);border:none}.bulk-btn.danger{color:var(--red)}.bulk-btn.danger:hover{background:color-mix(in srgb,var(--red) 12%,transparent)}.bulk-close{width:28px;height:28px;border-radius:50%;background:none;border:none;color:var(--muted);font-size:13px;margin-left:2px}.bulk-close:hover{background:var(--surface-2);border:none;color:var(--fg)}.content{flex:1;overflow-y:auto;padding:var(--sp-5) var(--sp-5);position:relative}.content.dragover:after{content:"Drop files to upload";position:absolute;inset:var(--sp-3);display:flex;align-items:center;justify-content:center;border:2px dashed var(--blue-glow);border-radius:var(--r-lg);background:var(--accent-softer);font-family:var(--font-display);font-weight:600;font-size:var(--fs-xl);color:var(--blue-glow);pointer-events:none;z-index:5;animation:fadeIn var(--dur) var(--ease)}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}.fcard{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;overflow:hidden;box-shadow:var(--elev-1);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.fcard:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--elev-2)}.fcard.droptarget{border-color:var(--blue-glow);background:var(--accent-soft);box-shadow:0 0 0 2px var(--blue-glow) inset,0 0 22px var(--accent-soft)}.fcard-tab{height:10px;width:44%;margin:var(--sp-3) 0 0 var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-bottom:none;border-radius:var(--r-sm) var(--r-sm) 0 0}.fcard-body{margin:0 var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:0 var(--r-md) var(--r-md) var(--r-md);aspect-ratio:16/8.5;overflow:hidden;display:flex;align-items:center;justify-content:center}.fcard-collage{display:grid;width:100%;height:100%;gap:2px}.fcard-collage.n1{grid-template-columns:1fr}.fcard-collage.n2,.fcard-collage.n3{grid-template-columns:1fr 1fr}.fcard-collage.n3 .fcard-mini:first-child{grid-row:span 2}.fcard-collage.n4{grid-template-columns:1fr 1fr}.fcard-mini{background-size:cover;background-position:center;background-color:#000}.fcard-empty{font-size:30px;opacity:.4}.fcard-foot{display:flex;align-items:center;justify-content:space-between;padding:10px var(--sp-3) var(--sp-3)}.fcard-name{font-weight:600;font-size:var(--fs-base)}.fcard-count{color:var(--muted);font-size:var(--fs-xs);font-family:var(--font-mono);margin-top:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w, 236px),1fr));gap:var(--sp-4)}.grid.hide-info .acard-sub,.grid.hide-info .field-row-wrap{display:none}.grid.title2 .acard-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.acard{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid transparent;border-radius:var(--r-lg);box-shadow:var(--elev-1);transition:transform var(--dur) var(--spring),box-shadow var(--dur-slow) var(--ease);transform-style:preserve-3d}.acard:hover{transform:translateY(-5px);box-shadow:var(--elev-2)}.acard.tilting{transition:transform .12s ease-out,box-shadow var(--dur-slow) var(--ease)}.acard.selected{box-shadow:0 0 0 1px var(--blue-glow),var(--elev-2)}.thumb{position:relative;aspect-ratio:var(--card-ar, 16/9);background:#000;cursor:pointer;overflow:hidden;border-radius:var(--r-lg) var(--r-lg) 0 0}.thumb .frame{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform var(--dur-slow) var(--ease)}.acard:hover .thumb .frame{transform:scale(1.06)}.thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 42%)}.thumb-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);opacity:0;width:48px;height:48px;border-radius:50%;background:#14100880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:transform var(--dur-slow) var(--spring),opacity var(--dur) var(--ease);box-shadow:var(--sheen);pointer-events:none}.acard:hover .thumb-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.thumb-play svg{width:18px;height:18px;margin-left:2px;color:var(--blue-glow)}.thumb .badge,.thumb .cmt-badge,.thumb .ver-badge,.thumb .sel-box{z-index:2}.thumb .processing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:var(--fs-sm);background:var(--surface-2)}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--blue-glow);animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.thumb .badge{position:absolute;right:8px;bottom:8px;background:#000000c7;border-radius:var(--r-sm);padding:2px 7px;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cmt-badge{position:absolute;left:8px;bottom:8px;background:#000000c7;border-radius:var(--r-sm);padding:2px 7px;font-size:var(--fs-xs);font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ver-badge{position:absolute;right:8px;top:8px;background:#000000c7;border-radius:var(--r-sm);padding:2px 7px;font-size:var(--fs-xs);font-weight:700;font-family:var(--font-mono);color:var(--blue-glow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sel-box{position:absolute;left:8px;top:8px;width:20px;height:20px;border-radius:var(--r-sm);border:1.5px solid rgba(255,255,255,.7);background:#0000008c;color:#fff;font-size:var(--fs-sm);font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease)}.sel-box:hover{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}.thumb:hover .sel-box,.sel-box.show{opacity:1}.sel-box.inline{position:static;opacity:1}.acard-meta{padding:10px var(--sp-3) var(--sp-3)}.acard-title-row{display:flex;align-items:center;gap:6px}.acard-title{flex:1;font-weight:600;font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.acard-sub{color:var(--muted);font-size:var(--fs-xs);margin-top:3px;font-family:var(--font-mono)}.field-row-wrap{position:relative;margin-top:10px}.field-row{display:block;width:100%;text-align:left;border:1px solid var(--border);border-radius:var(--r-md);padding:8px 10px;background:var(--bg);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.field-row:hover:not(:disabled){border-color:var(--accent-line);background:var(--surface)}.field-row.open{border-color:var(--blue)}.field-row.ro{cursor:default}.field-label{display:block;color:var(--muted);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.field-val{display:flex;align-items:center;gap:8px;min-height:22px;font-size:var(--fs-sm);color:var(--fg)}.field-ph{color:var(--muted)}.field-chev{margin-left:auto;color:var(--muted);flex-shrink:0}.field-row:hover .field-chev{color:var(--fg-2)}.fv-userval{display:inline-flex;align-items:center;gap:6px}.fv-starsview{color:var(--amber);letter-spacing:1px}.fv-starsoff{color:var(--border-strong)}.fv-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-pop{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:5px;animation:popIn var(--dur-fast) var(--ease)}.fv-search{display:flex;align-items:center;gap:7px;padding:7px 9px;margin-bottom:4px;border:1px solid var(--blue);border-radius:var(--r-sm);color:var(--muted)}.fv-search input{flex:1;min-width:0;border:none;background:none;padding:0;font-size:var(--fs-sm)}.fv-search input:focus{outline:none;box-shadow:none}.fv-optlist{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.fv-optlist button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;background:none;padding:6px 8px;border-radius:var(--r-sm);font-size:var(--fs-sm)}.fv-optlist button:hover{background:var(--surface-2);border:none}.fv-optlist .check{margin-left:auto}.pill-wrap{position:relative;display:inline-block}.pill{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--r-full);padding:4px 12px;font-size:var(--fs-sm);font-weight:600;transition:filter var(--dur) var(--ease)}.pill:hover:not(:disabled){filter:brightness(1.15)}.pill.compact{padding:3px 10px;font-size:var(--fs-xs)}.pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pill-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:150;min-width:194px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:5px;box-shadow:var(--elev-3);animation:popIn var(--dur-fast) var(--ease)}.pill-menu button{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm)}.pill-menu button:hover{background:var(--surface);border:none}.pill-menu button.active{color:var(--blue-glow)}.pill-menu .check{margin-left:auto}.ovf{position:relative}.ovf-btn{background:none;border:none;color:var(--muted);font-size:16px;padding:2px 8px;border-radius:var(--r-sm)}.ovf-btn:hover{color:var(--fg);background:var(--surface-2);border:none}.ovf-btn.small{font-size:14px}.ovf-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:150;min-width:176px;max-height:260px;overflow-y:auto;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:5px;box-shadow:var(--elev-3);animation:popIn var(--dur-fast) var(--ease)}.ovf-menu.upward{top:auto;bottom:calc(100% + 4px);left:50%;right:auto;transform:translate(-50%)}.ovf-subhead{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.ovf-chev{color:var(--muted);transition:transform var(--dur) var(--ease);display:inline-block}.ovf-chev.open{transform:rotate(90deg)}.ovf-sub{margin:2px 0 4px 10px;padding-left:6px;border-left:1px solid var(--border-strong)}.ovf-menu button{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm)}.ovf-menu button:hover:not(:disabled){background:var(--surface);border:none}.ovf-menu button.danger{color:var(--red)}.list-view{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.list-view th{text-align:left;color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--border)}.list-view td{padding:10px;border-bottom:1px solid var(--border)}.list-view tbody tr{cursor:pointer;transition:background var(--dur) var(--ease)}.list-view tbody tr:hover{background:var(--surface)}.list-view tr.selected{background:var(--accent-soft)}.lv-name{font-weight:600}.proj-list td:nth-child(2),.proj-list td:nth-child(3),.proj-list td:nth-child(4){font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-2)}.pp{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:80;display:flex;flex-direction:column;animation:ppIn var(--dur-slow) var(--ease);transform-origin:center}@keyframes ppIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.morph-poster{position:fixed;z-index:90;background-size:cover;background-position:center;border-radius:var(--r-lg);box-shadow:var(--elev-3);pointer-events:none;overflow:hidden;will-change:left,top,width,height}.drag-ghost{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;background:#000 center / cover no-repeat;border-radius:var(--r-md);box-shadow:var(--elev-3);will-change:transform}.drag-ghost.settle{transition:transform .34s var(--spring),opacity .34s var(--ease)}.drag-ghost-count{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-full);background:var(--blue);color:var(--on-accent);font-family:var(--font-mono);font-weight:700;font-size:12px;line-height:22px;text-align:center;box-shadow:var(--sheen),var(--elev-1)}.acard.drag-source{opacity:.4}body.is-dragging-asset,body.is-dragging-asset *{cursor:grabbing!important}.pp-top{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 60%,transparent))}.pp-back{font-size:20px;padding:2px 12px;background:none;border:none;color:var(--fg)}.pp-back:hover{color:var(--blue-glow);background:var(--surface-2);border:none}.pp-title{font-weight:600;font-size:var(--fs-base)}.pp-pager{display:flex;align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--fs-sm);font-family:var(--font-mono)}.pp-pager button{padding:3px 10px}.pp-body{flex:1;display:flex;overflow:hidden}.pp-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-4) 0;min-width:0;min-height:0}.pp-stage:fullscreen{background:#000;padding:var(--sp-4);justify-content:space-between}.pp-screen{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.pp-screen video{width:100%;height:100%;object-fit:contain;background:transparent;border-radius:var(--r-sm);outline:none;display:block;cursor:pointer}.pp-image{border-radius:var(--r-sm);outline:none;display:block;background:transparent}.pp-wait{color:var(--muted);padding:120px 0}.pp-scrubwrap{width:100%;max-width:940px;margin-top:var(--sp-4);position:relative}.pp-preview{position:absolute;bottom:42px;transform:translate(-50%);z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.pp-preview-frame{width:152px;aspect-ratio:16/9;background:#000 center/cover no-repeat;border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--elev-2)}.pp-preview-tc{font-family:var(--font-mono);font-size:var(--fs-2xs);background:#000000d1;color:#fff;border-radius:var(--r-sm);padding:1px 6px}.pp-markers{position:relative;height:22px}.pp-marker-wrap{position:absolute;top:0;transform:translate(-50%)}.pp-marker-wrap:hover{z-index:3}.pp-marker{position:relative;width:20px;height:20px;border-radius:50%;padding:0;background:var(--blue);border:2px solid var(--surface);color:var(--on-accent);font-size:9px;font-weight:700;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--dur) var(--ease-spring),border-color var(--dur) var(--ease)}.pp-marker:hover{border-color:var(--amber);transform:scale(1.2)}.pp-marker img{width:100%;height:100%;object-fit:cover}.pp-marker-preview{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);width:240px;text-align:left;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:10px 12px;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.pp-marker-wrap:hover .pp-marker-preview{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.pp-mp-head{display:flex;align-items:center;gap:6px}.pp-mp-avatar{width:20px;height:20px;border-radius:50%;background:var(--blue);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;overflow:hidden;flex-shrink:0}.pp-mp-avatar img{width:100%;height:100%;object-fit:cover}.pp-mp-name{font-weight:600;font-size:var(--fs-sm)}.pp-mp-time{color:var(--muted);font-size:var(--fs-xs)}.pp-mp-body{font-size:var(--fs-sm);line-height:1.45;color:var(--fg);word-break:break-word;margin-top:6px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.pp-marker-preview .cm-tc{margin:6px 0 0}.pp-scrub{width:100%;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-strong);border-radius:var(--r-full);cursor:pointer}.pp-scrub::-webkit-slider-runnable-track{height:5px;border-radius:var(--r-full);background:transparent}.pp-scrub::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3px;height:16px;border-radius:1px;background:var(--fg);margin-top:-5.5px;box-shadow:0 0 0 1px #00000073}.pp-scrub::-moz-range-thumb{width:3px;height:16px;border:none;border-radius:1px;background:var(--fg)}.pp-scrub::-moz-range-progress{background:var(--blue);height:5px;border-radius:var(--r-full)}.pp-transport{display:flex;align-items:center;gap:var(--sp-1);width:100%;max-width:940px;margin-top:var(--sp-3)}.pp-vol{display:flex;align-items:center;gap:2px}.pp-volslider,.pp-scrub{padding:0;border:none;box-shadow:none}.pp-volslider:focus,.pp-scrub:focus{box-shadow:none}.pp-volslider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:4px;border-radius:var(--r-full);cursor:pointer;opacity:0;transition:width var(--dur) var(--ease),opacity var(--dur) var(--ease),margin var(--dur) var(--ease);margin-left:0}.pp-vol:hover .pp-volslider,.pp-volslider:focus{width:64px;opacity:1;margin-left:4px}.pp-volslider::-webkit-slider-runnable-track{height:4px;border-radius:var(--r-full);background:transparent}.pp-volslider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;margin-top:-3.5px;box-shadow:0 0 0 1px #00000059}.pp-volslider::-moz-range-track{height:4px;border-radius:var(--r-full);background:transparent}.pp-volslider::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000059}.pp-ctrl{display:flex;align-items:center;justify-content:center;padding:6px 8px;background:none;border:none;color:var(--fg-2);border-radius:var(--r-sm)}.pp-ctrl:hover{color:var(--fg);background:var(--surface-2);border:none}.pp-ctrl.on{color:var(--blue-glow)}.pp-speedbtn,.pp-qualbtn{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;min-width:36px}.pp-menuwrap{position:relative}.pp-menu{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:20;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:4px;box-shadow:var(--elev-3);display:flex;flex-direction:column;min-width:96px;animation:popIn var(--dur-fast) var(--ease)}.pp-menu button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--fg);font-size:var(--fs-sm);padding:6px 10px;border-radius:var(--r-sm);text-align:left;white-space:nowrap}.pp-menu button:hover:not(:disabled){background:var(--surface);border:none}.pp-menu button.active{color:var(--blue-glow)}.pp-menu.vis-menu{min-width:156px;left:auto;right:0;transform:none}.pp-menu.pp-gear{min-width:210px}.pp-gear button{justify-content:space-between}.pp-gear-val{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:var(--fs-xs);font-weight:500}.pp-gear-back{font-weight:600;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:2px;padding-bottom:8px!important}.pp-guide-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.pp-guide-box{box-shadow:0 0 0 9999px #0009}.pp-watermark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-repeat:repeat;z-index:6}.pp-anno-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:8;pointer-events:none}.pp-anno-canvas{pointer-events:none;touch-action:none}.pp-anno-canvas.active{pointer-events:auto;cursor:crosshair}.pp-anno-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);pointer-events:auto;display:flex;align-items:center;gap:2px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:4px;box-shadow:var(--elev-3);animation:popIn var(--dur-fast) var(--ease)}.pp-anno-toolbar button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:none;border:none;border-radius:var(--r-sm);color:var(--fg-2)}.pp-anno-toolbar button:hover:not(:disabled){background:var(--surface-2);border:none;color:var(--fg)}.pp-anno-toolbar button.active{background:var(--surface-2);color:var(--blue-glow)}.pp-anno-toolbar button:disabled{opacity:.35}.pp-anno-colors{display:flex;align-items:center;gap:5px;padding:0 6px;margin:0 2px;border-left:1px solid var(--border-strong);border-right:1px solid var(--border-strong)}.pp-anno-swatch{width:15px;height:15px;border-radius:var(--r-full);border:2px solid transparent;padding:0}.pp-anno-swatch.active{border-color:var(--fg)}.cm-anno-tag{flex-shrink:0;display:inline-flex;color:var(--muted)}.pp-tc{font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:var(--amber-soft);color:var(--amber);border:none;border-radius:var(--r-sm);padding:4px 10px;font-size:var(--fs-sm);font-weight:600;cursor:pointer;letter-spacing:.02em}.pp-tc:hover{background:#f5a6233d;border:none}.pp-keys{color:var(--muted);font-size:var(--fs-xs);margin-top:var(--sp-2);opacity:.6}.cm-vis-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--fs-sm);font-weight:500;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg-2)}.cm-vis-btn.internal{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,var(--border-strong))}.cm-vis-btn:hover{border-color:var(--blue-glow)}.pp-panel{width:388px;min-width:388px;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden;transition:width var(--dur) var(--ease),min-width var(--dur) var(--ease)}.pp-panel.collapsed{width:44px;min-width:44px;position:relative}.pp-panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4) 10px;border-bottom:1px solid var(--border)}.pp-panel.collapsed .pp-panel-head{padding:var(--sp-3) 0;justify-content:center;border-bottom:none}.pp-panel-title{font-weight:600;font-size:var(--fs-base)}.pp-panel-toggle{display:flex;align-items:center;justify-content:center;padding:4px 6px;background:none;border:none;color:var(--muted);border-radius:var(--r-sm);flex-shrink:0}.pp-panel-toggle:hover{color:var(--fg);background:var(--surface-2);border:none}.pp-panel-badge{position:absolute;top:44px;left:50%;transform:translate(-50%);background:var(--blue);color:var(--on-accent);font-size:10px;font-weight:700;border-radius:var(--r-full);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px}.cm-filters{display:inline-flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px}.cm-filters button{border:none;background:none;border-radius:var(--r-sm);padding:4px 9px;font-size:var(--fs-xs);color:var(--muted)}.cm-filters button.active{background:var(--surface-2);color:var(--fg)}.cm-list{flex:1;overflow-y:auto;padding:var(--sp-3) 0}.cm-empty{color:var(--muted);font-size:var(--fs-sm);text-align:center;padding:var(--sp-6) var(--sp-5);line-height:1.6}.cm{position:relative;display:flex;gap:10px;padding:10px var(--sp-4);border-radius:var(--r-md);animation:slideUp var(--dur) var(--ease);transition:background var(--dur) var(--ease)}.cm:hover{background:var(--surface-2)}.cm.hl{background:var(--amber-soft)}.cm.resolved{opacity:.55}.cm-avatar{width:30px;height:30px;border-radius:50%;background:var(--blue);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);overflow:hidden;flex-shrink:0}.cm-avatar img{width:100%;height:100%;object-fit:cover}.cm-main{flex:1;min-width:0}.cm-head{display:flex;align-items:center;gap:6px}.cm-name{font-weight:600;font-size:var(--fs-base)}.cm-num{color:var(--muted);font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono)}.cm-vis{display:flex;align-items:center}.cm-vis.client{color:var(--muted)}.cm-vis.internal{color:var(--amber)}.cm-time{color:var(--muted);font-size:var(--fs-xs)}.cm-line{display:flex;align-items:flex-start;gap:7px;margin-top:3px}.cm-tc{flex-shrink:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:var(--amber-soft);color:var(--amber);border:none;border-radius:var(--r-sm);padding:2px 8px;font-size:var(--fs-xs);font-weight:600;cursor:pointer;line-height:1.5}.cm-tc:hover{background:#f5a62342;border:none}.cm-body{flex:1;min-width:0;font-size:var(--fs-base);line-height:1.55;white-space:pre-wrap;word-break:break-word}.cm-actions{display:flex;align-items:center;gap:10px;margin-top:6px;min-height:24px}.cm-link{background:none;border:none;color:var(--muted);font-size:var(--fs-sm);padding:0}.cm-link:hover{color:var(--blue-glow);background:none;border:none}.cm-resolved-tag{color:var(--green);font-size:var(--fs-xs);font-weight:600}.cm-actionbar{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--dur) var(--ease)}.cm:hover .cm-actionbar,.cm-actionbar:focus-within{opacity:1}.cm-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;background:none;color:var(--muted);border-radius:var(--r-sm)}.cm-iconbtn:hover{background:var(--surface-raised);color:var(--fg);border:none}.cm-iconbtn.on{color:var(--green)}.cm-more-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:130px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:5px;animation:popIn var(--dur-fast) var(--ease)}.cm-more-menu button{display:block;width:100%;text-align:left;border:none;background:none;padding:7px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm)}.cm-more-menu button.danger{color:var(--red)}.cm-more-menu button.danger:hover{background:color-mix(in srgb,var(--red) 10%,transparent);border:none}.rx-wrap{position:relative;display:inline-flex}.rx-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.rx-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 6px;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--fs-xs);line-height:1.7}.rx-pill.mine{border-color:var(--blue);background:var(--accent-soft);color:var(--blue-glow)}.rx-emoji{font-size:13px}.rx-count{font-variant-numeric:tabular-nums;font-weight:600}.rx-picker{position:absolute;bottom:calc(100% + 6px);right:0;z-index:70;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:6px;animation:popIn var(--dur-fast) var(--ease)}.rx-opt{width:30px;height:30px;padding:0;border:none;background:none;border-radius:var(--r-sm);font-size:17px}.rx-opt:hover{background:var(--surface-2);border:none;transform:scale(1.15)}.cm-reply{margin-top:10px;padding-left:var(--sp-3);border-left:2px solid var(--border)}.cm-reply .cm{padding:0}.cm-composer{border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-4);background:var(--surface)}.cm-replying{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--sp-2)}.cm-replying button{background:none;border:none;color:var(--muted);padding:0 4px}.cm-composer-top{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-2)}.cm-tc-chip{font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:var(--r-sm);padding:4px 10px;font-size:var(--fs-sm);font-weight:600;border:1px solid var(--border-strong)}.cm-tc-chip.on{background:var(--amber-soft);color:var(--amber);border-color:transparent}.cm-tc-chip.off{background:var(--bg);color:var(--muted)}.cm-vis-select{padding:4px 8px;font-size:var(--fs-sm);border-radius:var(--r-sm)}.cm-input{width:100%;min-height:58px;resize:vertical;font-size:var(--fs-base);line-height:1.5;font-family:var(--font-body)}.cm-composer-icons{display:flex;align-items:center;gap:2px;margin-top:var(--sp-2)}.cm-send{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--r-full);border:none;background:var(--blue);color:var(--on-accent);flex-shrink:0}.cm-send:hover:not(:disabled){background:var(--blue-glow);border:none}.cm-send:disabled{background:var(--surface-2);color:var(--muted)}.record-menu button{display:flex;align-items:center;gap:8px}.cm-att-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-2)}.cm-att-imgs{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp-2)}.cm-att-img{padding:0;border:none;background:#000;border-radius:var(--r-md);overflow:hidden;cursor:zoom-in;box-shadow:var(--sheen),var(--elev-1);transition:transform var(--dur) var(--spring),box-shadow var(--dur) var(--ease)}.cm-att-img:hover{transform:translateY(-2px);box-shadow:var(--sheen),var(--elev-2);background:#000}.cm-att-img img{display:block;max-width:100%;max-height:180px;object-fit:cover}.att-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#040406db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;animation:fadeIn var(--dur) var(--ease);cursor:zoom-out}.att-lightbox img{max-width:100%;max-height:calc(100% - 60px);object-fit:contain;border-radius:var(--r-md);box-shadow:var(--elev-3);cursor:default}.att-lightbox-bar{display:flex;align-items:center;gap:14px;background:var(--surface-raised);border-radius:var(--r-full);padding:8px 16px;box-shadow:var(--sheen),var(--elev-2);cursor:default}.att-lightbox-name{font-size:var(--fs-sm);color:var(--fg-2);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-lightbox-bar a{color:var(--blue-glow);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.cm-att-chip{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:4px 8px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);font-size:var(--fs-xs);color:var(--fg-2);text-decoration:none}.cm-att-chip.posted:hover,a.cm-att-chip:hover{border-color:var(--blue);color:var(--blue-glow)}.cm-att-chip button{background:none;border:none;color:var(--muted);padding:0}.cm-att-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-record-pill{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg)}.cm-record-dot{width:9px;height:9px;border-radius:50%;background:var(--red);flex-shrink:0;animation:recordPulse 1.2s ease-in-out infinite}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.35}}.cm-record-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-sm);font-weight:600}.cm-record-meter{width:60px;height:6px;border-radius:var(--r-full);background:var(--surface-2);overflow:hidden}.cm-record-meter span{display:block;height:100%;background:var(--green);transition:width .1s linear}.cm-media-skel{display:flex;align-items:center;gap:8px;margin-top:var(--sp-2);padding:8px 10px;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--border);color:var(--muted);font-size:var(--fs-sm)}.cm-media-failed{display:flex;align-items:center;gap:8px;margin-top:var(--sp-2);padding:8px 10px;border-radius:var(--r-md);background:color-mix(in srgb,var(--red) 8%,transparent);border:1px solid var(--red);color:var(--red);font-size:var(--fs-sm)}.cm-voice-row{margin-top:var(--sp-2)}.cm-media-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--bg)}.cm-media-play{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:var(--r-full);border:none;background:var(--blue);color:var(--on-accent)}.cm-media-play:hover{background:var(--blue-glow);border:none}.cm-media-track{flex:1;min-width:0;height:5px;border-radius:var(--r-full);background:var(--surface-2);cursor:pointer}.cm-media-fill{height:100%;border-radius:var(--r-full);background:var(--blue-glow);pointer-events:none}.cm-media-time{flex-shrink:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--muted)}.cm-speed-btn{flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:4px 8px;background:var(--surface-2);color:var(--fg-2)}.cm-speed-btn:hover{background:var(--surface-raised);border-color:var(--border-strong)}.cm-screen-thumb{position:relative;margin-top:var(--sp-2);width:100%;max-width:260px;aspect-ratio:16/9;border-radius:var(--r-md);border:1px solid var(--border-strong);background:#000 center/cover no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.cm-screen-play{width:40px;height:40px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center}.cm-screen-expanded{margin-top:var(--sp-2);display:flex;flex-direction:column;gap:6px}.cm-screen-stage{position:relative;width:100%;max-width:420px;aspect-ratio:16/9;border-radius:var(--r-md);border:1px solid var(--border-strong);background:#000;overflow:hidden}.cm-screen-stage video{width:100%;height:100%;display:block;object-fit:contain;cursor:pointer}.cm-screen-bigplay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:44px;height:44px;padding:0;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center}.cm-screen-bigplay:hover{background:#000000b8;border-color:#fff3}.modal.lightbox{width:min(90vw,960px);padding:0;background:#000}.modal.lightbox .cm-screen-stage{max-width:none;aspect-ratio:auto;height:min(80vh,540px);border:none;border-radius:var(--r-lg)}.modal.lightbox .cm-media-bar{border-radius:0;border:none;border-top:1px solid var(--border-strong)}.pp-screenhud{position:absolute;right:16px;bottom:16px;z-index:30;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.pp-screenhud-bar{display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--elev-3)}.pp-screenhud-warn{max-width:260px;padding:8px 10px;border-radius:var(--r-md);background:color-mix(in srgb,var(--amber) 14%,var(--surface-raised));border:1px solid var(--amber);color:var(--amber);font-size:var(--fs-xs)}.side-panel{position:fixed;top:0;left:64px;bottom:0;width:380px;max-width:92vw;background:var(--surface-raised);box-shadow:var(--sheen),24px 0 60px -24px #000c;z-index:150;display:flex;flex-direction:column;animation:slideInRail var(--dur-slow) var(--ease)}@keyframes slideInRail{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.side-head{display:flex;align-items:center;gap:8px;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);font-weight:700;font-size:var(--fs-md);flex-shrink:0}.side-tabs{display:flex;align-items:center;gap:16px;padding:0 var(--sp-5) var(--sp-3);border-bottom:1px solid var(--border);flex-shrink:0}.side-tabs button{background:none;border:none;padding:4px 0;color:var(--muted);font-size:var(--fs-sm);font-weight:600;border-bottom:2px solid transparent;border-radius:0}.side-tabs button.active{color:var(--fg);border-color:var(--blue)}.side-tabs .spacer{flex:1}.side-tabs .side-markread{font-size:var(--fs-xs);color:var(--blue-glow);font-weight:600}.side-body{flex:1;overflow-y:auto}.side-empty{color:var(--muted);font-size:var(--fs-sm);padding:var(--sp-6) var(--sp-5);text-align:center}.side-date-head{padding:var(--sp-3) var(--sp-5) var(--sp-1);color:var(--muted);font-size:var(--fs-xs);font-weight:700}.side-row{display:flex;align-items:flex-start;gap:10px;padding:10px var(--sp-5);border-bottom:1px solid var(--border);cursor:pointer}.side-row:hover{background:var(--surface-2)}.side-thumb{width:52px;height:52px;border-radius:var(--r-md);background:var(--surface-2) center/cover no-repeat;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;overflow:hidden}.side-info{flex:1;min-width:0}.side-title{font-weight:600;font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-sub{color:var(--muted);font-size:var(--fs-xs);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-meta{color:var(--muted);font-size:var(--fs-xs);margin-top:3px}.side-avatar{width:36px;height:36px;border-radius:50%;background:var(--blue);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);flex-shrink:0;overflow:hidden;position:relative}.side-avatar img{width:100%;height:100%;object-fit:cover}.side-unread-dot{position:absolute;top:-2px;left:-2px;width:9px;height:9px;border-radius:50%;background:var(--blue);border:2px solid var(--surface-raised)}.side-play{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--blue);color:var(--on-accent);display:flex;align-items:center;justify-content:center;padding:0;border:none;align-self:center}.side-play:hover{background:var(--blue);filter:brightness(1.15);border:none}.side-qrow{display:flex;align-items:center;gap:8px}.side-fname{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-qcancel{flex-shrink:0;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--muted);border-radius:var(--r-sm);font-size:13px}.side-qcancel:hover{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red);border:none}.side-bar{height:4px;background:var(--surface-2);border-radius:var(--r-full);margin-top:7px;overflow:hidden}.side-bar .fill{height:100%;border-radius:var(--r-full);transition:width var(--dur) var(--ease)}.side-stat{font-size:var(--fs-xs);color:var(--muted);margin-top:5px;font-family:var(--font-mono)}.side-stat.err{color:var(--red);font-family:var(--font-body)}.side-stat.done{color:var(--green)}.modal-back.search-back{align-items:flex-start;padding-top:7vh}.search-modal{width:640px;max-width:92vw;display:flex;flex-direction:column;gap:var(--sp-3);animation:popIn var(--dur) var(--ease)}.search-bar{display:flex;align-items:center;gap:8px;background:var(--surface-raised);border:1px solid var(--blue);border-radius:var(--r-lg);padding:10px 14px;box-shadow:var(--elev-3)}.search-scope{position:relative;border-right:1px solid var(--border);padding-right:10px;margin-right:2px;flex-shrink:0}.search-scope-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:2px 0;font-size:var(--fs-sm);font-weight:600;color:var(--fg-2)}.search-scope-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:200px;max-height:280px;overflow-y:auto;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:5px;animation:popIn var(--dur-fast) var(--ease)}.search-scope-menu button{display:block;width:100%;text-align:left;border:none;background:none;padding:7px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm)}.search-scope-menu button:hover{background:var(--surface-2);border:none}.search-scope-menu button.active{color:var(--blue-glow)}.search-icon{color:var(--muted);flex-shrink:0}.search-bar input{flex:1;min-width:0;border:none;background:none;padding:2px 0;font-size:var(--fs-base)}.search-bar input:focus{outline:none;box-shadow:none}.search-clear{flex-shrink:0;width:22px;height:22px;padding:0;border:none;background:none;color:var(--muted);border-radius:var(--r-sm)}.search-clear:hover{background:var(--surface-2);color:var(--fg);border:none}.search-results{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--elev-3);max-height:60vh;overflow-y:auto}.search-hint{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--muted);font-size:var(--fs-sm);border-bottom:1px solid var(--border)}.sr-row{display:flex;gap:12px;padding:10px 16px;cursor:pointer}.sr-row:hover{background:var(--surface-2)}.sr-thumb{position:relative;width:84px;aspect-ratio:16/9;flex-shrink:0;border-radius:var(--r-sm);background:#000 center/cover no-repeat}.sr-thumb .badge{position:absolute;right:4px;bottom:4px;background:#000000c7;border-radius:var(--r-sm);padding:1px 5px;font-size:10px;font-family:var(--font-mono)}.sr-info{flex:1;min-width:0}.sr-title{font-weight:600;font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-title mark{background:var(--accent-soft);color:inherit;border-radius:2px;padding:0 1px}.sr-sub{color:var(--muted);font-size:var(--fs-xs);margin-top:3px}.sr-path{color:var(--muted);font-size:var(--fs-xs);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:var(--sp-6);background:radial-gradient(115% 65% at 50% -12%,color-mix(in srgb,var(--blue) 7%,transparent),transparent 62%),radial-gradient(80% 50% at 50% 118%,rgba(255,255,255,.018),transparent 70%),var(--bg)}.login{width:372px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:34px 34px 30px;box-shadow:var(--elev-3);animation:popIn var(--dur-slow) var(--ease);position:relative;overflow:hidden}.login:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:.75}.login .brandmark{display:flex;align-items:center;gap:10px;margin-bottom:18px}.login .brandmark .tile{width:38px;height:38px;border-radius:10px;background:var(--blue);color:var(--on-accent);font-family:var(--font-display);font-weight:700;font-size:21px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--accent-soft)}.login h1{font-size:var(--fs-2xl);margin:0 0 4px;letter-spacing:-.02em}.login h1 span{color:var(--blue-glow)}.login .tag{color:var(--muted);font-size:var(--fs-base);margin-bottom:var(--sp-6)}.login form{display:flex;flex-direction:column;gap:var(--sp-3)}.login form input{padding:11px 13px}.login form .primary{margin-top:4px;padding:11px;font-size:var(--fs-base)}.login .err{color:var(--red);font-size:var(--fs-sm)}.login .alt{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--muted);text-align:center;cursor:pointer}.login .alt:hover{color:var(--fg)}.login-foot{margin-top:22px;color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;text-align:center}.login-foot b{color:var(--fg-2);font-weight:600}.empty{color:var(--muted);text-align:center;padding:var(--sp-8) 0;font-size:var(--fs-md)}.empty .big{font-family:var(--font-display);font-weight:600;font-size:var(--fs-xl);color:var(--fg);margin-bottom:var(--sp-2)}.top-search{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:7px 12px;width:min(380px,34vw);color:var(--muted);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);text-align:left}.top-search span{flex:1;font-size:var(--fs-base)}.top-search:hover{border-color:var(--blue-glow);box-shadow:0 0 0 3px var(--accent-softer);color:var(--fg)}.tb-search-wrap{position:relative;display:inline-flex}.tb-search-input{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:5px 10px;width:200px}.tb-search-input input{border:none;background:none;padding:0;flex:1;font-size:var(--fs-sm);color:var(--fg)}.modal.settings-modal{width:760px;max-width:94vw;height:560px;max-height:86vh;padding:0;display:flex;flex-direction:column}.stg-body{flex:1;display:flex;min-height:0}.stg-nav{width:190px;min-width:190px;border-right:1px solid var(--border);padding:var(--sp-4) var(--sp-2);overflow-y:auto;display:flex;flex-direction:column;gap:1px}.stg-nav-group{color:var(--muted);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:10px 10px 4px}.stg-nav-group:first-child{padding-top:2px}.stg-nav button{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--fg-2)}.stg-nav button:hover{background:var(--surface-2);border:none;color:var(--fg)}.stg-nav button.active{background:var(--accent-softer);color:var(--blue-glow);font-weight:600}.stg-content{flex:1;min-width:0;overflow-y:auto;padding:var(--sp-5)}.stg-foot{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);margin:0}.stg-stats{display:flex;gap:var(--sp-5)}.stg-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 20px;min-width:110px}.stg-stat-num{font-size:var(--fs-2xl);font-weight:700;font-family:var(--font-display)}.stg-stat-lab{color:var(--muted);font-size:var(--fs-xs);margin-top:2px}.stg-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stg-mini{padding:4px 10px;font-size:var(--fs-xs)}.stg-mini.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--border-strong))}.stg-mini.danger:hover{background:color-mix(in srgb,var(--red) 12%,transparent)}.stg-createuser{display:flex;gap:6px;align-items:center;margin-bottom:var(--sp-3);flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:10px}.stg-createuser input,.stg-createuser select{flex:1;min-width:100px}.stg-list{display:flex;flex-direction:column;gap:6px}.stg-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.stg-row-main{flex:1;min-width:0}.stg-inline-name{background:none;border:1px solid transparent;font-weight:600;padding:2px 4px;margin:-2px -4px 2px;border-radius:var(--r-sm);width:100%}.stg-inline-name:hover,.stg-inline-name:focus{border-color:var(--border-strong);background:var(--bg)}.stg-mini-select{font-size:var(--fs-xs);padding:4px 6px}.stg-avstack{display:flex}.stg-av{width:24px;height:24px;border-radius:50%;background:var(--blue);color:var(--on-accent);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--surface-raised);margin-left:-8px;flex-shrink:0}.stg-av:first-child{margin-left:0}.stg-av img{width:100%;height:100%;object-fit:cover}.stg-av-extra{background:var(--surface-2);color:var(--muted)}.set-section{margin-bottom:var(--sp-4)}.set-label{color:var(--muted);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.set-row{display:flex;gap:var(--sp-3);align-items:center}.set-fields{flex:1;display:flex;flex-direction:column;gap:6px}.set-muted{color:var(--muted);font-size:var(--fs-sm)}.avatar-pick{position:relative;width:64px;height:64px;border-radius:50%;cursor:pointer;background:var(--blue);color:var(--on-accent);font-weight:700;font-size:var(--fs-xl);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-pick img{width:100%;height:100%;object-fit:cover}.avatar-hint{position:absolute;inset:auto 0 0 0;background:#000000ad;font-size:var(--fs-2xs);text-align:center;padding:3px 0;opacity:0;transition:opacity var(--dur) var(--ease)}.avatar-pick:hover .avatar-hint{opacity:1}.logo-pick{width:64px;height:64px;border-radius:var(--r-lg);cursor:pointer;flex-shrink:0;background:var(--bg);border:1px dashed var(--border-strong);color:var(--muted);font-size:var(--fs-xs);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-pick:hover{border-color:var(--blue-glow)}.logo-pick img{width:100%;height:100%;object-fit:contain}.sb-header-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:90px;border-radius:var(--r-md);cursor:pointer;background:var(--bg);border:1px dashed var(--border-strong);color:var(--muted);font-size:var(--fs-xs);overflow:hidden;text-align:center;padding:0 10px}.sb-header-thumb:hover{border-color:var(--blue-glow);color:var(--fg-2)}.sb-header-thumb.disabled{cursor:default;pointer-events:none}.sb-header-thumb img{width:100%;height:100%;object-fit:cover}.sb-header-thumb.has-img{position:relative;border-style:solid}.sb-header-thumb.pickable{cursor:crosshair}.sb-focus-dot{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--blue);box-shadow:0 0 0 3px #00000073,0 0 10px var(--blue);pointer-events:none}.sb-seg{display:flex;gap:2px;background:#ffffff0a;padding:3px;border-radius:var(--r-md);box-shadow:var(--sheen)}.sb-seg button{padding:5px 12px;font-size:var(--fs-xs);background:none;box-shadow:none}.sb-seg button.active{background:#ffffff17;color:var(--fg);box-shadow:var(--elev-1)}.sb-logo-preview{width:30px;height:30px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0}.theme-row{display:flex;align-items:center;gap:10px}.theme-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;padding:0;transition:transform var(--dur) var(--ease-spring)}.theme-swatch:hover{transform:scale(1.12)}.theme-swatch.active{border-color:var(--fg);box-shadow:0 0 0 3px var(--surface-2)}.keys-table{width:100%;border-collapse:collapse}.keys-table td{padding:7px 6px;font-size:var(--fs-base);border-bottom:1px solid var(--border)}.keys-table kbd{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:2px 8px;font-size:var(--fs-sm);font-family:var(--font-mono)}.view-toggle{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden}.view-toggle button{border:none;border-radius:0;padding:5px 11px;font-size:14px;background:var(--surface);color:var(--muted)}.view-toggle button.active{background:var(--surface-2);color:var(--blue-glow)}.pl-cell{display:flex;align-items:center;gap:10px}.pl-thumb{width:34px;height:34px;border-radius:var(--r-sm);background:var(--surface-2);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--blue-glow);font-size:var(--fs-base);flex-shrink:0}.proj-lock{position:absolute;left:10px;top:10px;background:#000000b8;border-radius:var(--r-sm);padding:2px 6px;font-size:var(--fs-sm);z-index:2}.modal.proj-settings{width:620px;padding:0}.ps-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.ps-head h3{margin:0}.ps-x{background:none;border:none;color:var(--muted);font-size:var(--fs-md)}.ps-x:hover{color:var(--fg);background:var(--surface-2);border:none}.ps-body{display:flex;gap:var(--sp-5);padding:var(--sp-5)}.ps-left{width:220px;flex-shrink:0}.ps-cover{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r-lg);cursor:pointer;background:var(--surface-2);background-size:cover;background-position:center;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:var(--sp-3)}.ps-cover-empty{font-family:var(--font-display);font-weight:600;font-size:48px;color:var(--border-strong)}.ps-cover-edit{position:absolute;inset:auto 0 0 0;background:#000000bd;text-align:center;padding:7px 0;font-size:var(--fs-sm);opacity:0;transition:opacity var(--dur) var(--ease)}.ps-cover:hover .ps-cover-edit{opacity:1}.ps-name{width:100%}.ps-right{flex:1;min-width:0}.ps-field-label{color:var(--muted);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.ps-restrict{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;text-align:left;padding:var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg)}.ps-restrict.on{border-color:var(--blue-glow)}.ps-restrict-title{font-weight:600;font-size:var(--fs-base)}.ps-restrict-sub{color:var(--muted);font-size:var(--fs-sm);margin-top:3px}.toggle{width:38px;height:22px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border-strong);position:relative;flex-shrink:0;transition:background var(--dur) var(--ease)}.toggle.on{background:var(--blue);border-color:var(--blue)}.toggle .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--dur) var(--ease-spring)}.toggle.on .knob{transform:translate(16px)}.ps-members{margin-top:var(--sp-4)}.ps-member-list{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-lg)}.ps-member{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--border)}.ps-member:last-child{border-bottom:none}.ps-member:hover{background:var(--surface-2)}.ps-member input{width:auto}.ps-member-av{width:28px;height:28px;border-radius:50%;background:var(--blue);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);flex-shrink:0}.ps-member-name{font-size:var(--fs-base);font-weight:500}.ps-member-email{color:var(--muted);font-size:var(--fs-xs)}.ps-admin{font-size:var(--fs-2xs);color:var(--amber);background:var(--amber-soft);border-radius:var(--r-sm);padding:1px 6px;margin-left:4px}.ps-foot{display:flex;justify-content:flex-end;gap:10px;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border)}.ctx-menu{position:fixed;z-index:500;min-width:200px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:5px;animation:popIn var(--dur) var(--ease)}.ctx-itemwrap{position:relative}.ctx-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:none;border-radius:var(--r-sm);padding:7px 10px;font-size:var(--fs-sm);color:var(--fg)}.ctx-item:hover:not(:disabled){background:var(--surface-2);border:none}.ctx-item:disabled{opacity:.4}.ctx-item.danger{color:var(--red)}.ctx-item.danger:hover:not(:disabled){background:color-mix(in srgb,var(--red) 10%,transparent)}.ctx-icon{width:16px;display:inline-flex;justify-content:center;color:var(--muted)}.ctx-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-arrow{color:var(--muted)}.ctx-div{border-top:1px solid var(--border);margin:5px 4px}.ctx-sub{position:absolute;left:calc(100% - 2px);top:-5px;min-width:170px;max-height:320px;overflow-y:auto;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:5px}.modal.dlg{width:360px}.modal.dlg h3{margin:0 0 var(--sp-3);font-size:var(--fs-md)}.modal.dlg .row{margin-top:var(--sp-4)}.dlg-msg{font-size:var(--fs-base);line-height:1.5}.modal.dlg button.danger{border-color:var(--red);color:var(--red)}.modal.dlg button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--red) 12%,transparent)}.shp{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:85;display:flex;flex-direction:column;animation:fadeIn var(--dur) var(--ease)}.shp-top{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--surface)}.shp-body{flex:1;display:flex;min-height:0}.shp-preview{flex:1;min-width:0;background:var(--bg)}.shp-preview iframe{width:100%;height:100%;border:none;display:block}.shp-panel{width:380px;min-width:380px;border-left:1px solid var(--border-strong);background:var(--surface-raised);display:flex;flex-direction:column;overflow:hidden}.shp-visrow{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px}.shp-cta{display:flex;gap:8px;padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border)}.shp-cta button{flex:1}.sb-details{margin-top:var(--sp-1)}.sb-details summary{display:flex;align-items:center;justify-content:space-between;color:var(--fg);font-size:var(--fs-base);font-weight:500;cursor:pointer;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.sb-details summary:hover{background:var(--surface-2);border-color:var(--border-strong)}.sb-details summary::-webkit-details-marker{display:none}.sb-details summary:after{content:"▾";display:inline-block;color:var(--muted);font-size:11px;transition:transform var(--dur) var(--ease)}.sb-details[open] summary:after{transform:rotate(180deg)}.sb-details[open] summary{border-radius:var(--r-md) var(--r-md) 0 0;border-bottom-color:transparent}.sb-details-body{border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r-md) var(--r-md);padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}.sb-title{flex:1;font-size:var(--fs-md);font-weight:600;background:none;border:1px solid transparent;padding:6px 8px;border-radius:var(--r-sm)}.sb-title:hover,.sb-title:focus{border-color:var(--border-strong);background:var(--bg)}.sb-tabs{display:flex;gap:2px;padding:var(--sp-3) var(--sp-5) 0;border-bottom:1px solid var(--border)}.sb-tabs button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;color:var(--muted);font-size:var(--fs-sm);font-weight:600}.sb-tabs button.active{color:var(--fg);border-bottom-color:var(--blue)}.sb-body{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:10px}.sb-section{color:var(--muted);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:var(--sp-3)}.sb-section:first-child{margin-top:0}.sb-section-row{display:flex;align-items:center;justify-content:space-between}.sb-section-row .sb-section{margin-top:var(--sp-3)}.sb-section-row .mf-act{font-size:var(--fs-2xs);padding:3px 9px}.sb-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sb-lab{font-size:var(--fs-base);font-weight:500}.sb-sub{color:var(--muted);font-size:var(--fs-xs);margin-top:2px}.sb-linkrow{display:flex;gap:6px}.sb-linkrow input{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-2)}.sb-linkrow button{padding:7px 12px;font-size:var(--fs-xs);flex-shrink:0}.sb-passrow{display:flex;gap:6px}.sb-passrow input{flex:1;min-width:0}.sb-date{width:150px}.sb-event{display:flex;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border)}.sb-event-icon{width:22px;text-align:center}.share-row.revoked .tree-name{text-decoration:line-through;color:var(--muted)}.gp-shell{min-height:100vh;background:var(--bg);color:var(--fg);display:flex;flex-direction:column}.gp-center{align-items:center;justify-content:center;padding:var(--sp-6);background:radial-gradient(115% 60% at 50% -12%,color-mix(in srgb,var(--blue) 7%,transparent),transparent 62%),var(--bg)}.gp-lock{width:340px;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--elev-3);text-align:center;position:relative;overflow:hidden}.gp-lock:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:.7}.gp-lock h2{margin:0;font-family:var(--font-display)}.gp-lock p{margin:0;color:var(--muted);font-size:var(--fs-sm)}.gp-err{color:var(--red);font-size:var(--fs-xs)}.gp-gone{text-align:center;color:var(--muted)}.gp-gone .big{font-size:var(--fs-lg);font-weight:600;color:var(--fg);margin-bottom:6px}.gp-banner{width:100%;height:160px;flex-shrink:0;background:var(--surface-2) center/cover no-repeat}.gp-logo{width:64px;height:64px;object-fit:contain;margin:0 auto}.gp-logo.sm{width:34px;height:34px;margin:0}.gp-head{display:flex;align-items:center;gap:12px;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);background:var(--surface)}.gp-title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-md)}.gp-title.sm{font-family:var(--font-body);font-size:var(--fs-base);flex:1}.gp-sub{color:var(--muted);font-size:var(--fs-xs)}.gp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4);padding:var(--sp-6)}.gp-grid.list{grid-template-columns:1fr;max-width:760px}.gp-grid.reel{display:flex;overflow-x:auto;padding:var(--sp-6);gap:var(--sp-4);scroll-snap-type:x mandatory}.gp-grid.reel .gp-card{flex:0 0 340px;scroll-snap-align:start}.gp-grid.reel .gp-thumb{aspect-ratio:16/9}.gp-card{cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.gp-card:hover{border-color:var(--accent-line);transform:translateY(-1px)}.gp-thumb{aspect-ratio:16/9;background:#000 center/contain no-repeat;position:relative}.gp-thumb .badge{position:absolute;right:8px;bottom:8px;background:#000000c7;border-radius:var(--r-sm);padding:2px 7px;font-size:var(--fs-xs);font-family:var(--font-mono)}.gp-card-title{padding:10px 12px;font-weight:600;font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-player{flex:1;display:flex;min-height:0}.gp-stage-col{flex:1;display:flex;flex-direction:column;min-width:0;padding:var(--sp-4) var(--sp-5)}.gp-bar{display:flex;align-items:center;gap:12px;margin-bottom:var(--sp-3)}.gp-back{background:none;border:none;color:var(--muted);font-size:var(--fs-sm);padding:4px 8px}.gp-back:hover{color:var(--fg);background:var(--surface-2);border:none}.gp-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.gp-stage video{width:100%;height:100%;object-fit:contain;background:transparent;border-radius:var(--r-sm);cursor:pointer;outline:none;display:block}.gp-transport{display:flex;align-items:center;gap:10px;margin-top:var(--sp-3)}.gp-transport .pp-scrub{flex:1}.gp-tc{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-2)}.gp-comments{width:340px;border-left:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface)}.gp-cm-head{padding:var(--sp-4) var(--sp-4) var(--sp-2);font-weight:700;font-size:var(--fs-sm)}.gp-cm-list{flex:1;overflow-y:auto;padding:0 var(--sp-4)}.gp-cm{padding:10px 0;border-bottom:1px solid var(--border)}.gp-cm.reply{margin-left:16px;border-bottom:none;padding:6px 0 0}.gp-cm-meta{display:flex;align-items:center;gap:8px}.gp-cm-author{font-weight:600;font-size:var(--fs-sm)}.gp-cm-body{font-size:var(--fs-base);line-height:1.5;margin-top:3px;white-space:pre-wrap;word-break:break-word}.gp-composer{border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:8px}.gp-composer-row{display:flex;align-items:flex-start;gap:8px}.gp-composer textarea{flex:1;min-width:0;resize:none}.ap-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:260px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:10px;animation:popIn var(--dur) var(--ease);display:flex;flex-direction:column;gap:8px}.ap-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ap-lab{color:var(--fg-2);font-size:var(--fs-sm)}.ap-div{border-top:1px solid var(--border);margin:2px 0}.ap-seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden}.ap-seg button{border:none;border-radius:0;padding:4px 9px;font-size:var(--fs-xs);background:var(--surface);color:var(--muted)}.ap-seg button+button{border-left:1px solid var(--border-strong)}.ap-seg button.active{background:var(--accent-soft);color:var(--blue-glow)}.sort-btn .sort-field{color:var(--fg);font-weight:600}.sort-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:260px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:12px;animation:popIn var(--dur) var(--ease)}.sort-lab{color:var(--muted);font-size:var(--fs-xs);font-weight:600;margin-bottom:6px}.sort-select{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);font-size:var(--fs-sm)}.sort-select-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-picker{border:1px solid var(--blue);border-radius:var(--r-sm);overflow:hidden}.sort-search{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--muted)}.sort-search input{flex:1;min-width:0;border:none;background:none;padding:0;font-size:var(--fs-sm)}.sort-search input:focus{outline:none;box-shadow:none}.sort-list{max-height:240px;overflow-y:auto;padding:4px}.sort-list button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;background:none;padding:7px 8px;border-radius:var(--r-sm);font-size:var(--fs-sm)}.sort-list button:hover{background:var(--surface-2);border:none}.sort-list button.active{color:var(--blue-glow)}.sort-list .check{margin-left:auto}.sort-empty{color:var(--muted);font-size:var(--fs-sm);padding:10px;text-align:center}.sort-dir{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);font-size:var(--fs-sm)}.sort-dir:hover{border-color:var(--accent-line);background:var(--surface-2)}.toggle.sm{width:30px;height:18px}.toggle.sm .knob{width:12px;height:12px}.toggle.sm.on .knob{transform:translate(12px)}.fv-togglebtn{background:none;border:none;padding:2px 0;display:inline-flex}.fv-togglebtn:hover:not(:disabled){background:none;border:none}.fv-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px;border-radius:var(--r-full);border:1px solid transparent;background:var(--surface-2);font-size:var(--fs-xs);font-weight:600;color:var(--fg-2)}.fv-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.fv-av{width:16px;height:16px;border-radius:50%;background:var(--blue);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;object-fit:cover}.fv-menu{min-width:180px}.fv-editrow{display:flex;gap:6px;padding:6px}.fv-editrow input{flex:1;min-width:0;font-size:var(--fs-sm);padding:6px 8px}.fv-editrow button{padding:6px 10px;font-size:var(--fs-xs)}.fv-clear{display:block;width:100%;text-align:left;border:none;background:none;padding:7px 10px;border-top:1px solid var(--border);color:var(--muted);font-size:var(--fs-xs);border-radius:0}.fv-clear:hover{color:var(--red);background:var(--surface-2);border-color:var(--border)}.fv-stars{display:inline-flex;gap:1px}.fv-star{background:none;border:none;padding:0 1px;font-size:15px;color:var(--border-strong);line-height:1}.fv-star:hover:not(:disabled){background:none;border:none;color:var(--amber)}.fv-star.on{color:var(--amber)}.fm-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:250px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--elev-3);padding:6px;animation:popIn var(--dur) var(--ease)}.fm-search{display:flex;align-items:center;gap:7px;padding:6px 8px;margin-bottom:4px;border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--muted)}.fm-search input{flex:1;min-width:0;border:none;background:none;padding:0;font-size:var(--fs-sm)}.fm-search input:focus{outline:none;box-shadow:none}.fm-list{max-height:300px;overflow-y:auto}.fm-empty{color:var(--muted);font-size:var(--fs-sm);padding:10px 8px;text-align:center}.fm-group{color:var(--muted);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:8px 8px 4px}.fm-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--r-sm);font-size:var(--fs-sm)}.fm-row:hover{background:var(--surface-2)}.fm-icon{width:18px;text-align:center;color:var(--muted);font-size:12px;flex-shrink:0}.fm-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-always{color:var(--muted);font-size:var(--fs-2xs)}.fm-foot{display:flex;gap:6px;padding:8px 6px 2px;border-top:1px solid var(--border);margin-top:6px}.fm-foot button{flex:1;font-size:var(--fs-xs);padding:6px 8px}.modal.manage-fields{width:900px;max-width:94vw;height:620px;max-height:86vh;padding:0;display:flex;flex-direction:column}.mf-tag{font-size:var(--fs-2xs);color:var(--blue-glow);background:var(--accent-soft);border-radius:var(--r-sm);padding:1px 6px;margin-left:6px}.mf-sub{color:var(--muted);font-size:var(--fs-xs)}.mf-act{padding:4px 10px;font-size:var(--fs-xs)}.mf-act.danger:hover{border-color:var(--red);color:var(--red)}.mf-lab{display:block;color:var(--muted);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:var(--sp-3);margin-bottom:6px}.mf-types{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mf-type{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:var(--fs-sm);text-align:left}.mf-type.active{border-color:var(--blue);background:var(--accent-soft)}.mf-optrow{display:flex;align-items:center;gap:8px;margin-bottom:6px}.mf-optrow input{flex:1;min-width:0}.mf-swatches{display:flex;gap:3px;flex-shrink:0}.mf-swatch{width:16px;height:16px;border-radius:50%;padding:0;border:2px solid transparent}.mf-swatch.active{border-color:var(--fg)}.mf-global{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--fg-2);margin-top:var(--sp-2)}.mf-global input{width:auto}.mfx-body{flex:1;display:flex;min-height:0}.mfx-sidebar{width:190px;flex-shrink:0;border-right:1px solid var(--border);padding:var(--sp-3);overflow-y:auto}.mfx-side-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;color:var(--fg-2)}.mfx-side-item:hover{background:var(--surface-2);border:none}.mfx-side-item.active{background:var(--accent-soft);color:var(--blue-glow)}.mfx-side-label{color:var(--muted);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:14px 10px 4px}.mfx-side-info{margin-left:auto;color:var(--muted);flex-shrink:0;cursor:help}.mfx-middle{width:280px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.mfx-middle-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-3) 0}.mfx-middle .fm-search{margin:var(--sp-2) var(--sp-3) 0}.mfx-middle-list{flex:1;overflow-y:auto;padding:6px}.mfx-list-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;background:none;padding:8px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600}.mfx-list-item:hover{background:var(--surface-2);border:none}.mfx-list-item.active{background:var(--accent-soft);color:var(--blue-glow)}.mfx-right{flex:1;min-width:0;overflow-y:auto;padding:var(--sp-5)}.mfx-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:var(--fs-sm);text-align:center}.mfx-editor-head{display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-2)}.fm-icon.big{width:34px;height:34px;border-radius:var(--r-md);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.mfx-editor-title{font-size:var(--fs-md);font-weight:700}.mfx-editor-foot{display:flex;align-items:center;gap:8px;margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border)}.mfx-static p.mf-sub{line-height:1.5;margin:6px 0 0}.mfx-static-opt{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:var(--fs-sm)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn var(--dur) var(--ease)}.modal{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-5);width:388px;box-shadow:var(--elev-3);animation:popIn var(--dur) var(--ease)}.modal h3{margin:0 0 var(--sp-4);font-size:var(--fs-md)}.modal form{display:flex;flex-direction:column;gap:var(--sp-3)}.modal .row{display:flex;gap:10px;justify-content:flex-end}.toast-wrap{position:fixed;bottom:var(--sp-5);left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:10px var(--sp-4);box-shadow:var(--elev-3);font-size:var(--fs-base);font-weight:500;animation:slideUp var(--dur) var(--ease-spring);pointer-events:auto}.toast .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.toast.success .dot{background:var(--green)}.toast.error .dot{background:var(--red)}.toast.info .dot{background:var(--blue-glow)}