.op-root{--bg-page:#f1efeb;--bg-app:#f7f6f3;--bg-surface:#ffffff;--bg-muted:#faf9f6;--bg-hover:#f1efea;--bg-active:#ecebe5;--bg-tint:#f6f5f1;--op-border:#e7e5df;--op-border-strong:#d4d1c8;--text:#1a1a17;--text-2:#5e5c55;--text-3:#94918a;--text-4:#b9b5ac;--red:oklch(0.55 0.23 27);--red-bg:oklch(0.95 0.05 27);--orange:oklch(0.64 0.20 47);--orange-bg:oklch(0.95 0.07 55);--amber:oklch(0.72 0.17 75);--amber-bg:oklch(0.95 0.09 82);--green:oklch(0.55 0.15 150);--green-bg:oklch(0.95 0.06 150);--blue:oklch(0.52 0.16 248);--blue-bg:oklch(0.95 0.05 248);--gray-bg:oklch(0.96 0.005 95);--font-sans:var(--font-geist),ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,monospace;--radius-op:10px;--radius-op-sm:6px;--radius-op-lg:14px;font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}.op-root *,.op-root :after,.op-root :before{box-sizing:border-box}.op-shell{display:grid;grid-template-columns:248px 1fr;height:100vh;height:100dvh;background:var(--bg-app);overflow:hidden}.op-shell.collapsed{grid-template-columns:1fr}.op-root .sidebar{background:var(--brand-sidebar-bg,var(--bg-surface));border-right:1px solid var(--op-border);display:flex;flex-direction:column;height:100%;min-height:0}.op-root .sb-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;text-decoration:none;color:var(--text)}.op-root .sb-brand .mark{width:28px;height:28px;border-radius:8px;background:var(--text);color:var(--bg-surface);display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:-.02em}.op-root .sb-brand .wordmark{font-weight:600;letter-spacing:-.02em;font-size:15px}.op-root .sb-prop{margin:0 12px 14px;border:1px solid var(--op-border);border-radius:var(--radius-op);padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;background:var(--bg-surface);width:calc(100% - 24px);text-align:left}.op-root .sb-prop:hover{background:var(--bg-hover)}.op-root .sb-prop .thumb{width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#d8d4ca,#b9b3a4);flex:0 0 32px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);overflow:hidden}.op-root .sb-prop .thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.op-root .sb-prop-mini{width:22px;height:22px;flex:0 0 22px;border-radius:5px;background:linear-gradient(135deg,#d8d4ca,#b9b3a4);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);overflow:hidden;display:inline-block}.op-root .sb-prop-mini img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.op-root .sb-prop .ptext{min-width:0;flex:1}.op-root .sb-prop .pname{font-weight:600;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-root .sb-prop .pmeta{font-size:11px;color:var(--text-3);margin-top:2px}.op-root .sb-prop .chev{color:var(--text-3);display:grid;place-items:center}.op-root .sb-prop .chev svg{width:14px;height:14px}.op-root .sb-search{margin:0 12px 12px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-muted);border:1px solid var(--op-border);border-radius:var(--radius-op);color:var(--text-3);font-size:13px;width:calc(100% - 24px);cursor:text}.op-root .sb-search .kbd{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;background:var(--bg-surface);border:1px solid var(--op-border);padding:1px 5px;border-radius:4px;color:var(--text-2)}.op-root .sb-search svg{width:14px;height:14px}.op-root .sb-nav{padding:4px 8px;display:flex;flex-direction:column;gap:1px;overflow-y:auto;flex:1;min-height:0}.op-root .sb-group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;padding:14px 10px 6px}.op-root .sb-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-op-sm);font-size:13px;color:var(--text);cursor:pointer;position:relative;text-decoration:none}.op-root .sb-item:hover{background:var(--bg-hover)}.op-root .sb-item svg{width:16px;height:16px;color:var(--text-2);flex:0 0 16px}.op-root .sb-item.active{background:var(--bg-active);font-weight:600}.op-root .sb-item.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:2px;background:var(--text);border-radius:0 2px 2px 0}.op-root .sb-item.active svg{color:var(--text)}.op-root .sb-item .count{margin-left:auto;font-family:var(--font-mono);font-size:11px;background:var(--bg-surface);border:1px solid var(--op-border);padding:1px 6px;border-radius:4px;color:var(--text-2)}.op-root .sb-item .count.alert{background:var(--red-bg);border-color:color-mix(in oklch,var(--red),white 70%);color:var(--red)}.op-root .sb-foot{border-top:1px solid var(--op-border);padding:12px;display:flex;align-items:center;gap:10px}.op-root .sb-foot .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#b9b3a4,#8a8478);flex:0 0 30px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);color:white;display:grid;place-items:center;font-size:12px;font-weight:600;overflow:hidden}.op-root .sb-foot .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-root .sb-foot .who{font-size:13px;font-weight:500;line-height:1.2;min-width:0;flex:1;overflow:hidden}.op-root .sb-foot .who small{color:var(--text-3);font-size:11px;font-weight:400;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-root .sb-foot .iconbtn{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;color:var(--text-2);background:transparent;border:none;cursor:pointer}.op-root .sb-foot .iconbtn:hover{background:var(--bg-hover);color:var(--text)}.op-root .sb-foot .iconbtn svg{width:16px;height:16px}.op-sidebar-scrim{display:none}@media (max-width:1023px){.op-shell{grid-template-columns:1fr}.op-root .sidebar{position:fixed;inset:0 auto 0 0;width:248px;z-index:60;transform:translateX(-100%);transition:transform .2s ease;box-shadow:0 24px 48px -24px rgba(0,0,0,.3)}.op-root .sidebar.open{transform:translateX(0)}.op-sidebar-scrim.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:55}}.op-root .topbar{position:absolute;top:0;left:0;right:0;z-index:30;height:56px;background:var(--brand-header-bg,var(--bg-surface));border-bottom:1px solid var(--op-border);display:flex;align-items:center;padding:0 24px;gap:16px}.op-root .topbar .menu-btn{display:none}@media (max-width:1023px){.op-root .topbar .menu-btn{display:grid}}.op-root .crumbs{font-size:13px;color:var(--text-2);display:flex;align-items:center;gap:8px;min-width:0}.op-root .crumbs b{color:var(--text);font-weight:600}.op-root .crumbs .sep{color:var(--text-4)}.op-root .crumbs a{color:var(--text-2);text-decoration:none}.op-root .crumbs a:hover{color:var(--text)}.op-root .top-search{flex:1;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--op-border);border-radius:8px;background:var(--bg-muted);color:var(--text-3);font-size:13px;cursor:text}.op-root .top-search svg{width:14px;height:14px}.op-root .top-search .kbd{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;background:var(--bg-surface);border:1px solid var(--op-border);padding:1px 5px;border-radius:4px;color:var(--text-2)}.op-root .top-actions{display:flex;align-items:center;gap:6px}.op-root .iconbtn{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--text-2);cursor:pointer;background:transparent;border:none;position:relative}.op-root .iconbtn:hover{background:var(--bg-hover);color:var(--text)}.op-root .iconbtn svg{width:16px;height:16px}.op-root .iconbtn .ping{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--bg-surface)}.op-root .btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;font-family:var(--font-sans);font-weight:500;font-size:13px;border:1px solid transparent;cursor:pointer;background:transparent;color:var(--text);text-decoration:none;white-space:nowrap}.op-root .btn svg{width:14px;height:14px}.op-root .btn.primary{background:var(--brand-primary,var(--text));color:var(--bg-surface);border-color:var(--brand-primary,var(--text))}.op-root .btn.primary:hover{filter:brightness(.92)}.op-root .btn.ghost{color:var(--text);border-color:var(--op-border);background:var(--bg-surface)}.op-root .btn.ghost:hover{background:var(--bg-hover)}.op-root .btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:7px}.op-root .btn:disabled{opacity:.5;cursor:not-allowed}.op-root .main{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.op-root .main-scroll{flex:1;overflow:auto;padding:84px 36px 40px;background:var(--brand-main-bg,var(--bg-app))}.op-root .op-container{max-width:1200px;margin:0 auto}@media (max-width:767px){.op-root .main-scroll{padding:76px 16px 32px}}.op-root .ph-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px;flex-wrap:wrap}.op-root .ph-row h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:10px}.op-root .ph-row h2 .cnt{font-family:var(--font-mono);font-size:13px;color:var(--text-3);font-weight:500;padding:2px 8px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--op-border)}.op-root .ph-row .sub{color:var(--text-2);font-size:14px;margin-top:4px}.op-root .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media (max-width:900px){.op-root .kpis{grid-template-columns:repeat(2,1fr)}}.op-root .kpi{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);padding:12px 14px;display:flex;align-items:center;gap:12px}.op-root .kpi .ico-box{width:32px;height:32px;border-radius:8px;background:var(--bg-tint);display:grid;place-items:center;color:var(--text-2);flex:0 0 32px}.op-root .kpi .ico-box svg{width:16px;height:16px}.op-root .kpi.alert .ico-box{background:var(--red-bg);color:var(--red)}.op-root .kpi.warn .ico-box{background:var(--amber-bg);color:var(--amber)}.op-root .kpi.ok .ico-box{background:var(--green-bg);color:var(--green)}.op-root .kpi .lbl{color:var(--text-3);font-size:12px;line-height:1.2}.op-root .kpi .val{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.op-root .kpi.alert .val{color:var(--red)}.op-root .toolbar{display:flex;align-items:center;gap:12px;margin:18px 0 14px;flex-wrap:wrap}.op-root .view-tabs{display:inline-flex;gap:2px;background:var(--bg-surface);border:1px solid var(--op-border);padding:4px;border-radius:10px}.op-root .vt{border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-weight:500;font-size:13px;padding:7px 12px;border-radius:7px;color:var(--text-2);display:inline-flex;align-items:center;gap:6px}.op-root .vt:hover{color:var(--text)}.op-root .vt.active{background:var(--text);color:var(--bg-surface)}.op-root .vt svg{width:14px;height:14px}.op-root .filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.op-root .filter-chip{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:8px;cursor:pointer;color:var(--text);font-family:var(--font-sans)}.op-root .filter-chip .lbl{color:var(--text-3)}.op-root .filter-chip:hover{background:var(--bg-hover)}.op-root .filter-chip svg{width:12px;height:12px;color:var(--text-3)}.op-root .toolbar .grow{flex:1}.op-root .inline-search{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--op-border);border-radius:8px;background:var(--bg-surface);color:var(--text-3);font-size:13px;min-width:220px}.op-root .inline-search svg{width:14px;height:14px;flex:0 0 14px}.op-root .inline-search input{border:none;background:transparent;outline:none;font-family:var(--font-sans);font-size:13px;color:var(--text);width:100%}.op-root .inline-search input::-moz-placeholder{color:var(--text-3)}.op-root .inline-search input::placeholder{color:var(--text-3)}.op-root .check{width:18px;height:18px;border:1.5px solid var(--op-border-strong);border-radius:5px;background:var(--bg-surface);display:grid;place-items:center;cursor:pointer;flex:0 0 18px;padding:0}.op-root .check[data-state=checked]{background:var(--text);border-color:var(--text);color:var(--bg-surface)}.op-root .check[data-state=checked]:after{content:"";width:9px;height:5px;border-left:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg) translate(1px,-1px)}.op-root .check[data-state=partial]:after{content:"";width:8px;height:2px;background:var(--text);border-radius:1px}.op-root .proj-list{display:flex;flex-direction:column;gap:25px}.op-root .proj-card{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:12px;overflow:hidden}.op-root .proj-card.expanded{box-shadow:0 1px 0 rgba(0,0,0,.02),0 8px 20px -12px rgba(0,0,0,.1)}.op-root .proj-head{display:flex;align-items:center;gap:14px;padding:12px 18px;cursor:pointer}.op-root .proj-card.expanded .proj-head{border-bottom:1px solid var(--op-border);background:var(--bg-muted)}.op-root .proj-card.sel{box-shadow:inset 3px 0 0 var(--text)}.op-root .badge-done{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--green-bg);color:var(--green);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex:0 0 auto}.op-root .badge-done svg{width:10px;height:10px}.op-root .proj-card.sel .proj-head{background:var(--bg-active)}.op-root .proj-head .chev{color:var(--text-3);display:grid;place-items:center;align-self:center;flex:0 0 16px}.op-root .proj-head .chev svg{width:16px;height:16px;transition:transform .15s ease}.op-root .proj-card.expanded .proj-head .chev svg{transform:rotate(90deg)}.op-root .proj-head .ph-thumb{align-self:center;width:41px;height:41px;min-width:0;flex:0 0 41px;border-radius:8px}.op-root .ph-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0}.op-root .phc-row{display:flex;align-items:center;gap:10px;min-width:0;line-height:1.2;min-height:20px}.op-root .ph-r1 .ph-title{font-weight:600;font-size:14px;letter-spacing:-.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-root .ph-r1 .ph-prog{display:flex;align-items:center;gap:8px;width:240px;flex:0 0 240px;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.op-root .ph-prog .ph-prog-c{white-space:nowrap}.op-root .ph-prog .ph-prog-pct{white-space:nowrap;color:var(--text-2);font-weight:500}.op-root .ph-prog .ph-prog-bar{flex:1;height:6px;background:var(--op-border-strong);border-radius:999px;overflow:hidden}.op-root .ph-prog .ph-prog-bar>div{height:100%;background:var(--text);border-radius:999px}.op-root .ph-prog .ph-prog-bar>div.warn{background:var(--amber)}.op-root .ph-prog .ph-prog-bar>div.ok{background:var(--green)}.op-root .ph-r2{color:var(--text-3);font-size:12.5px;flex-wrap:wrap}.op-root .ph-meta-item{display:inline-flex;align-items:center;gap:4px}.op-root .ph-meta-item svg{width:12px;height:12px}.op-root .ph-sep{color:var(--text-4)}.op-root .ph-due{font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.op-root .ph-due.over{color:var(--red);font-weight:500}.op-root .ph-r2 .ph-av{margin-left:auto}.op-root .ph-r2 .ph-open{flex:0 0 auto}@media (max-width:760px){.op-root .proj-head .ph-r1 .ph-prog{display:none}}.op-root .progress{display:flex;flex-direction:column;gap:4px}.op-root .progress .bar{height:6px;background:var(--op-border-strong);border-radius:999px;overflow:hidden}.op-root .progress .bar>div{height:100%;background:var(--text);border-radius:999px}.op-root .progress .bar>div.warn{background:var(--amber)}.op-root .progress .bar>div.ok{background:var(--green)}.op-root .progress .plabel{font-family:var(--font-mono);font-size:11px;color:var(--text-3);display:flex;justify-content:space-between}.op-root .due-stamp{font-family:var(--font-mono);font-size:12px;color:var(--text-2);text-align:right}.op-root .due-stamp.over{color:var(--red);font-weight:500}.op-root .due-stamp small{color:var(--text-3);font-size:10.5px;display:block}.op-root .avstack{display:flex;align-items:center}.op-root .avstack>div{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#c8c2b3,#8a8478);border:2px solid var(--bg-surface);margin-left:-8px;display:grid;place-items:center;color:white;font-size:10px;font-weight:600;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.op-root .avstack>div:first-child{margin-left:0}.op-root .avstack .extra{background:var(--bg-active);color:var(--text-2)}.op-root .status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid;text-transform:uppercase;letter-spacing:.04em}.op-root .status-pill .dotc{width:6px;height:6px;border-radius:50%;background:currentColor}.op-root .s-planning{color:var(--text-2);background:var(--gray-bg);border-color:var(--op-border-strong)}.op-root .s-progress{color:var(--blue);background:var(--blue-bg)}.op-root .s-hold{color:var(--amber);background:var(--amber-bg)}.op-root .s-done{color:var(--green);background:var(--green-bg)}.op-root .s-cancel{color:var(--text-3);background:var(--gray-bg);border-color:var(--op-border-strong)}.op-root .task-body{padding:0 0 4px}.op-root .task-body>:first-child{border-top:none}.op-root .task-row{display:grid;grid-template-columns:18px 1fr 90px 110px 80px 28px;gap:12px;align-items:center;padding:10px 18px 10px 50px;border-top:1px solid var(--op-border);font-size:13.5px;position:relative}@media (max-width:900px){.op-root .task-row{grid-template-columns:18px 1fr 80px 28px;padding-left:24px}.op-root .task-row .pri,.op-root .task-row .single-av{display:none}}.op-root .task-row:hover{background:var(--bg-hover)}.op-root .task-row.done .ttitle{text-decoration:line-through;color:var(--text-3)}.op-root .task-row.done .meta-line{color:var(--text-4)}.op-root .task-row .ttitle{font-weight:500;line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-root .task-row .ttitle .substag{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);padding:1px 6px;background:var(--bg-active);border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;border:none}.op-root .task-row .ttitle .substag svg{width:9px;height:9px}.op-root .task-row .meta-line{color:var(--text-3);font-size:12px;margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.op-root .task-row .meta-line svg{width:11px;height:11px}.op-root .task-row .due{font-family:var(--font-mono);font-size:12px;color:var(--text-2);text-align:right}.op-root .task-row .due.over{color:var(--red);font-weight:500}.op-root .task-row .due.soon{color:var(--amber);font-weight:500}.op-root .task-row .single-av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#c8c2b3,#8a8478);color:white;display:grid;place-items:center;font-size:9.5px;font-weight:600}.op-root .task-row .single-av.none{background:var(--bg-active);color:var(--text-3);font-weight:500}.op-root .task-row .single-av{overflow:hidden}.op-root .task-row .single-av img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.op-root .proj-thumb{width:40px;height:40px;flex:0 0 40px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#d8d4ca,#b9b3a4);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.op-root .proj-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.op-root .sub-av{width:18px;height:18px;flex:0 0 18px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#c8c2b3,#8a8478);color:#fff;display:inline-grid;place-items:center;font-size:8.5px;font-weight:600;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.op-root .sub-av.none{background:var(--bg-active);color:var(--text-3)}.op-root .sub-av img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.op-root .task-row .row-act{color:var(--text-3);display:grid;place-items:center;cursor:pointer;background:transparent;border:none}.op-root .task-row .row-act:hover{color:var(--text)}.op-root .task-row .row-act svg{width:16px;height:16px}.op-root .subtask-zone{background:var(--bg-muted);border-top:1px solid var(--op-border)}.op-root .subtask-row{display:grid;grid-template-columns:16px 1fr 90px 28px;gap:12px;align-items:center;padding:8px 18px 8px 86px;border-top:1px solid var(--op-border);font-size:12.5px;color:var(--text-2)}@media (max-width:900px){.op-root .subtask-row{padding-left:44px}}.op-root .subtask-row:first-child{border-top:none}.op-root .subtask-row .check{width:16px;height:16px;border-radius:4px;flex:0 0 16px}.op-root .subtask-row .check[data-state=checked]:after{width:8px;height:4px;transform:rotate(-45deg) translate(1px,-1px)}.op-root .subtask-row.done .stitle{text-decoration:line-through;color:var(--text-4)}.op-root .subtask-row .stitle{min-width:0}.op-root .subtask-row .due{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);text-align:right}.op-root .subtask-row .due.soon{color:var(--amber);font-weight:500}.op-root .task-add{display:flex;align-items:center;gap:8px;padding:10px 18px 10px 50px;color:var(--text-3);font-size:13px;cursor:pointer;background:transparent;border:none;border-top:1px dashed var(--op-border);width:100%;font-family:var(--font-sans);text-align:left}.op-root .task-add:hover{color:var(--text);background:var(--bg-hover)}.op-root .task-add svg{width:14px;height:14px}.op-root .subtask-add{padding:6px 18px 8px 86px}@media (max-width:900px){.op-root .task-add{padding-left:24px}.op-root .subtask-add{padding-left:44px}}.op-root .add-input{display:flex;align-items:center;gap:8px;padding:10px 18px 10px 50px;border-top:1px dashed var(--op-border)}.op-root .subtask-add-input{padding-left:86px;background:var(--bg-muted)}.op-root .add-input input{flex:1;border:1px solid var(--op-border);border-radius:6px;padding:6px 10px;font-family:var(--font-sans);font-size:13px;color:var(--text);background:var(--bg-surface);outline:none}.op-root .add-input input:focus{border-color:var(--op-border-strong)}.op-root .task-editor{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 18px 10px 50px;border-top:1px dashed var(--op-border);background:var(--bg-muted)}.op-root .task-editor.sub{padding-left:86px}@media (max-width:900px){.op-root .task-editor{padding-left:24px}.op-root .task-editor.sub{padding-left:44px}}.op-root .task-editor input[type=date],.op-root .task-editor input[type=text],.op-root .task-editor select{font-family:var(--font-sans);font-size:13px;color:var(--text);background:var(--bg-surface);border:1px solid var(--op-border);border-radius:6px;padding:6px 8px;outline:none;height:32px}.op-root .task-editor input[type=text]{flex:1;min-width:180px}.op-root .task-editor input:focus,.op-root .task-editor select:focus{border-color:var(--op-border-strong)}.op-root .task-editor .te-actions{display:flex;gap:6px;margin-left:auto}.op-root .task-editor .te-del{color:var(--red);border-color:color-mix(in oklch,var(--red),white 60%)}.op-root .task-editor .te-del:hover{background:var(--red-bg)}.op-root .pri{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent;white-space:nowrap}.op-root .pri .ddot{width:5px;height:5px;border-radius:50%;background:currentColor}.op-root .pri-urgent{background:var(--red);color:#fff;border-color:var(--red)}.op-root .pri-high{background:var(--orange);color:#fff;border-color:var(--orange)}.op-root .pri-medium{background:var(--amber-bg);color:color-mix(in oklch,var(--amber),black 28%);border-color:var(--amber)}.op-root .pri-low{background:var(--gray-bg);color:var(--text-2);border-color:var(--op-border-strong)}.op-root .inbox-group{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);margin-bottom:12px;overflow:hidden}.op-root .group-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--op-border);background:var(--bg-muted)}.op-root .group-head .lhs{display:flex;align-items:center;gap:10px}.op-root .group-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid}.op-root .group-pill .dotc{width:6px;height:6px;border-radius:50%;background:currentColor}.op-root .gp-red{color:var(--red);background:var(--red-bg)}.op-root .gp-amber{color:var(--amber);background:var(--amber-bg)}.op-root .gp-blue{color:var(--blue);background:var(--blue-bg)}.op-root .gp-gray{color:var(--text-3);background:var(--gray-bg);border-color:var(--op-border-strong)}.op-root .group-head .gmeta{font-size:12px;color:var(--text-3);font-family:var(--font-mono)}.op-root .inbox-task{display:grid;grid-template-columns:18px 4px 1fr 170px 110px 40px;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid var(--op-border);position:relative}@media (max-width:900px){.op-root .inbox-task{grid-template-columns:18px 4px 1fr 80px 40px}.op-root .inbox-task .assignee-cell{display:none}}.op-root .inbox-task:first-child{border-top:none}.op-root .inbox-task:hover{background:var(--bg-hover)}.op-root .inbox-task .bar{width:4px;height:36px;border-radius:2px;background:var(--text-4)}.op-root .inbox-task.urgent .bar{background:var(--red)}.op-root .inbox-task.high .bar{background:var(--orange)}.op-root .inbox-task.medium .bar{background:var(--amber)}.op-root .inbox-task.low .bar{background:var(--text-4)}.op-root .inbox-task.done .ititle{text-decoration:line-through;color:var(--text-3)}.op-root .inbox-task .ititle{font-weight:600;font-size:14px;line-height:1.25}.op-root .inbox-task .sub-meta{display:flex;gap:8px;align-items:center;color:var(--text-2);font-size:12.5px;margin-top:4px;flex-wrap:wrap}.op-root .inbox-task .sub-meta svg{width:12px;height:12px;color:var(--text-3)}.op-root .inbox-task .sub-meta .sep{color:var(--text-4)}.op-root .inbox-task .sub-meta .proj-link{color:var(--text);font-weight:500}.op-root .inbox-task .sub-meta .sub-indicator{font-family:var(--font-mono);font-size:11px;color:var(--text-3);padding:1px 6px;background:var(--bg-active);border-radius:999px}.op-root .inbox-task .assignee-cell{display:flex;gap:6px;align-items:center;color:var(--text-2);font-size:12.5px}.op-root .inbox-task .assignee-cell svg{width:12px;height:12px;color:var(--text-3)}.op-root .inbox-task .duewrap{text-align:right}.op-root .inbox-task .duewrap .big{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text)}.op-root .inbox-task .duewrap .small{font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-top:2px}.op-root .inbox-task.over .duewrap .big{color:var(--red)}.op-root .inbox-task.soon .duewrap .big{color:var(--amber)}.op-root .kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:1100px){.op-root .kanban{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.op-root .kanban{grid-template-columns:1fr}}.op-root .kban-col{background:var(--bg-tint);border:1px solid var(--op-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:480px}.op-root .kban-col.drag-over{border-color:var(--op-border-strong);background:var(--bg-active)}.op-root .kban-col-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px;border-bottom:1px solid var(--op-border)}.op-root .kban-col-head .lhs{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.op-root .kban-col-head .cnt{font-family:var(--font-mono);font-size:11px;color:var(--text-3);padding:1px 6px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--op-border)}.op-root .kban-col-head .dotc{width:8px;height:8px;border-radius:50%}.op-root .kban-col-head .dotc.planning{background:var(--text-3)}.op-root .kban-col-head .dotc.progress{background:var(--blue)}.op-root .kban-col-head .dotc.hold{background:var(--amber)}.op-root .kban-col-head .dotc.done{background:var(--green)}.op-root .kban-card{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;cursor:grab;box-shadow:0 1px 0 rgba(0,0,0,.02);position:relative;text-decoration:none;color:var(--text)}.op-root .kban-card:hover{border-color:var(--op-border-strong)}.op-root .kban-card.dragging{opacity:.4}.op-root .kban-card .top-row{justify-content:space-between;font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.op-root .kban-card .top-row,.op-root .kban-card .top-row .left{display:flex;align-items:center;gap:8px}.op-root .kban-card .top-row .pri{font-family:var(--font-sans)}.op-root .kban-card .ktitle{font-weight:600;font-size:13.5px;line-height:1.3;letter-spacing:-.01em}.op-root .kban-card.done .ktitle{text-decoration:line-through;color:var(--text-2)}.op-root .kban-card .prop-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-2)}.op-root .kban-card .prop-chip svg{width:11px;height:11px}.op-root .kban-card .bar-row{display:flex;align-items:center;gap:8px}.op-root .kban-card .bar-row .bar{flex:1;height:4px;background:var(--bg-active);border-radius:999px;overflow:hidden}.op-root .kban-card .bar-row .bar>div{height:100%;background:var(--text);border-radius:999px}.op-root .kban-card .bar-row .bar>div.ok{background:var(--green)}.op-root .kban-card .bar-row .bar>div.warn{background:var(--amber)}.op-root .kban-card .bar-row .pct{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.op-root .kban-card .foot{display:flex;align-items:center;justify-content:space-between}.op-root .kban-card .foot .due{font-family:var(--font-mono);font-size:11px;color:var(--text-2);display:inline-flex;align-items:center;gap:4px}.op-root .kban-card .foot .due svg{width:11px;height:11px}.op-root .kban-card .foot .due.over{color:var(--red);font-weight:500}.op-root .kban-card .alerts{display:flex;gap:4px;flex-wrap:wrap}.op-root .kban-card .mini-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:1px 6px;border-radius:4px;background:var(--red-bg);color:var(--red)}.op-root .kban-card .mini-pill.amber{background:var(--amber-bg);color:var(--amber)}.op-root .kban-card .mini-pill svg{width:10px;height:10px}.op-root .kban-add{display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--op-border-strong);border-radius:10px;padding:10px;color:var(--text-3);font-size:12.5px;cursor:pointer;text-decoration:none;background:transparent}.op-root .kban-add:hover{color:var(--text);background:var(--bg-surface)}.op-root .kban-add svg{width:13px;height:13px}.op-root .kban-empty{font-family:var(--font-mono);font-size:11px;color:var(--text-3);text-align:center;padding:16px 8px;line-height:1.6}.op-root .op-empty{text-align:center;padding:64px 16px;color:var(--text-3);font-size:14px}.op-root .op-spinner{width:28px;height:28px;border:3px solid var(--op-border);border-top-color:var(--text);border-radius:50%;animation:op-spin .7s linear infinite;margin:0 auto 14px}.op-root .op-loading .op-spinner{width:18px;height:18px;border-width:2px;margin:0}@keyframes op-spin{to{transform:rotate(1turn)}}.op-root .empty-card{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:12px;padding:56px 24px;text-align:center}.op-root .empty-card svg{width:36px;height:36px;color:var(--text-3);margin-bottom:12px}.op-root .empty-card p{color:var(--text-2);font-size:14px;margin:0 0 16px}.op-root .pd-banner{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;margin-bottom:16px;display:block}.op-root .pd-banner,.op-root .pd-head{border:1px solid var(--op-border);border-radius:14px}.op-root .pd-head{background:var(--bg-surface);padding:20px 22px;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.op-root .pd-thumb{width:56px;height:56px;border-radius:10px;flex:0 0 56px;overflow:hidden;background:linear-gradient(135deg,#d8d4ca,#b9b3a4);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.op-root .pd-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.op-root .op-projthumb{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;color:rgba(255,255,255,.92)}.op-root .op-projthumb[data-variant=image] img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.op-root .op-projthumb[data-variant=icon-image],.op-root .op-projthumb[data-variant=icon],.op-root .op-projthumb[data-variant=placeholder]{background:transparent}.op-root .op-projthumb[data-variant=icon] svg,.op-root .op-projthumb[data-variant=placeholder] svg{width:60%;height:60%;stroke-width:1.6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.op-root .op-projthumb[data-variant=placeholder] svg{opacity:.7;filter:none}.op-root .op-projthumb[data-variant=icon-image] img{width:78%;height:78%;-o-object-fit:cover;object-fit:cover;border-radius:6px;display:block}.op-root .pd-main{flex:1;min-width:220px}.op-root .pd-title{font-size:22px;font-weight:600;letter-spacing:-.02em;gap:10px}.op-root .pd-meta,.op-root .pd-title{display:flex;align-items:center;flex-wrap:wrap}.op-root .pd-meta{color:var(--text-3);font-size:13px;margin-top:6px;gap:8px}.op-root .pd-meta svg{width:13px;height:13px}.op-root .pd-meta .sep{color:var(--text-4)}.op-root .pd-desc{color:var(--text-2);font-size:14px;line-height:1.55;margin-top:14px;white-space:pre-wrap}.op-root .pd-actions{display:flex;gap:8px;flex:0 0 auto}.op-root .pd-progress{margin-top:16px;max-width:340px}.op-root .pd-section-title{font-size:15px;font-weight:600;margin:26px 0 10px}.op-root .pd-card{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:14px;overflow:hidden}.op-root .pd-team-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--op-border)}.op-root .pd-team-row:first-child{border-top:none}.op-root .pd-team-av{width:32px;height:32px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#c8c2b3,#8a8478);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex:0 0 32px}.op-root .pd-team-av img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-root .pd-team-row .who{flex:1;min-width:0}.op-root .pd-team-row .who b{font-size:13px;font-weight:600;display:block}.op-root .pd-team-row .who small{color:var(--text-3);font-size:12px}.op-root .pd-team-add{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--op-border);background:var(--bg-muted)}.op-root .pd-team-add select{flex:1;font-family:var(--font-sans);font-size:13px;border:1px solid var(--op-border);border-radius:6px;padding:7px 8px;background:var(--bg-surface);color:var(--text)}.op-root .pd-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.op-root .pd-files a{font-size:12.5px;color:var(--text-2);border:1px solid var(--op-border);border-radius:8px;padding:6px 10px;text-decoration:none;background:var(--bg-surface);display:inline-flex;align-items:center;gap:6px}.op-root .pd-files a:hover{background:var(--bg-hover);color:var(--text)}.op-root .subtask-row.selected,.op-root .task-row.selected{background:var(--bg-active);box-shadow:inset 3px 0 0 var(--text)}.op-root .pd-split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}@media (max-width:1000px){.op-root .pd-split{grid-template-columns:1fr}}.op-root .pd-pane{position:sticky;top:12px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:14px;max-height:calc(100vh - 120px);overflow:auto}.op-root .pd-pane-empty{display:grid;place-items:center;min-height:280px;color:var(--text-3);font-size:13px;text-align:center;padding:40px 20px}.op-root .pd-pane-head{padding:16px 18px;border-bottom:1px solid var(--op-border)}.op-root .pd-pane-head .top{display:flex;align-items:center;justify-content:space-between;gap:10px}.op-root .pd-pane-title{width:100%;display:block;font-family:var(--font-sans);font-size:16px;font-weight:600;line-height:1.35;color:var(--text);border:1px solid transparent;background:transparent;border-radius:6px;padding:4px 6px;margin:8px 0 0 -6px;outline:none;resize:none;overflow:hidden;word-break:break-word;white-space:pre-wrap}.op-root .pd-pane-title:hover{background:var(--bg-hover)}.op-root .pd-pane-title:focus{background:var(--bg-surface);border-color:var(--op-border-strong)}.op-root .pd-pane-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.op-root .pd-pane-body{padding:16px 18px;display:flex;flex-direction:column;gap:18px}.op-root .pd-field-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.op-root .pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.op-root .pd-grid input[type=date],.op-root .pd-grid select,.op-root .pd-pane textarea{font-family:var(--font-sans);font-size:13px;color:var(--text);background:var(--bg-muted);border:1px solid var(--op-border);border-radius:8px;padding:8px 10px;outline:none;width:100%}.op-root .pd-pane textarea{min-height:90px;resize:vertical;line-height:1.5}.op-root .pd-grid input:focus,.op-root .pd-grid select:focus,.op-root .pd-pane textarea:focus{border-color:var(--op-border-strong);background:var(--bg-surface)}.op-root .pd-chip-row{display:flex;flex-wrap:wrap;gap:6px}.op-root .pd-chip{font-size:11.5px;color:var(--text-2);background:var(--bg-active);border-radius:999px;padding:3px 9px}.op-root .pd-metachip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-2)}.op-root .pd-metachip svg{width:12px;height:12px;color:var(--text-3);flex:0 0 12px}.op-root .pd-attach{display:flex;flex-direction:column;gap:6px}.op-root .pd-attach a{font-size:12.5px;color:var(--text-2);border:1px solid var(--op-border);border-radius:8px;padding:7px 10px;text-decoration:none;background:var(--bg-surface);display:inline-flex;align-items:center;gap:6px}.op-root .pd-attach a:hover{background:var(--bg-hover);color:var(--text)}.op-root .pd-attach img{max-width:100%;border-radius:8px;border:1px solid var(--op-border)}.op-root .pd-sub{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--op-border);font-size:13px}.op-root .pd-sub:first-of-type{border-top:none}.op-root .pd-sub.done span.t{text-decoration:line-through;color:var(--text-4)}.op-root .pd-sub .check{width:16px;height:16px;border:1.5px solid var(--op-border-strong);border-radius:4px;background:var(--bg-surface);padding:0;cursor:pointer;display:grid;place-items:center;flex:0 0 16px}.op-root .pd-sub .check[data-state=checked]{background:var(--text);border-color:var(--text);color:var(--bg-surface)}.op-root .pd-sub .check[data-state=checked]:after{content:"";width:8px;height:4px;border-left:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg) translate(1px,-1px)}.op-root .pd-sub .t{flex:1;min-width:0;cursor:pointer}.op-root .pd-subadd{display:flex;gap:8px;margin-top:8px}.op-root .pd-subadd input{flex:1;font-family:var(--font-sans);font-size:13px;border:1px solid var(--op-border);border-radius:6px;padding:7px 9px;background:var(--bg-surface);color:var(--text);outline:none}.op-root .pd-pane-actions{display:flex;gap:8px;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--op-border)}.op-root .mk-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;max-width:1180px;margin:0 auto;padding:56px 24px 72px}@media (max-width:920px){.op-root .mk-hero{grid-template-columns:1fr;gap:36px;padding:36px 20px 56px}}.op-root .mk-lhs{display:flex;flex-direction:column;gap:20px}.op-root .mk-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-2)}.op-root .mk-eyebrow svg{width:13px;height:13px;color:var(--orange)}.op-root .mk-head{font-weight:700;letter-spacing:-.035em;line-height:1.03;font-size:clamp(40px,5vw,60px);color:var(--text);margin:0}.op-root .mk-sub{font-size:18px;line-height:1.55;color:var(--text-2);max-width:480px;margin:0}.op-root .mk-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.op-root .mk-cta{height:auto;padding:13px 22px;font-size:15px;border-radius:12px}.op-root .mk-cta svg{width:16px;height:16px}.op-root .mk-avrow{display:flex;align-items:center;gap:12px;margin-top:8px}.op-root .mk-stack{display:flex}.op-root .mk-stack>div{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#c8c2b3,#8a8478);border:2px solid var(--bg-page);margin-left:-8px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:600}.op-root .mk-stack>div:first-child{margin-left:0}.op-root .mk-avtext{font-size:13px;color:var(--text-2);max-width:280px;line-height:1.4}.op-root .mk-avtext b{color:var(--text)}.op-root .mk-rhs{min-width:0}.op-root .mk-carousel{position:relative}.op-root .mk-frame{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:16px;box-shadow:0 1px 0 rgba(0,0,0,.02),0 30px 60px -30px rgba(0,0,0,.22);overflow:hidden}.op-root .mk-frame-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--op-border);background:var(--bg-muted)}.op-root .mk-frame-bar .d{width:9px;height:9px;border-radius:50%;background:var(--op-border-strong)}.op-root .mk-frame-title{margin-left:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.op-root .mk-viewport{overflow:hidden}.op-root .mk-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}.op-root .mk-slide{min-width:100%;padding:16px}.op-root .mk-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid var(--op-border);background:var(--bg-surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px -8px rgba(0,0,0,.3)}.op-root .mk-arrow:hover{color:var(--text)}.op-root .mk-arrow svg{width:18px;height:18px}.op-root .mk-arrow.left{left:-16px}.op-root .mk-arrow.right{right:-16px}@media (max-width:520px){.op-root .mk-arrow{display:none}}.op-root .mk-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}.op-root .mk-dot{width:7px;height:7px;border-radius:50%;border:none;background:var(--op-border-strong);cursor:pointer;padding:0}.op-root .mk-dot.on{background:var(--text);width:20px;border-radius:999px}.op-root .shot{display:flex;flex-direction:column;gap:10px;min-height:420px;position:relative}.op-root .shot .badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--bg-active);color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.op-root .shot .badge.red{background:var(--red);color:#fff}.op-root .shot .badge.amber{background:var(--amber-bg);color:color-mix(in oklch,var(--amber),black 28%)}.op-root .shot .badge.green{background:var(--green-bg);color:var(--green)}.op-root .shot .badge.blue{background:var(--blue-bg);color:var(--blue)}.op-root .shot-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.op-root .shot-kpi{background:var(--bg-muted);border:1px solid var(--op-border);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;gap:2px}.op-root .shot-kpi svg{width:14px;height:14px;color:var(--text-3)}.op-root .shot-kpi .v{font-size:18px;font-weight:700;letter-spacing:-.02em}.op-root .shot-kpi .l{font-size:10px;color:var(--text-3)}.op-root .shot-kpi.warn .v{color:var(--amber)}.op-root .shot-kpi.alert .v,.op-root .shot-kpi.alert svg{color:var(--red)}.op-root .shot-list{display:flex;flex-direction:column;border:1px solid var(--op-border);border-radius:10px;overflow:hidden}.op-root .shot-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-top:1px solid var(--op-border);font-size:13px}.op-root .shot-row:first-child{border-top:none}.op-root .shot-row svg{width:14px;height:14px;color:var(--text-3);flex:0 0 14px}.op-root .shot-row .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-root .shot-row .meta{font-size:11px;color:var(--text-3)}.op-root .shot-row .pdot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:var(--text-4)}.op-root .shot-row .pdot.red{background:var(--red)}.op-root .shot-row .pdot.orange{background:var(--orange)}.op-root .shot-row .pdot.amber{background:var(--amber)}.op-root .proj-group{display:flex;flex-direction:column;gap:7px}.op-root .proj-group+.proj-group{margin-top:8px}.op-root .proj-group-h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-2)}.op-root .proj-group-h .pg-thumb{width:22px;height:22px;border-radius:6px;flex:0 0 22px;background:linear-gradient(135deg,#d8d4ca,#b9b3a4);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.op-root .shot-proj{background:var(--bg-muted);border:1px solid var(--op-border);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:6px}.op-root .shot-proj-h{display:flex;align-items:center;justify-content:space-between}.op-root .shot-proj-h .t{font-weight:600;font-size:13.5px}.op-root .shot-bar{height:6px;background:var(--op-border-strong);border-radius:999px;overflow:hidden}.op-root .shot-bar>div{height:100%;background:var(--text);border-radius:999px}.op-root .shot-bar>div.ok{background:var(--green)}.op-root .shot-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.op-root .shot-chat{min-height:420px}.op-root .chat-top{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--op-border)}.op-root .chat-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--red));color:#fff;display:grid;place-items:center}.op-root .chat-av svg{width:18px;height:18px}.op-root .chat-name{font-weight:600;font-size:13px;display:flex;align-items:center;gap:5px}.op-root .chat-name svg{width:13px;height:13px;color:var(--amber)}.op-root .chat-status{font-size:11px;color:var(--text-3)}.op-root .chat-thread{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;padding:14px 0;overflow:hidden}.op-root .bubble{font-size:13px;line-height:1.45;padding:9px 12px;border-radius:12px;max-width:85%}.op-root .bubble.user{align-self:flex-end;background:var(--text);color:var(--bg-surface)}.op-root .bubble.bot{align-self:flex-start;background:var(--bg-muted);border:1px solid var(--op-border)}.op-root .chat-card{gap:8px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:8px;padding:6px 9px;margin-top:6px;font-size:11.5px}.op-root .chat-card,.op-root .chat-input{display:flex;align-items:center;justify-content:space-between}.op-root .chat-input{border:1px solid var(--op-border);border-radius:999px;padding:9px 9px 9px 14px;color:var(--text-3);font-size:12.5px}.op-root .chat-send{width:28px;height:28px;border-radius:50%;background:var(--text);color:var(--bg-surface);display:grid;place-items:center}.op-root .chat-send svg{width:13px;height:13px}.op-root .shot-budget-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.op-root .shot-budget-h .t{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.op-root .shot-budget-h .t svg{width:15px;height:15px;color:var(--text-3)}.op-root .shot-total{font-size:18px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.op-root .shot-row .meta{font-family:var(--font-mono);font-size:11.5px;color:var(--text-2)}.op-root .shot-approve{border:1px solid var(--op-border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--bg-muted)}.op-root .shot-approve-h{justify-content:space-between;font-weight:600}.op-root .shot-approve-h,.op-root .shot-recip{display:flex;align-items:center;font-size:12.5px}.op-root .shot-recip{gap:8px}.op-root .shot-recip .av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#c8c2b3,#8a8478);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:600;flex:0 0 22px}.op-root .shot-recip .t{flex:1;min-width:0;color:var(--text-2)}.op-root .shot-sendbtn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--text);color:var(--bg-surface);border-radius:10px;padding:11px;font-size:13px;font-weight:600}.op-root .shot-sendbtn svg{width:14px;height:14px}.op-root .shot .cbx{width:16px;height:16px;border:1.5px solid var(--op-border-strong);border-radius:5px;background:var(--bg-surface);flex:0 0 16px;position:relative}.op-root .shot .cbx:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border-right:2px solid var(--bg-surface);border-bottom:2px solid var(--bg-surface);transform:rotate(45deg);opacity:0}.op-root .shot-cursor{position:absolute;width:18px;height:18px;color:var(--text);opacity:0;pointer-events:none;z-index:3;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.op-root .shot-row.target{position:relative}.op-root .shot-cursor.c-task{top:15px;left:16px}.op-root .shot-cursor.c-eicr{top:50px;right:16px}.op-root .comp-item .eicr-row{cursor:pointer}.op-root .comp-item .comp-chev{width:13px;height:13px;color:var(--text-3);transition:transform .2s ease}.op-root .comp-expand{max-height:0;opacity:0;overflow:hidden;background:var(--bg-muted);border-top:1px solid var(--op-border)}.op-root .comp-detail{font-size:11.5px;color:var(--text-2);padding:9px 12px 4px}.op-root .comp-vendors-h{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:4px 12px}.op-root .comp-vendors-h svg{width:11px;height:11px;color:var(--green)}.op-root .comp-vendor{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:var(--text-2)}.op-root .comp-vendor .av{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#c8c2b3,#8a8478);color:#fff;display:grid;place-items:center;font-size:8.5px;font-weight:600;flex:0 0 20px}.op-root .comp-vendor .t{flex:1;min-width:0}.op-root .comp-vendor .meta{font-family:var(--font-mono);font-size:11px;color:var(--amber)}.op-root .shot.play .comp-expand{animation:kf-expand .4s ease 1.6s both}.op-root .shot.play .comp-chev{animation:kf-rot .3s ease 1.55s forwards}.op-root .badge-flip{position:relative;display:inline-grid}.op-root .badge-flip>.badge{grid-area:1/1}.op-root .bf-approved{opacity:0}.op-root .shot .typing{overflow:hidden;display:inline-flex;align-items:center;gap:4px;width:-moz-max-content;width:max-content}.op-root .shot .typing .dot{width:6px;height:6px;border-radius:50%;background:var(--text-3)}.op-root .shot.play .rise{animation:kf-rise .5s ease both;animation-delay:var(--d,0s)}.op-root .shot.play .shot-bar>div{transform-origin:left;animation:kf-bar .9s cubic-bezier(.4,0,.2,1) .35s both}.op-root .shot.play .anim-user{animation:kf-rise .45s ease .3s both}.op-root .shot.play .anim-typing{animation:kf-typing 1.7s ease .8s both}.op-root .shot.play .anim-bot{animation:kf-rise .45s ease 2.3s both}.op-root .shot.play .anim-c1{animation:kf-rise .4s ease 2.6s both}.op-root .shot.play .anim-c2{animation:kf-rise .4s ease 2.9s both}.op-root .shot.play .anim-c3{animation:kf-rise .4s ease 3.2s both}.op-root .shot.play .anim-user2{animation:kf-rise .45s ease 3.9s both}.op-root .shot.play .anim-typing2{animation:kf-typing 1.4s ease 4.3s both}.op-root .shot.play .anim-bot2{animation:kf-rise .45s ease 5.6s both}.op-root .shot.play .typing .dot{animation:kf-dot 1s ease infinite}.op-root .shot.play .typing .dot:nth-child(2){animation-delay:.15s}.op-root .shot.play .typing .dot:nth-child(3){animation-delay:.3s}.op-root .shot.play .shot-cursor{animation:kf-cursor 2s cubic-bezier(.4,0,.2,1) both}.op-root .shot.play .target .cbx{animation:kf-cbxfill .25s ease 1.55s both}.op-root .shot.play .target .cbx:after{animation:kf-tick .25s ease 1.64s both}.op-root .shot.play .target .t{animation:kf-dim .25s ease 1.55s forwards}.op-root .shot.play .bf-pending{animation:kf-fadeout .3s ease 2s forwards}.op-root .shot.play .bf-approved{animation:kf-fadein .3s ease 2.2s forwards}.op-root .shot.play .anim-send{animation:kf-pulse 1.3s ease .5s 2}@keyframes kf-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes kf-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes kf-cbxfill{0%{background:var(--bg-surface);border-color:var(--op-border-strong)}to{background:var(--text);border-color:var(--text)}}@keyframes kf-tick{0%{opacity:0;transform:rotate(45deg) scale(.4)}to{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes kf-dim{to{color:var(--text-4)}}@keyframes kf-cursor{0%{opacity:0;transform:translate(150px,120px)}18%{opacity:1}68%{opacity:1;transform:translate(0)}76%{transform:translateY(2px) scale(.8)}84%{transform:translate(0) scale(1)}to{opacity:0;transform:translate(0)}}@keyframes kf-typing{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:0}12%{opacity:1;max-height:36px}78%{opacity:1;max-height:36px}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:0}}@keyframes kf-dot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}@keyframes kf-fadeout{to{opacity:0}}@keyframes kf-fadein{0%{opacity:0}to{opacity:1}}@keyframes kf-pulse{0%,to{box-shadow:0 0 0 0 rgba(0,0,0,0)}50%{box-shadow:0 0 0 4px var(--bg-active)}}@keyframes kf-expand{0%{max-height:0;opacity:0}to{max-height:220px;opacity:1}}@keyframes kf-rot{to{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.op-root .shot.play *{animation:none!important}.op-root .shot .typing,.op-root .shot-cursor{display:none!important}.op-root .bf-approved{opacity:0}.op-root .bf-pending{opacity:1}}.op-root .mkx-sec{padding:64px 24px}@media (max-width:700px){.op-root .mkx-sec{padding:44px 18px}}.op-root .mkx-sec-alt{background:var(--bg-app)}.op-root .mkx-head{max-width:720px;margin:0 auto 40px;text-align:center}.op-root .mkx-eyebrow{display:inline-block;font-size:13px;color:var(--text-3);margin-bottom:10px}.op-root .mkx-head h2{font-size:clamp(28px,3.6vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0;color:var(--text)}.op-root .mkx-head p{color:var(--text-2);font-size:17px;line-height:1.5;margin:12px auto 0;max-width:600px}.op-root .mkx-tiles{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:820px){.op-root .mkx-tiles{grid-template-columns:1fr}}.op-root .mkx-tile{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;align-items:flex-start}.op-root .mkx-tile-ico{width:44px;height:44px;border-radius:11px;background:var(--bg-active);display:grid;place-items:center;color:var(--text);margin-bottom:16px}.op-root .mkx-tile-ico svg{width:20px;height:20px}.op-root .mkx-tile h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.op-root .mkx-tile p{color:var(--text-2);font-size:14px;line-height:1.55;margin:0 0 16px}.op-root .mkx-learn{margin-top:auto;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-sans);font-size:13.5px;font-weight:500;color:var(--text);display:inline-flex;align-items:center;gap:6px}.op-root .mkx-learn svg{width:14px;height:14px;transition:transform .15s ease}.op-root .mkx-learn:hover svg{transform:translateX(3px)}.op-root .mkx-steps{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:820px){.op-root .mkx-steps{grid-template-columns:1fr}}.op-root .mkx-step{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:16px;padding:22px 22px 18px;display:flex;flex-direction:column}.op-root .mkx-step-n{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.op-root .mkx-step-n span{font-size:13px;font-weight:600;color:var(--text);background:var(--bg-active);border-radius:6px;padding:2px 7px}.op-root .mkx-step h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:12px 0 8px}.op-root .mkx-step p{color:var(--text-2);font-size:14px;line-height:1.55;margin:0}.op-root .mkx-mini{border:1px solid var(--op-border);border-radius:10px;padding:10px;background:var(--bg-muted);margin-top:16px;display:flex;flex-direction:column;gap:6px}.op-root .mkx-mini-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2);background:var(--bg-surface);border:1px solid var(--op-border);border-radius:7px;padding:7px 9px}.op-root .mkx-mini-row svg{width:12px;height:12px;color:var(--text-3);flex:0 0 12px}.op-root .mkx-mini-row .d{width:7px;height:7px;border-radius:50%;background:var(--text-4);flex:0 0 7px}.op-root .mkx-mini-row .d.red{background:var(--red)}.op-root .mkx-mini-row .d.orange{background:var(--orange)}.op-root .mkx-mini-row .d.amber{background:var(--amber)}.op-root .mkx-mini-row .b{margin-left:auto;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:999px;background:var(--bg-active);color:var(--text-2)}.op-root .mkx-mini-row .b.red{background:var(--red);color:#fff}.op-root .mkx-mini-row .b.green{background:var(--green-bg);color:var(--green)}.op-root .mkx-mini-row .m{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.op-root .mkx-mini-kanban{flex-direction:row;gap:8px}.op-root .mkx-mini-kanban .col{flex:1;display:flex;flex-direction:column;gap:6px}.op-root .mkx-mini-kanban .ct{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.op-root .mkx-mini-kanban .card{height:22px;border-radius:6px}.op-root .mkx-billing,.op-root .mkx-mini-kanban .card{background:var(--bg-surface);border:1px solid var(--op-border)}.op-root .mkx-billing{display:inline-flex;gap:3px;border-radius:999px;padding:4px;margin-top:20px}.op-root .mkx-billing button{border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:500;padding:7px 16px;border-radius:999px;color:var(--text-2);display:inline-flex;align-items:center;gap:6px}.op-root .mkx-billing button.on{background:var(--text);color:var(--bg-surface)}.op-root .mkx-billing .save{font-family:var(--font-mono);font-size:10px;color:var(--green)}.op-root .mkx-billing button.on .save{color:oklch(.85 .12 150)}.op-root .mkx-cards{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}@media (max-width:980px){.op-root .mkx-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.op-root .mkx-cards{grid-template-columns:1fr}}.op-root .mkx-price{position:relative;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column}.op-root .mkx-price.featured{border-color:var(--text);box-shadow:0 20px 44px -24px rgba(0,0,0,.25)}.op-root .mkx-pop{position:absolute;top:-10px;left:20px;background:var(--text);color:var(--bg-surface);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:999px}.op-root .mkx-price h3{font-size:17px;font-weight:700;margin:0 0 4px}.op-root .mkx-for{color:var(--text-3);font-size:12.5px;line-height:1.4;min-height:34px}.op-root .mkx-amount{display:flex;align-items:baseline;gap:2px;margin:14px 0 6px}.op-root .mkx-amount .cur{font-size:20px;font-weight:600}.op-root .mkx-amount .num{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1}.op-root .mkx-amount .per{color:var(--text-3);font-size:13px;margin-left:4px}.op-root .mkx-amount .talk{font-size:30px;font-weight:700;letter-spacing:-.02em}.op-root .mkx-scale{color:var(--text-2);font-size:12.5px;line-height:1.5;min-height:38px}.op-root .mkx-feats{list-style:none;margin:14px 0 18px;padding:14px 0 0;border-top:1px solid var(--op-border);display:flex;flex-direction:column;gap:9px}.op-root .mkx-feats li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.op-root .mkx-feats svg{width:14px;height:14px;color:var(--green);flex:0 0 14px}.op-root .mkx-cta{margin-top:auto;width:100%;justify-content:center;height:auto;padding:11px;border-radius:10px}.op-root .mkx-billing-note{text-align:center;color:var(--text-3);font-size:12.5px;margin:22px auto 0}.op-root .pub-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-page)}.op-root .pub-header{height:60px;flex:0 0 60px;background:var(--brand-header-bg,var(--bg-surface));border-bottom:1px solid var(--op-border);display:flex;align-items:center;gap:16px;padding:0 24px;position:sticky;top:0;z-index:40}@media (max-width:767px){.op-root .pub-header{background:var(--brand-mobile-header-bg,var(--brand-header-bg,var(--bg-surface)))}}.op-root .pub-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.op-root .pub-brand .mark{width:28px;height:28px;border-radius:8px;background:var(--text);color:var(--bg-surface);display:grid;place-items:center;font-weight:700;font-size:13px;letter-spacing:-.02em}.op-root .pub-brand .wordmark{font-weight:600;letter-spacing:-.02em;font-size:15px}.op-root .pub-nav{display:flex;align-items:center;gap:22px;margin:0 auto}.op-root .pub-nav a{font-size:13.5px;color:var(--text-2);text-decoration:none}.op-root .pub-nav a:hover{color:var(--text)}.op-root .pub-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.op-root .pub-menu-btn{display:none}@media (max-width:820px){.op-root .pub-actions,.op-root .pub-nav{display:none}.op-root .pub-menu-btn{display:grid;margin-left:auto}}.op-root .pub-mobile{background:var(--brand-mobile-menu-bg,var(--bg-surface));border-bottom:1px solid var(--op-border);padding:10px 16px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:60px;z-index:39}.op-root .pub-mobile a{padding:10px 8px;border-radius:8px;color:var(--text);text-decoration:none;font-size:14px}.op-root .pub-mobile a:hover{background:var(--bg-hover)}.op-root .pub-mobile-actions{display:flex;gap:8px;margin-top:8px}.op-root .pub-mobile-actions .btn{flex:1;justify-content:center}.op-root .pub-main{flex:1;min-width:0}.op-root .pub-footer{background:var(--brand-footer-bg,var(--bg-surface));border-top:1px solid var(--op-border);padding:44px 24px 24px;color:var(--brand-footer-text,var(--text-2))}.op-root .pub-footer .pub-foot-bar-left a,.op-root .pub-footer .pub-foot-bar-right a,.op-root .pub-footer .pub-foot-col a,.op-root .pub-footer .pub-foot-link{color:var(--brand-footer-link,var(--text-2))}.op-root .pub-footer .pub-foot-bar-left a:hover,.op-root .pub-footer .pub-foot-bar-right a:hover,.op-root .pub-footer .pub-foot-col a:hover,.op-root .pub-footer .pub-foot-link:hover{filter:brightness(.85)}.op-root .pub-foot-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:32px}@media (max-width:860px){.op-root .pub-foot-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:480px){.op-root .pub-foot-grid{grid-template-columns:1fr}}.op-root .pub-foot-col{display:flex;flex-direction:column;gap:10px;min-width:0}.op-root .pub-foot-col h4{margin:0 0 2px;font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.op-root .pub-foot-col a,.op-root .pub-foot-link{font-size:13.5px;color:var(--text-2);text-decoration:none;display:inline-flex;align-items:center;gap:7px;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-sans);text-align:left}.op-root .pub-foot-col a:hover,.op-root .pub-foot-link:hover{color:var(--text)}.op-root .pub-foot-col svg{width:14px;height:14px;color:var(--text-3);flex:0 0 14px}.op-root .pub-foot-brandcol .pub-brand{margin-bottom:4px}.op-root .pub-foot-tagline{font-size:13.5px;color:var(--text-3);line-height:1.5;max-width:260px;margin:0}.op-root .pub-foot-addr{display:flex;align-items:flex-start;gap:7px;font-size:13px;color:var(--text-2);line-height:1.5}.op-root .pub-foot-addr svg{margin-top:2px}.op-root .pub-social{display:flex;align-items:center;gap:12px;margin-top:4px}.op-root .pub-social a{color:var(--text-3)}.op-root .pub-social a:hover{color:var(--text)}.op-root .pub-social svg{width:18px;height:18px}.op-root .pub-foot-bar{max-width:1100px;margin:32px auto 0;padding-top:18px;border-top:1px solid var(--op-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.op-root .pub-foot-bar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-4);font-family:var(--font-mono)}.op-root .pub-foot-bar-left a{color:var(--text-2);text-decoration:none}.op-root .pub-foot-bar-left a:hover{color:var(--text);text-decoration:underline}.op-root .pub-foot-sep{color:var(--text-4)}.op-root .pub-foot-bar-right{display:flex;align-items:center;gap:18px}.op-root .pub-foot-bar-right a{font-size:12.5px;color:var(--text-2);text-decoration:none}.op-root .pub-foot-bar-right a:hover{color:var(--text)}.op-root .d-greet{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;flex-wrap:wrap}.op-root .d-greet h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.op-root .d-greet .sub{color:var(--text-2);font-size:14px}.op-root .d-greet .date{font-family:var(--font-mono);font-size:12px;color:var(--text-3);white-space:nowrap}.op-root .d-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}@media (max-width:900px){.op-root .d-kpis{grid-template-columns:repeat(2,1fr)}}.op-root .d-kpi{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);padding:14px 16px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--text)}.op-root .d-kpi:hover{border-color:var(--op-border-strong)}.op-root .d-kpi .lbl{color:var(--text-3);font-size:12px;display:flex;align-items:center;gap:6px}.op-root .d-kpi .lbl svg{width:13px;height:13px;color:var(--text-3)}.op-root .d-kpi .val{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.op-root .d-kpi .delta{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.op-root .d-kpi.alert .delta,.op-root .d-kpi.alert .val{color:var(--red)}.op-root .d-kpi.warn .val{color:var(--amber)}.op-root .d-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:flex-start}@media (max-width:1000px){.op-root .d-layout{grid-template-columns:1fr}}.op-root .d-section-h{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px;gap:12px;flex-wrap:wrap}.op-root .d-section-h .title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.op-root .d-section-h .title .count{font-family:var(--font-mono);font-size:11px;color:var(--text-3);background:var(--bg-surface);border:1px solid var(--op-border);padding:1px 7px;border-radius:999px}.op-root .d-section-h .actions{display:flex;gap:4px;align-items:center}.op-root .d-tabs{display:inline-flex;gap:2px;background:var(--bg-surface);border:1px solid var(--op-border);padding:3px;border-radius:8px}.op-root .d-tabs button{border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:500;padding:5px 10px;border-radius:6px;color:var(--text-2)}.op-root .d-tabs button:hover{color:var(--text)}.op-root .d-tabs button.on{background:var(--bg-active);color:var(--text)}.op-root .d-inbox-group{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);margin-bottom:14px;overflow:hidden}.op-root .d-group-head{justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--op-border);background:var(--bg-muted)}.op-root .d-group-head,.op-root .d-group-head .lhs{display:flex;align-items:center;gap:10px}.op-root .d-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid}.op-root .d-pill .dotc{width:6px;height:6px;border-radius:50%;background:currentColor}.op-root .d-pill-red{color:var(--red);background:var(--red-bg)}.op-root .d-pill-amber{color:var(--amber);background:var(--amber-bg)}.op-root .d-group-head .gmeta{font-size:12px;color:var(--text-3);font-family:var(--font-mono)}.op-root .d-inbox-item{display:grid;grid-template-columns:18px 22px 1fr auto;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--op-border);cursor:pointer;transition:background .08s ease}.op-root .d-inbox-item:first-of-type{border-top:none}.op-root .d-inbox-item:hover{background:var(--bg-hover)}.op-root .d-inbox-item .check{width:18px;height:18px;border:1.5px solid var(--op-border-strong);border-radius:5px;background:var(--bg-surface);padding:0;cursor:pointer;display:grid;place-items:center}.op-root .d-inbox-item .check[data-state=checked]{background:var(--text);border-color:var(--text);color:var(--bg-surface)}.op-root .d-inbox-item .check[data-state=checked]:after{content:"";width:9px;height:5px;border-left:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg) translate(1px,-1px)}.op-root .d-inbox-item .ico{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--bg-muted);color:var(--text-2)}.op-root .d-inbox-item .ico svg{width:13px;height:13px}.op-root .d-inbox-item.high .ico{background:var(--red-bg);color:var(--red)}.op-root .d-inbox-item.med .ico{background:var(--amber-bg);color:var(--amber)}.op-root .d-inbox-item .body{min-width:0}.op-root .d-inbox-item .title-line{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.25;flex-wrap:wrap}.op-root .d-inbox-item .title-line .urgent-tag{font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:var(--red);text-transform:uppercase;letter-spacing:.04em}.op-root .d-inbox-item .meta-line{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-2);margin-top:3px;flex-wrap:wrap}.op-root .d-inbox-item .meta-line svg{width:12px;height:12px;color:var(--text-3)}.op-root .d-inbox-item .meta-line .sep{color:var(--text-4)}.op-root .d-inbox-item .meta-line .tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2)}.op-root .d-inbox-item .meta-line .due-over{color:var(--red);font-weight:500}.op-root .d-inbox-item .meta-line .due-soon{color:var(--amber);font-weight:500}.op-root .d-right-stack{display:flex;align-items:center;gap:10px}.op-root .d-inbox-item .due-stamp{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);text-align:right;width:72px;flex:0 0 72px}.op-root .d-right-stack .pri{min-width:88px;justify-content:center;flex:0 0 auto}.op-root .d-inbox-item .due-stamp.overdue{color:var(--red);font-weight:600}.op-root .d-inbox-item .due-stamp.soon{color:var(--amber);font-weight:600}.op-root .d-inbox-item .actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .12s ease}.op-root .d-inbox-item:hover .actions{opacity:1}.op-root .d-inbox-item .actions .iconbtn{width:30px;height:30px}.op-root .d-inbox-item .actions .iconbtn svg{width:14px;height:14px}.op-root .d-inbox-item:hover .d-right-stack .due-stamp{display:none}.op-root .d-on-track{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-top:6px;background:var(--bg-surface);border:1px dashed var(--op-border-strong);border-radius:var(--radius-op);color:var(--text-2);font-size:13px;gap:12px;flex-wrap:wrap}.op-root .d-on-track .lhs{display:flex;align-items:center;gap:10px}.op-root .d-on-track .lhs svg{width:16px;height:16px;color:var(--green);flex:0 0 16px}.op-root .d-on-track a{color:var(--text);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.op-root .d-on-track a svg{width:14px;height:14px}.op-root .d-side-card{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);padding:16px}.op-root .d-side-card+.d-side-card{margin-top:14px}.op-root .d-side-card h3{font-size:13px;font-weight:600;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}.op-root .d-side-card h3 .link{font-size:12px;font-weight:500;color:var(--text-2);display:inline-flex;align-items:center;gap:4px;cursor:pointer;text-decoration:none}.op-root .d-side-card h3 .link svg{width:12px;height:12px}.op-root .d-schedule-row{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--op-border);align-items:flex-start}.op-root .d-schedule-row:first-of-type{border-top:none;padding-top:0}.op-root .d-schedule-row .when{font-family:var(--font-mono);font-size:11px;color:var(--text-3);line-height:1.2;padding-top:2px}.op-root .d-schedule-row .when b{color:var(--text);display:block;font-weight:600;font-size:12px}.op-root .d-schedule-row .what{font-size:13px;line-height:1.3}.op-root .d-schedule-row .what .where{color:var(--text-3);font-size:12px;display:flex;align-items:center;gap:4px;margin-top:2px}.op-root .d-schedule-row .what .where svg{width:11px;height:11px}.op-root .d-quick{display:flex;flex-direction:column;gap:6px}.op-root .d-quick .btn{justify-content:flex-start}.op-root .settings-head{margin-bottom:4px}.op-root .settings-head h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.op-root .settings-head p{color:var(--text-2);font-size:14px;margin:0}.op-root .settings-tabs{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--op-border);padding:4px;border-radius:10px;margin:16px 0 22px;overflow-x:auto}.op-root .st-tab{border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-weight:500;font-size:13px;padding:7px 12px;border-radius:7px;color:var(--text-2);display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}.op-root .st-tab:hover{color:var(--text);background:var(--bg-hover)}.op-root .st-tab.active{background:var(--text);color:var(--bg-surface)}.op-root .st-tab.active:hover{background:#000}.op-root .st-tab svg{width:14px;height:14px}.op-root .settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.op-root .settings-card{display:flex;gap:14px;align-items:flex-start;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:12px;padding:18px;text-decoration:none;color:var(--text);transition:border-color .12s ease}.op-root .settings-card:hover{border-color:var(--op-border-strong)}.op-root .settings-card .sc-ico{width:38px;height:38px;border-radius:9px;background:var(--bg-tint);display:grid;place-items:center;color:var(--text-2);flex:0 0 38px}.op-root .settings-card .sc-ico svg{width:18px;height:18px}.op-root .settings-card .sc-title{font-weight:600;font-size:14px}.op-root .settings-card .sc-desc{color:var(--text-3);font-size:12.5px;margin-top:3px;line-height:1.45}.op-root .conv-wrap{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}@media (max-width:900px){.op-root .conv-wrap{grid-template-columns:1fr}}.op-root .conv-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 220px);overflow-y:auto}.op-root .conv-item{text-align:left;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:12px;padding:12px 14px;cursor:pointer;font-family:var(--font-sans)}.op-root .conv-item:hover{border-color:var(--op-border-strong)}.op-root .conv-item.active{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.op-root .conv-item .ci-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.op-root .conv-item .ci-who{font-weight:600;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-root .conv-item .ci-count{font-family:var(--font-mono);font-size:11px;color:var(--text-3);background:var(--bg-active);border-radius:999px;padding:1px 7px;flex:0 0 auto}.op-root .conv-item .ci-prev{color:var(--text-3);font-size:12px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.op-root .conv-item .ci-time{color:var(--text-4);font-family:var(--font-mono);font-size:10.5px;margin-top:6px}.op-root .conv-pane{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:14px;display:flex;flex-direction:column;min-height:420px;max-height:calc(100vh - 220px);overflow:hidden}.op-root .conv-pane-head{padding:14px 18px;border-bottom:1px solid var(--op-border);font-weight:600;font-size:14px;background:var(--bg-muted)}.op-root .conv-pane-head small{display:block;font-weight:400;color:var(--text-3);font-size:12px;margin-top:2px}.op-root .conv-thread{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.op-root .conv-msg{display:flex;gap:10px;max-width:80%}.op-root .conv-msg.user{flex-direction:row-reverse;margin-left:auto}.op-root .conv-msg .cm-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 28px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8a8478,#5e5c55)}.op-root .conv-msg.bot .cm-av{background:linear-gradient(135deg,oklch(.52 .1 248),oklch(.55 .16 28))}.op-root .conv-msg .cm-bubble{background:var(--bg-tint);border:1px solid var(--op-border);border-radius:12px;padding:9px 13px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.op-root .conv-msg.user .cm-bubble{background:var(--text);color:var(--bg-surface);border-color:var(--text)}.op-root .conv-msg .cm-time{font-family:var(--font-mono);font-size:10px;color:var(--text-4);margin-top:4px}.op-root .conv-empty{flex:1;display:grid;place-items:center;color:var(--text-3);font-size:13px;padding:40px;text-align:center}.op-root [data-ui=card]{color:var(--text);box-shadow:0 1px 0 rgba(0,0,0,.02),0 8px 20px -16px rgba(0,0,0,.08)}.op-root .op-form,.op-root [data-ui=card]{border:1px solid var(--op-border);border-radius:14px;background:var(--bg-surface)}.op-root .op-form{padding:22px 24px;max-width:760px;display:flex;flex-direction:column;gap:18px}.op-root .op-field{display:flex;flex-direction:column;gap:6px}.op-root .op-field>label{font-weight:600;font-size:13px}.op-root .op-field .hint{color:var(--text-3);font-size:12px;margin-top:-2px}.op-root .op-field input[type=date],.op-root .op-field input[type=text],.op-root .op-field input[type=url],.op-root .op-field select,.op-root .op-field textarea{font-family:var(--font-sans);font-size:13.5px;color:var(--text);background:var(--bg-muted);border:1px solid var(--op-border);border-radius:8px;padding:9px 12px;outline:none;width:100%}.op-root .op-field textarea{resize:vertical;min-height:90px;line-height:1.5}.op-root .op-field input:focus,.op-root .op-field select:focus,.op-root .op-field textarea:focus{border-color:var(--op-border-strong);background:var(--bg-surface)}.op-root .np-scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:80}.op-root .np-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:100vw;background:var(--bg-surface);border-left:1px solid var(--op-border);box-shadow:-24px 0 48px -24px rgba(0,0,0,.25);z-index:81;display:flex;flex-direction:column}.op-root .np-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--op-border)}.op-root .np-head h3{margin:0;font-size:16px;font-weight:600}.op-root .np-body{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:16px}.op-root .np-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.op-root .np-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--op-border)}.op-root .np-banner{position:relative;width:100%;height:100px;border:1px dashed var(--op-border-strong);border-radius:8px;background:var(--bg-muted);background-size:cover;background-position:50%;cursor:pointer;display:grid;place-items:center;overflow:hidden}.op-root .np-banner:hover{border-color:var(--text-3)}.op-root .np-banner-empty{display:inline-flex;align-items:center;gap:8px;color:var(--text-3);font-size:13px}.op-root .np-banner-empty svg{width:16px;height:16px}.op-root .np-banner-x{position:absolute;top:6px;right:6px;width:26px;height:26px;border:none;border-radius:6px;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;cursor:pointer}.op-root .np-banner-x svg{width:14px;height:14px}.op-root .np-spin{width:16px;height:16px;animation:op-spin .7s linear infinite}@media (max-width:520px){.op-root .np-drawer{width:100vw}}.op-root .op-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.op-root .op-check{display:flex;align-items:center;gap:8px;font-size:13px;background:var(--bg-muted);border:1px solid var(--op-border);border-radius:8px;padding:8px 10px;cursor:pointer}.op-root .op-check input{width:15px;height:15px;accent-color:var(--text)}.op-root .op-form-actions{display:flex;align-items:center;gap:12px}.op-root .op-form-actions .saved{color:var(--green);font-size:12.5px;font-weight:500}.op-root .op-avatar-prev{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--op-border);background:var(--bg-active);display:grid;place-items:center;color:var(--text-2);font-size:12px;font-weight:600}.op-root .op-color{display:flex;align-items:center;gap:10px}.op-root .op-color input[type=color]{width:44px;height:36px;padding:2px;border:1px solid var(--op-border);border-radius:8px;background:var(--bg-muted);cursor:pointer}.op-root .op-color .op-color-hex{font-family:var(--font-mono);font-size:13px;width:120px}.op-root .op-color button{background:transparent;border:1px solid var(--op-border);border-radius:8px;padding:7px 10px;font-size:12.5px;color:var(--text-2);cursor:pointer;font-family:var(--font-sans)}.op-root .op-color button:hover{background:var(--bg-hover);color:var(--text)}.op-root .op-input{display:block;width:100%;font-family:var(--font-sans);font-size:13.5px;color:var(--text);background:var(--bg-surface);border:1px solid var(--op-border);border-radius:8px;padding:9px 11px;line-height:1.35;box-sizing:border-box}.op-root .op-input:focus{outline:none;border-color:var(--text-3);box-shadow:0 0 0 3px rgba(0,0,0,.04)}.op-root textarea.op-input{resize:vertical;min-height:60px}.op-root select.op-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23999'><path d='M5.5 7.5l4.5 4.5 4.5-4.5z'/></svg>");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.op-root .op-lbl{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin:14px 0 6px;letter-spacing:.01em}.op-root .op-lbl:first-child{margin-top:0}.op-root .op-kpi{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);padding:12px 14px}.op-root .op-kpi .ic{width:32px;height:32px;color:var(--text-2);display:grid;place-items:center;flex:0 0 32px;background:transparent;border-radius:0}.op-root .op-kpi .ic svg{width:100%;height:100%;stroke-width:1.6}.op-root .op-kpi .lbl{font-size:12px;color:var(--text-3);line-height:1.2}.op-root .op-kpi .val{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.op-root .op-kpi.alert{background:var(--red-bg);border-color:color-mix(in oklch,var(--red),white 65%)}.op-root .op-kpi.alert .ic{color:var(--red)}.op-root .op-kpi.alert .lbl{color:color-mix(in oklch,var(--red),black 20%)}.op-root .op-kpi.alert .val{color:var(--red)}.op-root .op-kpi.warn{background:var(--amber-bg);border-color:color-mix(in oklch,var(--amber),white 60%)}.op-root .op-kpi.warn .ic{color:color-mix(in oklch,var(--amber),black 28%)}.op-root .op-kpi.warn .lbl{color:color-mix(in oklch,var(--amber),black 35%)}.op-root .op-kpi.warn .val{color:color-mix(in oklch,var(--amber),black 28%)}.op-root .op-kpi.ok{background:var(--green-bg,#e6f4ea);border-color:color-mix(in oklch,var(--green,#1f7a3a),white 65%)}.op-root .op-kpi.ok .ic{color:var(--green,#1f7a3a)}.op-root .op-kpi.ok .lbl{color:color-mix(in oklch,var(--green,#1f7a3a),black 20%)}.op-root .op-kpi.ok .val{color:var(--green,#1f7a3a)}.op-root .op-kpi-btn{font:inherit;text-align:left;color:inherit;cursor:pointer;transition:border-color .1s ease,background .1s ease,box-shadow .1s ease}.op-root .op-kpi-btn:hover{border-color:var(--op-border-strong)}.op-root .op-kpi-btn:not(.alert):not(.warn):not(.ok):hover{background:var(--bg-muted)}.op-root .op-kpi-btn.alert:hover{border-color:color-mix(in oklch,var(--red),white 30%)}.op-root .op-kpi-btn.warn:hover{border-color:color-mix(in oklch,var(--amber),white 30%)}.op-root .op-kpi-btn.ok:hover{border-color:color-mix(in oklch,var(--green,#1f7a3a),white 30%)}.op-root .op-kpi-btn:disabled{opacity:.5;cursor:not-allowed}.op-root .op-kpi-btn:disabled:hover{border-color:var(--op-border)}.op-root .op-kpi-btn.is-active{box-shadow:inset 0 0 0 2px var(--text);border-color:var(--text)}.op-root .op-kpi-btn.alert.is-active{box-shadow:inset 0 0 0 2px var(--red);border-color:var(--red)}.op-root .op-kpi-btn.warn.is-active{box-shadow:inset 0 0 0 2px var(--amber);border-color:var(--amber)}.op-root .op-kpi-btn.ok.is-active{box-shadow:inset 0 0 0 2px var(--green,#1f7a3a);border-color:var(--green,#1f7a3a)}.op-root .op-docs-bar{display:flex;align-items:center;gap:14px;margin:18px 0 14px;flex-wrap:wrap}.op-root .op-crumbs{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.op-root .op-crumbs svg{width:12px;height:12px;color:var(--text-4)}.op-root .op-crumbs .crumb{background:transparent;border:0;padding:4px 8px;border-radius:6px;color:var(--text-2);cursor:pointer;font-family:var(--font-sans);font-size:13px;text-decoration:none}.op-root .op-crumbs .crumb:hover{background:var(--bg-hover);color:var(--text)}.op-root .op-crumbs .crumb.active{color:var(--text);font-weight:600;cursor:default}.op-root .op-docs-bar .grow{flex:1}.op-root .op-docs-bar .inline-search{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:8px;padding:6px 10px;min-width:260px}.op-root .op-docs-bar .inline-search input{border:none;background:transparent;outline:none;font-family:var(--font-sans);font-size:13px;flex:1;color:var(--text)}.op-root .op-docs-bar .inline-search svg{width:14px;height:14px;color:var(--text-3)}.op-root .op-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.op-root .op-cat-grid.lg{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.op-root .op-cat-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);cursor:pointer;transition:all .12s ease;text-align:center}.op-root .op-cat-tile:hover{background:var(--bg-hover);border-color:var(--op-border-strong)}.op-root .op-cat-tile.active{background:var(--bg-active);border-color:var(--text)}.op-root .op-cat-tile.add{border-style:dashed;color:var(--text-2)}.op-root .op-cat-tile.add:hover{color:var(--text)}.op-root .op-cat-tile .op-cat-icon{width:48px;height:48px;border-radius:10px;background:var(--bg-muted);display:grid;place-items:center;color:var(--text-2);overflow:hidden}.op-root .op-cat-tile .op-cat-icon svg{width:22px;height:22px}.op-root .op-cat-tile .op-cat-icon img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover}.op-root .op-cat-tile.active .op-cat-icon{background:#fff}.op-root .op-cat-tile .op-cat-name{font-size:13.5px;font-weight:600;color:var(--text)}.op-root .op-cat-tile .op-cat-count{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.op-root .op-subcat-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:18px 0 10px}.op-root .op-subcat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:10px}.op-root .op-subcat-tile{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:8px;cursor:pointer;text-align:left;transition:all .1s ease}.op-root .op-subcat-tile:hover{background:var(--bg-hover)}.op-root .op-subcat-tile.active{background:var(--bg-active);border-color:var(--text)}.op-root .op-subcat-tile.add{border-style:dashed;color:var(--text-2)}.op-root .op-subcat-tile .op-subcat-icon{width:24px;height:24px;border-radius:6px;background:var(--bg-muted);color:var(--text-2);display:grid;place-items:center;flex:0 0 24px;overflow:hidden}.op-root .op-subcat-tile .op-subcat-icon svg{width:14px;height:14px}.op-root .op-subcat-tile .op-subcat-icon img{width:24px;height:24px;-o-object-fit:cover;object-fit:cover}.op-root .op-subcat-tile .op-subcat-name{font-size:13px;font-weight:500;color:var(--text)}.op-root .op-doclist{display:flex;flex-direction:column;gap:1px;background:var(--op-border);border:1px solid var(--op-border);border-radius:var(--radius-op);overflow:hidden}.op-root .op-doc-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 16px;background:var(--bg-surface);text-decoration:none;color:inherit;transition:background .08s ease;width:100%;border:0;text-align:left;font:inherit;cursor:pointer}.op-root .op-doc-row:hover{background:var(--bg-hover)}.op-root .op-doc-row.active{background:var(--bg-active);box-shadow:inset 3px 0 0 var(--text)}.op-root .op-doc-row .op-doc-ic{width:36px;height:36px;border-radius:8px;background:var(--bg-muted);color:var(--text-2);display:grid;place-items:center;overflow:hidden}.op-root .op-doc-row .op-doc-ic svg{width:18px;height:18px}.op-root .op-doc-row .op-doc-ic img{width:36px;height:36px;-o-object-fit:cover;object-fit:cover}.op-root .op-doc-row .op-doc-main{min-width:0}.op-root .op-doc-row .op-doc-name{font-size:14px;font-weight:600;color:var(--text)}.op-root .op-doc-row .op-doc-sub{font-size:12.5px;color:var(--text-3);display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.op-root .op-doc-row .op-doc-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--op-border);color:var(--text-2);font-size:11.5px}.op-root .op-doc-row .op-doc-pill svg{width:11px;height:11px}.op-root .op-doc-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px;border:1px solid;white-space:nowrap}.op-root .op-doc-badge svg{width:12px;height:12px}.op-root .op-doc-badge.alert{color:var(--red);background:var(--red-bg)}.op-root .op-doc-badge.warn{color:var(--amber);background:var(--amber-bg)}.op-root .op-doc-badge.ok{color:var(--green,#1f7a3a);background:var(--green-bg,#e6f4ea)}.op-root .op-docs-empty{text-align:center;padding:48px 20px;color:var(--text-3);border:1px dashed var(--op-border);border-radius:var(--radius-op);background:var(--bg-surface)}.op-root .op-docs-empty svg{width:32px;height:32px;color:var(--text-4);margin-bottom:10px}.op-root .op-docs-empty h3{font-size:15px;font-weight:600;color:var(--text);margin:0 0 4px}.op-root .op-docs-empty p{font-size:13px;margin:0 0 12px}.op-root .op-empty-small{display:flex;align-items:center;gap:8px;padding:14px;font-size:13px;color:var(--text-3);background:var(--bg-muted);border:1px dashed var(--op-border);border-radius:8px}.op-root .op-empty-small svg{width:14px;height:14px;color:var(--text-3)}.op-root .op-docnew{display:flex;flex-direction:column}.op-root .op-docnew-empty{text-align:center;padding:60px 20px}.op-root .op-docnew-grid{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:flex-start}@media (max-width:1000px){.op-root .op-docnew-grid{grid-template-columns:1fr}}.op-root .op-docnew-col{display:flex;flex-direction:column;gap:14px}.op-root .op-docnew-sec{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);padding:16px 18px}.op-root .op-docnew-sec-h{font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px;display:flex;align-items:center;gap:8px}.op-root .op-docnew-sec-sub{font-size:12.5px;color:var(--text-2);margin:16px 0 6px;display:flex;align-items:center;gap:4px}.op-root .op-docnew-sec-sub svg{width:12px;height:12px;color:var(--text-3)}.op-root .op-docnew-sec-sub .muted{color:var(--text-3);font-weight:400}.op-root .op-docnew-actions{display:flex;justify-content:flex-end;gap:10px}.op-root .op-newcat{margin-top:12px;padding:12px;border:1px solid var(--op-border);background:var(--bg-muted);border-radius:10px}.op-root .op-newcat-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.op-root .op-newcat-row .op-input{flex:1;min-width:200px}.op-root .op-newcat-iconbox{width:44px;height:44px;border:1px dashed var(--op-border-strong);border-radius:8px;background:var(--bg-surface);display:grid;place-items:center;cursor:pointer;flex:0 0 44px;overflow:hidden}.op-root .op-newcat-iconbox:hover{border-color:var(--text-3)}.op-root .op-newcat-iconbox svg{width:16px;height:16px;color:var(--text-3)}.op-root .op-newcat-iconbox img{width:44px;height:44px;-o-object-fit:cover;object-fit:cover}.op-root .op-newcat-hint{font-size:11.5px;color:var(--text-3);margin-top:8px}.op-root .op-vis-grp{display:flex;flex-direction:column;gap:6px}.op-root .op-vis-opt{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--op-border);border-radius:8px;background:var(--bg-surface);cursor:pointer;font-size:13px;color:var(--text)}.op-root .op-vis-opt:hover{background:var(--bg-hover)}.op-root .op-vis-opt.active{background:var(--bg-active);border-color:var(--text)}.op-root .op-vis-opt input{accent-color:var(--text)}.op-root .op-vis-opt svg{width:14px;height:14px;color:var(--text-2)}.op-root .op-files{display:flex;flex-direction:column;gap:8px}.op-root .op-file-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:8px}.op-root .op-file-row .op-file-ic{width:28px;height:28px;border-radius:6px;background:var(--bg-muted);color:var(--text-2);display:grid;place-items:center;flex:0 0 28px}.op-root .op-file-row .op-file-ic svg{width:14px;height:14px}.op-root .op-file-row .op-file-meta{flex:1;min-width:0}.op-root .op-file-row .op-file-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-root .op-file-row .op-file-sub{font-size:11.5px;color:var(--text-3)}.op-root .op-file-drop{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-muted);border:1px dashed var(--op-border-strong);border-radius:8px;cursor:pointer;text-align:left;font-family:var(--font-sans)}.op-root .op-file-drop:hover{background:var(--bg-hover);border-color:var(--text-3)}.op-root .op-file-drop:disabled{opacity:.6;cursor:wait}.op-root .op-file-drop svg{width:18px;height:18px;color:var(--text-2);flex:0 0 18px}.op-root .op-file-drop .op-file-drop-title{font-size:13.5px;font-weight:600;color:var(--text)}.op-root .op-file-drop .op-file-drop-sub{font-size:11.5px;color:var(--text-3);margin-top:1px}.op-root .op-docview{display:flex;flex-direction:column}.op-root .op-docview-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:flex-start}@media (max-width:1000px){.op-root .op-docview-grid{grid-template-columns:1fr}}.op-root .op-docview-col{display:flex;flex-direction:column;gap:14px}.op-root .op-docview-sec{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);padding:16px 18px}.op-root .op-docview-sec-h{font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px;display:flex;align-items:center;gap:8px}.op-root .op-docview-sec-h .muted{color:var(--text-3);font-weight:500;font-size:12px;font-family:var(--font-mono)}.op-root .op-docview-sec-h .grow{flex:1}.op-root .op-meta{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;margin:0;font-size:13px}.op-root .op-meta dt{display:flex;align-items:center;gap:6px;color:var(--text-3)}.op-root .op-meta dt svg{width:13px;height:13px;color:var(--text-3)}.op-root .op-meta dd{margin:0;color:var(--text);display:flex;flex-wrap:wrap;gap:6px}.op-root .op-meta-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--op-border);color:var(--text-2);font-size:12px}.op-root .op-meta-chip img,.op-root .op-meta-chip svg{width:14px;height:14px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.op-root .op-doc-desc{color:var(--text-2);font-size:13.5px;line-height:1.55;margin:0;white-space:pre-wrap}.op-root .op-noteform{margin:4px 0 12px}.op-root .op-notes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.op-root .op-note{background:var(--bg-muted);border:1px solid var(--op-border);border-radius:10px;padding:12px 14px}.op-root .op-note-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.op-root .op-note-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-active);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text-2)}.op-root .op-note-author{font-size:13px;font-weight:600;color:var(--text)}.op-root .op-note-time{font-size:11.5px;color:var(--text-3);font-family:var(--font-mono)}.op-root .op-note-del{margin-left:auto;background:transparent;border:0;color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center}.op-root .op-note-del:hover{background:var(--bg-hover);color:var(--text)}.op-root .op-note-del svg{width:14px;height:14px}.op-root .op-note-body{font-size:13.5px;color:var(--text);white-space:pre-wrap;line-height:1.5}.op-root{--green:#1f7a3a;--green-bg:#e6f4ea}.op-root .op-tk-row .op-tk-right{flex:0 0 auto}.op-root .op-tk-creator,.op-root .op-tk-row .op-tk-right{display:inline-flex;align-items:center;gap:6px}.op-root .op-tk-avatar{width:18px;height:18px;border-radius:50%;background:var(--bg-active);color:var(--text-2);font-size:10px;font-weight:600;display:grid;place-items:center;flex:0 0 18px}.op-root .op-tk-pri{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--bg-active);color:var(--text-2);border:1px solid var(--op-border);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.op-root .op-tk-pri svg{width:10px;height:10px}.op-root .op-tk-pri.warn{background:var(--amber-bg);color:color-mix(in oklch,var(--amber),black 28%);border-color:color-mix(in oklch,var(--amber),white 50%)}.op-root .op-tk-pri.alert{background:var(--red-bg);color:var(--red);border-color:color-mix(in oklch,var(--red),white 50%)}.op-root .op-tk-pri.alert svg{animation:op-spin-pulse 2s ease-in-out infinite}@keyframes op-spin-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.op-root .op-tk-internal-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;background:var(--amber-bg);color:color-mix(in oklch,var(--amber),black 32%);border:1px solid color-mix(in oklch,var(--amber),white 50%);text-transform:uppercase;letter-spacing:.04em;margin-left:6px}.op-root .op-tk-internal-tag svg{width:10px;height:10px}.op-root .op-note.op-note-internal{background:var(--amber-bg);border-color:color-mix(in oklch,var(--amber),white 55%)}.op-root .op-tk-internal{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);cursor:pointer}.op-root .op-tk-internal input{accent-color:var(--text)}.op-root .op-tk-internal svg{width:12px;height:12px;color:var(--text-3)}.op-root .op-docs-bar select.filter-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:22px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23999'><path d='M5.5 7.5l4.5 4.5 4.5-4.5z'/></svg>");background-repeat:no-repeat;background-position:right 6px center}.op-root .iconbtn.danger:hover{background:var(--red-bg);color:var(--red)}.op-root .iconbtn:disabled{opacity:.4;cursor:not-allowed}.op-root .iconbtn:disabled:hover{background:transparent}.op-root .op-settings-doctop{display:flex;align-items:center;gap:12px;margin:18px 0 12px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:10px}.op-root .op-settings-doctop .cnts{font-size:13px;color:var(--text-2)}.op-root .op-settings-doctop .cnts b{color:var(--text);font-weight:600;font-family:var(--font-mono)}.op-root .op-settings-doctop .grow{flex:1}.op-root .op-cat-mgr{display:flex;flex-direction:column;gap:10px}.op-root .op-cat-mgr-group{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);overflow:hidden}.op-root .op-cat-mgr-row{display:flex;align-items:center;gap:12px;padding:12px 14px}.op-root .op-cat-mgr-row.top{border-bottom:1px solid var(--op-border);background:var(--bg-muted)}.op-root .op-cat-mgr-row.sub{padding:9px 14px 9px 50px;border-top:1px solid var(--op-border)}.op-root .op-cat-mgr-row.sub:first-child{border-top:none}.op-root .op-cat-mgr-row .reveal{width:22px;height:22px;border:none;background:transparent;color:var(--text-3);display:grid;place-items:center;cursor:pointer;padding:0;border-radius:4px;flex:0 0 22px}.op-root .op-cat-mgr-row .reveal:hover{color:var(--text);background:var(--bg-hover)}.op-root .op-cat-mgr-row .reveal svg{width:14px;height:14px}.op-root .op-cat-mgr-row .grow{flex:1}.op-root .op-cat-mgr-icon{position:relative;width:44px;height:44px;border-radius:10px;background:var(--bg-muted);border:1px solid var(--op-border);display:grid;place-items:center;color:var(--text-2);cursor:pointer;flex:0 0 44px;overflow:hidden}.op-root .op-cat-mgr-icon.sm{width:32px;height:32px;border-radius:8px;flex:0 0 32px}.op-root .op-cat-mgr-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-root .op-cat-mgr-icon-edit{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;background:var(--text);color:var(--bg-surface);display:grid;place-items:center;pointer-events:none;box-shadow:0 0 0 2px var(--bg-surface)}.op-root .op-cat-mgr-icon-edit svg{width:10px;height:10px}.op-root .op-cat-mgr-name{min-width:0}.op-root .op-cat-mgr-name .nm{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.op-root .op-cat-mgr-name.sub .nm{font-size:13.5px;font-weight:500}.op-root .op-cat-mgr-name .nm .preset-tag{font-family:var(--font-mono);font-size:10px;font-weight:500;padding:1px 6px;border-radius:999px;background:var(--bg-active);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.op-root .op-cat-mgr-name .meta{font-size:11.5px;color:var(--text-3);margin-top:2px;font-family:var(--font-mono)}.op-root .op-cat-mgr-children{padding:0}.op-root .op-cat-mgr-add{display:flex;align-items:center;gap:6px;width:100%;padding:11px 14px 11px 50px;background:transparent;border:none;border-top:1px dashed var(--op-border);cursor:pointer;color:var(--text-3);font-family:var(--font-sans);font-size:13px;font-weight:500;text-align:left}.op-root .op-cat-mgr-add:hover{background:var(--bg-hover);color:var(--text)}.op-root .op-cat-mgr-add.top{padding:14px;background:var(--bg-surface);border:1px dashed var(--op-border-strong);border-radius:var(--radius-op);justify-content:center}.op-root .op-cat-mgr-add.top:hover{background:var(--bg-hover);border-color:var(--text-3)}.op-root .op-cat-mgr-add svg{width:14px;height:14px}.op-root .op-cat-mgr-newrow{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--text-3);border-radius:var(--radius-op)}.op-root .op-cat-mgr-newrow.sub{padding:10px 14px 10px 50px;border-top:1px solid var(--op-border);border-radius:0;background:var(--bg-muted)}.op-root .op-cat-mgr-newrow .op-input{flex:1}.op-root .op-loading{display:flex;align-items:center;gap:10px;padding:40px;justify-content:center;color:var(--text-3)}.op-root .op-modal-scrim{position:fixed;inset:0;background:rgba(20,18,14,.42);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;padding:24px;animation:op-modal-in .12s ease-out}@keyframes op-modal-in{0%{opacity:0}to{opacity:1}}.op-root .op-modal{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.18);display:flex;flex-direction:column;max-height:min(720px,92vh);width:100%;max-width:760px;overflow:hidden}.op-root .op-modal-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--op-border)}.op-root .op-modal-title{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--text)}.op-root .op-modal-title svg{width:16px;height:16px;color:var(--text-3)}.op-root .op-modal-head .iconbtn{margin-left:auto}.op-root .op-iconpicker-tabs{display:flex;align-items:center;gap:6px;padding:10px 18px;border-bottom:1px solid var(--op-border)}.op-root .op-iconpicker-tabs .tab{background:transparent;border:0;padding:6px 12px;border-radius:7px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer}.op-root .op-iconpicker-tabs .tab:hover{background:var(--bg-hover);color:var(--text)}.op-root .op-iconpicker-tabs .tab.on{background:var(--bg-active);color:var(--text)}.op-root .op-iconpicker-tabs .grow{flex:1}.op-root .op-iconpicker-search{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--op-border);background:var(--bg-muted)}.op-root .op-iconpicker-search svg{width:14px;height:14px;color:var(--text-3);flex:0 0 14px}.op-root .op-iconpicker-search input{flex:1;border:0;background:transparent;outline:none;font-family:var(--font-sans);font-size:13.5px;color:var(--text);padding:4px 0}.op-root .op-iconpicker-search .iconbtn{width:24px;height:24px}.op-root .op-iconpicker-search .iconbtn svg{width:12px;height:12px}.op-root .op-iconpicker-body{flex:1;overflow-y:auto;padding:14px 18px 18px}.op-root .op-iconpicker-group+.op-iconpicker-group{margin-top:16px}.op-root .op-iconpicker-group-h{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 8px;display:flex;align-items:center;gap:6px}.op-root .op-iconpicker-group-h .ct{font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:1px 6px;border-radius:999px;background:var(--bg-active);color:var(--text-3);letter-spacing:.04em}.op-root .op-iconpicker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}.op-root .op-iconpicker-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;background:var(--bg-surface);border:1px solid var(--op-border);border-radius:8px;cursor:pointer;transition:all .1s ease;color:var(--text-2);font-family:var(--font-sans)}.op-root .op-iconpicker-cell:hover{background:var(--bg-hover);color:var(--text);border-color:var(--op-border-strong)}.op-root .op-iconpicker-cell.selected{background:var(--bg-active);color:var(--text);border-color:var(--text)}.op-root .op-iconpicker-cell svg{width:20px;height:20px}.op-root .op-iconpicker-cell .lbl{font-size:10.5px;color:var(--text-3);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.op-root .op-iconpicker-cell.selected .lbl,.op-root .op-iconpicker-cell:hover .lbl{color:var(--text-2)}.op-root .op-iconpicker-upload{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 24px 32px}.op-root .op-iconpicker-preview{width:96px;height:96px;border-radius:14px;background:var(--bg-muted);border:1px solid var(--op-border);display:grid;place-items:center;overflow:hidden}.op-root .op-iconpicker-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-root .op-iconpicker-hint{font-size:12.5px;color:var(--text-3);max-width:480px;text-align:center;line-height:1.5;margin:0}@media (max-width:640px){.op-root .op-modal{max-width:100%;border-radius:12px}.op-root .op-iconpicker-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.op-root .op-iconpicker-cell{padding:8px 4px 6px}.op-root .op-iconpicker-cell .lbl{font-size:10px}}.op-root .op-doc-accordion{display:flex;flex-direction:column;gap:10px}.op-root .op-doc-accord-search-header{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:4px 4px 8px}.op-root .op-acc-group{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:var(--radius-op);overflow:hidden;transition:border-color .12s ease}.op-root .op-acc-group.open{border-color:var(--op-border-strong)}.op-root .op-acc-head{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:background .08s ease}.op-root .op-acc-head:hover{background:var(--bg-hover)}.op-root .op-acc-group.open>.op-acc-head{background:var(--bg-muted);border-bottom:1px solid var(--op-border)}.op-root .op-acc-chev{color:var(--text-3);width:18px;display:grid;place-items:center;flex:0 0 18px}.op-root .op-acc-chev svg{width:16px;height:16px}.op-root .op-acc-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-muted);border:1px solid var(--op-border);display:grid;place-items:center;color:var(--text-2);overflow:hidden;flex:0 0 40px}.op-root .op-acc-group.open>.op-acc-head .op-acc-icon{background:var(--bg-surface)}.op-root .op-acc-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-root .op-acc-name{font-size:15px;font-weight:600;color:var(--text);flex:1;min-width:0}.op-root .op-acc-meta{display:flex;align-items:center;gap:6px}.op-root .op-acc-meta .chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);background:var(--bg-active);border:1px solid var(--op-border);padding:2px 8px;border-radius:999px}.op-root .op-acc-body{padding:14px 18px 16px}.op-root .op-acc-section-h{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:4px 0 8px}.op-root .op-acc-sublist{display:flex;flex-direction:column;gap:6px}.op-root .op-acc-sub{border:1px solid var(--op-border);border-radius:9px;overflow:hidden;background:var(--bg-surface)}.op-root .op-acc-sub.open{border-color:var(--op-border-strong)}.op-root .op-acc-subhead{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:var(--font-sans)}.op-root .op-acc-subhead:hover{background:var(--bg-hover)}.op-root .op-acc-sub.open>.op-acc-subhead{background:var(--bg-muted);border-bottom:1px solid var(--op-border)}.op-root .op-acc-subicon{width:28px;height:28px;border-radius:7px;background:var(--bg-muted);display:grid;place-items:center;color:var(--text-2);overflow:hidden;flex:0 0 28px}.op-root .op-acc-subicon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-root .op-acc-subname{font-size:13.5px;font-weight:600;color:var(--text);flex:1;min-width:0}.op-root .op-acc-subbody{padding:10px 12px 12px}.op-root .op-pane-scrim{position:fixed;inset:0;background:rgba(20,18,14,.32);z-index:90;animation:op-pane-scrim-in .14s ease-out}@keyframes op-pane-scrim-in{0%{opacity:0}to{opacity:1}}.op-root .op-pane{position:fixed;top:0;right:0;bottom:0;width:580px;max-width:100vw;background:var(--bg-surface);border-left:1px solid var(--op-border);box-shadow:-24px 0 60px -24px rgba(0,0,0,.25);z-index:91;display:flex;flex-direction:column;animation:op-pane-slide-in .18s ease-out}@keyframes op-pane-slide-in{0%{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}.op-root .op-pane-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--op-border);background:var(--bg-surface)}.op-root .op-pane-titlewrap{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.op-root .op-pane-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-muted);border:1px solid var(--op-border);display:grid;place-items:center;color:var(--text-2);overflow:hidden;flex:0 0 32px}.op-root .op-pane-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-root .op-pane-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-root .op-pane-title,.op-root .op-pane-title-input{font-size:16px;font-weight:600;color:var(--text);min-width:0}.op-root .op-pane-title-input{font-family:var(--font-sans);background:transparent;border:0;outline:none;padding:4px 6px;border-radius:6px;margin:-4px -6px;flex:1}.op-root .op-pane-title-input:focus,.op-root .op-pane-title-input:hover{background:var(--bg-muted);box-shadow:inset 0 0 0 1px var(--op-border)}.op-root .op-pane-actions{display:flex;align-items:center;gap:4px}.op-root .op-pane-actions .op-doc-badge{font-size:11px;padding:3px 7px}.op-root .op-pane-body{flex:1;overflow-y:auto;padding:14px 18px 24px;display:flex;flex-direction:column;gap:14px}.op-root .op-pane-foot-spacer{height:12px}.op-root .op-pane-sec{background:var(--bg-surface);border:1px solid var(--op-border);border-radius:10px;padding:14px 16px}.op-root .op-pane-sec-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);margin:0 0 10px}.op-root .op-pane-sec-h svg{width:14px;height:14px;color:var(--text-3)}.op-root .op-pane-sec-h .muted{font-family:var(--font-mono);font-size:11px;color:var(--text-3);font-weight:500;padding:1px 7px;border-radius:999px;background:var(--bg-active);border:1px solid var(--op-border)}.op-root .op-pane-sec-h .grow{flex:1}.op-root .op-pane-meta{display:flex;flex-direction:column;gap:6px}.op-root .op-pane-meta .row{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;min-height:32px}.op-root .op-pane-meta .lbl{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.op-root .op-pane-meta .lbl svg{width:13px;height:13px;color:var(--text-3)}.op-root .op-pane-meta .val{font-size:13px;color:var(--text)}.op-root .op-input.slim{padding:6px 9px;font-size:13px}.op-root .op-input.slim:disabled{opacity:.6}@media (max-width:640px){.op-root .op-pane{width:100vw;border-left:0}.op-root .op-pane-meta .row{grid-template-columns:1fr;gap:4px;min-height:0}.op-root .op-pane-meta .lbl{font-size:11.5px}}