:root{--bg:#fafaf9;--bg-2:#f5f5f4;--surface:#fff;--surface-hover:#fbfbfa;--border:#ececea;--border-strong:#e2e2df;--text:#1a1a19;--text-2:#4b4b47;--text-3:#8a8a85;--text-4:#b5b5b0;--primary:#1a1a19;--primary-hover:#2b2b28;--pastel-lavender:#ede9fe;--pastel-blue:#dbeafe;--pastel-peach:#ffe4d2;--pastel-mint:#d9f2e4;--pastel-yellow:#fef3c7;--pastel-pink:#fce7f3;--stroke-lavender:#c7bcfb;--stroke-blue:#a8c9f5;--stroke-peach:#f5c2a0;--stroke-mint:#a8dcbf;--stroke-yellow:#f4d88a;--stroke-pink:#f0bbd8;--brand-figma:#f24e1e;--brand-loveable:#ff5a82;--brand-cursor:#111;--brand-claude:#d97757;--brand-replit:#f26207;--brand-glitch:#c72fbf;--status-current:#15803d;--status-current-bg:#dcfce7;--status-draft:#b45309;--status-draft-bg:#fef3c7;--status-archived:#6b7280;--status-archived-bg:#f3f4f6;--shadow-sm:0 1px 2px #1414120a;--shadow-md:0 2px 8px #1414120d, 0 1px 2px #1414120a;--shadow-lg:0 8px 28px #14141212, 0 2px 6px #1414120a;--shadow-pop:0 16px 48px #1414121f;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";letter-spacing:-.005em;font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5{letter-spacing:-.02em;margin:0;font-weight:600}h1{letter-spacing:-.03em;font-size:32px;line-height:1.15}h2{font-size:22px;line-height:1.2}h3{font-size:16px;line-height:1.3}p{color:var(--text-2);margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:22px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 8px;display:flex}.brand-mark{color:#fafaf9;letter-spacing:-.04em;background:#1a1a19;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid;box-shadow:0 1px 4px #0000002e}.brand-name{letter-spacing:-.02em;font-size:15px;font-weight:600}.brand-sub{color:var(--text-3);font-size:11px}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:4px 10px 8px;font-size:11px;font-weight:500}.nav-item{border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;align-items:center;gap:10px;padding:7px 10px;font-size:14px;display:flex}.nav-item:hover{background:var(--bg-2);color:var(--text)}.nav-item.active{color:var(--text);box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff}.nav-item .dot{border-radius:50%;width:8px;height:8px}.nav-item svg{opacity:.85;flex:none;width:16px;height:16px}.main{width:100%;max-width:1400px;padding:20px 32px 80px}.topbar{align-items:center;gap:14px;padding:6px 0 18px;display:flex}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);flex:1;align-items:center;gap:10px;max-width:460px;padding:9px 16px;display:flex}.search input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:14px}.search input::placeholder{color:var(--text-3)}.kbd{color:var(--text-3);border:1px solid var(--border);background:var(--bg-2);border-radius:6px;padding:1px 6px;font-size:11px}.icon-btn{border:1px solid var(--border);width:36px;height:36px;box-shadow:var(--shadow-sm);color:var(--text-2);background:#fff;border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid}.icon-btn:hover{box-shadow:var(--shadow-md);color:var(--text);transform:translateY(-1px)}.icon-btn svg{width:16px;height:16px}.avatar{color:#fff;width:32px;height:32px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f4c8b3,#e29a85);border:2px solid #fff;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.btn{border-radius:var(--r-pill);border:1px solid #0000;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:transform .12s,background .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--surface-hover)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--bg-2);color:var(--text)}.btn svg{width:14px;height:14px}.pill{border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text-2);background:#fff;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pill .dot{border-radius:50%;width:6px;height:6px}.badge{border-radius:var(--r-pill);background:var(--bg-2);color:var(--text-2);align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge.current{background:var(--status-current-bg);color:var(--status-current)}.badge.draft{background:var(--status-draft-bg);color:var(--status-draft)}.badge.archived{background:var(--status-archived-bg);color:var(--status-archived)}.section-h{justify-content:space-between;align-items:end;margin:28px 0 14px;display:flex}.section-h h2{font-size:18px}.section-h .meta{color:var(--text-3);font-size:13px}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.folder{border-radius:var(--r-lg);background:var(--pastel-lavender);min-height:132px;box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid #0000000a;flex-direction:column;justify-content:space-between;padding:16px 16px 14px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.folder:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.folder .tab{background:inherit;filter:brightness(.92);border-radius:6px 6px 0 0;width:56px;height:10px;position:absolute;top:-7px;left:14px}.folder .name{font-size:15px;font-weight:600}.folder .count{color:var(--text-2);margin-top:2px;font-size:12px}.folder .footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.brand-dot{color:#fff;border-radius:6px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.folder .stack{gap:-6px;display:flex}.folder .stack>*{margin-left:-6px}.folder.lavender{background:var(--pastel-lavender)}.folder.blue{background:var(--pastel-blue)}.folder.peach{background:var(--pastel-peach)}.folder.mint{background:var(--pastel-mint)}.folder.yellow{background:var(--pastel-yellow)}.folder.pink{background:var(--pastel-pink)}.folder.add{border:1.5px dashed var(--border-strong);color:var(--text-3);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.folder.add:hover{border-color:var(--text-3);color:var(--text-2)}.file-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.file-card{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;transition:transform .15s,box-shadow .15s;overflow:hidden}.file-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-thumb{border-bottom:1px solid var(--border);height:152px;position:relative;overflow:hidden}.file-meta{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.file-name{font-size:14px;font-weight:600}.file-sub{color:var(--text-3);align-items:center;gap:8px;font-size:12px;display:flex}.brand-pill{border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text-2);background:#fff;align-items:center;gap:6px;padding:2px 8px 2px 6px;font-size:11px;font-weight:500;display:inline-flex}.brand-pill .b-dot{border-radius:50%;width:8px;height:8px}.file-list{flex-direction:column;display:flex}.file-row{border:1px solid var(--border);cursor:pointer;background:#fff;border-bottom:0;grid-template-columns:56px 1fr 160px 130px 110px 32px;align-items:center;gap:14px;padding:10px 12px;display:grid}.file-row:first-child{border-top-left-radius:var(--r-md);border-top-right-radius:var(--r-md)}.file-row:last-child{border-bottom:1px solid var(--border);border-bottom-left-radius:var(--r-md);border-bottom-right-radius:var(--r-md)}.file-row:hover{background:var(--surface-hover)}.file-row .mini-thumb{border:1px solid var(--border);border-radius:8px;height:36px;overflow:hidden}.file-compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;display:grid}.file-compact .row{border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;background:#fff;align-items:center;gap:10px;padding:8px 10px;display:flex}.file-compact .row:hover{background:var(--surface-hover)}.view-toggle{border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);background:#fff;padding:3px;display:inline-flex}.view-toggle button{border-radius:var(--r-pill);color:var(--text-2);background:0 0;border:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.view-toggle button.active{background:var(--primary);color:#fff}.view-toggle svg{width:14px;height:14px}.hero{border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;grid-template-columns:1.1fr 1fr;gap:24px;min-height:240px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.hero h1{letter-spacing:-.03em;font-size:30px}.hero p{max-width:440px;margin-top:10px;font-size:14.5px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero-illu{border-radius:var(--r-lg);background:linear-gradient(#fce9d8 0%,#f7c9b0 35%,#e89f8d 70%,#b96e78 100%);position:relative;overflow:hidden}.hero-illu svg{width:100%;height:100%;display:block}.crumbs{color:var(--text-3);align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.crumbs a{color:var(--text-2)}.crumbs a:hover{color:var(--text)}.file-shell{grid-template-columns:280px 1fr;height:100vh;display:grid}.fv-app{grid-template-columns:248px 280px 1fr;min-height:100vh;display:grid}.fv-app.with-right{grid-template-columns:248px 280px 1fr 360px}.fv-app.collapsed-history{grid-template-columns:248px 56px 1fr}.fv-app.collapsed-history.with-right{grid-template-columns:248px 56px 1fr 360px}.history-panel{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.history-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.history-head h3{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}.history-list{flex-direction:column;gap:8px;padding:10px;display:flex;overflow-y:auto}.history-item{border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;background:#fff;grid-template-columns:44px 1fr;gap:10px;padding:10px;display:grid}.history-item:hover{background:var(--surface-hover)}.history-item.active{border-color:var(--text);box-shadow:0 0 0 3px #1a1a190f}.history-item .h-thumb{border:1px solid var(--border);border-radius:8px;height:44px;overflow:hidden}.history-item .label{font-size:13px;font-weight:600}.history-item .ts{color:var(--text-3);font-size:11px}.history-item .changes{color:var(--text-2);margin-top:4px;font-size:11px}.canvas-shell{background:var(--bg-2);flex-direction:column;gap:14px;min-height:100vh;padding:18px 22px;display:flex}.canvas-head{justify-content:space-between;align-items:center;display:flex}.canvas-title{align-items:center;gap:10px;display:flex}.canvas-title h2{font-size:18px}.canvas{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);background:#fff;flex:1;position:relative;overflow:hidden}.canvas .annot-counter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);z-index:5;background:#ffffffeb;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:14px;right:14px}.callout{color:#fff;width:26px;height:26px;box-shadow:var(--shadow-md);cursor:pointer;z-index:4;background:#1a1a19;border:2px solid #fff;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute}.callout:hover{transform:scale(1.06)}.tooltip{border:1px solid var(--border);border-radius:var(--r-md);width:280px;box-shadow:var(--shadow-pop);z-index:6;background:#fff;padding:12px 14px;position:absolute}.tooltip h4{margin-bottom:6px;font-size:13px;font-weight:600}.tooltip .ba{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px;display:grid}.tooltip .ba .swatch{border:1px solid var(--border);height:38px;color:var(--text-3);border-radius:8px;place-items:center;font-size:10px;display:grid}.tooltip .acts{gap:6px;margin-top:6px;display:flex}.tooltip .acts .btn{padding:6px 10px;font-size:12px}.bottom-bar{pointer-events:none;justify-content:center;display:flex;position:sticky;bottom:14px}.bottom-bar>.inner{pointer-events:auto;border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-pop);background:#fff;align-items:center;gap:8px;padding:8px;display:flex}.right-panel{border-left:1px solid var(--border);background:#fff;padding:18px;overflow-y:auto}.right-panel h3{font-size:15px}.right-panel .field{margin-top:14px}.right-panel label{color:var(--text-3);margin-bottom:6px;font-size:12px;display:block}.input{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;width:100%;padding:9px 12px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--text-3);outline:2px solid #1a1a191a}.checklist{flex-direction:column;gap:6px;margin-top:8px;display:flex}.check-item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);grid-template-columns:18px 26px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.checkbox{border:1.5px solid var(--border-strong);background:#fff;border-radius:5px;place-items:center;width:16px;height:16px;display:grid}.checkbox.checked{background:var(--primary);border-color:var(--primary);color:#fff}.checkbox svg{width:11px;height:11px}.comment-pin{border:2px solid var(--primary);width:28px;height:28px;box-shadow:var(--shadow-md);z-index:4;cursor:pointer;background:#fff;border-radius:50% 50% 50% 4px;place-items:center;display:grid;position:absolute}.comment-pin .av{color:#fff;background:linear-gradient(135deg,#c7bcfb,#8e7df0);border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid}.comment-thread{border:1px solid var(--border);border-radius:var(--r-md);width:300px;box-shadow:var(--shadow-pop);z-index:6;background:#fff;padding:12px 14px;position:absolute}.comment-thread .row{align-items:flex-start;gap:10px;display:flex}.comment-thread .av{color:#fff;background:linear-gradient(135deg,#c7bcfb,#8e7df0);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:grid}.comment-thread .body{flex:1}.comment-thread .name{font-size:13px;font-weight:600}.comment-thread .ts{color:var(--text-3);font-size:11px}.comment-thread .text{color:var(--text-2);margin-top:4px;font-size:13px;line-height:1.45}.comment-thread .reply{gap:6px;margin-top:10px;display:flex}.comment-thread .reply input{border:1px solid var(--border);border-radius:var(--r-sm);flex:1;padding:7px 10px;font-family:inherit;font-size:13px}.comment-thread .toggle{background:var(--bg-2);border-radius:var(--r-pill);gap:4px;margin-top:10px;padding:3px;display:inline-flex}.comment-thread .toggle button{border-radius:var(--r-pill);color:var(--text-2);background:0 0;border:0;padding:4px 10px;font-size:11px}.comment-thread .toggle button.active{color:var(--text);box-shadow:var(--shadow-sm);background:#fff}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#14141252;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--r-lg);width:100%;max-width:600px;box-shadow:var(--shadow-pop);border:1px solid var(--border);background:#fff;overflow:hidden}.modal.lg{max-width:760px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.modal-head h3{font-size:16px}.modal-body{padding:18px 22px}.modal-foot{border-top:1px solid var(--border);background:var(--bg);justify-content:flex-end;gap:8px;padding:12px 22px 16px;display:flex}.page-faded{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.slide-panel{border-left:1px solid var(--border);z-index:60;background:#fff;flex-direction:column;width:400px;transition:transform .28s cubic-bezier(.32,.72,.26,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-16px 0 48px #1414121a}.slide-panel.always-open,.slide-panel.is-open{transform:translate(0)}.slide-panel-backdrop{z-index:55;opacity:0;pointer-events:none;background:#1414122e;transition:opacity .25s;position:fixed;inset:0}.slide-panel.is-open+.slide-panel-backdrop,.slide-panel-backdrop.is-open{opacity:1;pointer-events:auto}.slide-panel .head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.slide-panel .body{flex-direction:column;flex:1;gap:8px;padding:12px 14px;display:flex;overflow-y:auto}.notif-item{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;grid-template-columns:32px 1fr;gap:10px;padding:12px;display:grid}.notif-item.unread{border-color:#c7d7f5;border-left:3px solid var(--blue);background:#f5f8ff}.notif-item .av{color:#fff;background:linear-gradient(135deg,#f4c8b3,#e29a85);border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.notif-item .text{color:var(--text-2);font-size:13px;line-height:1.45}.notif-item .text b{color:var(--text);font-weight:600}.notif-item .meta{color:var(--text-3);align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.notif-item .actions{gap:6px;margin-top:8px;display:flex}.notif-item .type-badge{border-radius:var(--r-pill);background:var(--bg-2);color:var(--text-2);padding:1px 6px;font-size:10px}.settings-grid{grid-template-columns:220px 1fr;gap:24px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav .nav-item{padding:8px 12px}.settings-card{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:16px;padding:20px 22px}.settings-card h3{margin-bottom:4px;font-size:15px}.settings-card .desc{color:var(--text-3);margin-bottom:14px;font-size:13px}.connection-row{border-top:1px solid var(--border);grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.connection-row:first-of-type{border-top:0}.connection-row .platform-square{color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.switch{border-radius:var(--r-pill);cursor:pointer;background:#d6d6d2;width:36px;height:20px;transition:background .15s;position:relative}.switch:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:left .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--primary)}.switch.on:after{left:18px}.action-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.action-card{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:10px;padding:16px;display:flex}.action-card .head{justify-content:space-between;align-items:center;display:flex}.action-card .name{font-size:14px;font-weight:600}.action-card .summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-2);padding:10px 12px;font-size:12px;line-height:1.45}.action-card .foot{gap:8px;margin-top:4px;display:flex}.action-card .foot .btn{flex:1;justify-content:center;padding:8px 12px;font-size:13px}.slider{-webkit-appearance:none;background:0 0;width:100%}.slider::-webkit-slider-runnable-track{background:var(--border-strong);border-radius:999px;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--primary);width:16px;height:16px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;margin-top:-6px}.diff-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;display:grid}.diff-row:first-of-type{border-top:0}.diff-cell{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;font-size:12.5px}.diff-cell.removed{background:#fef2f2;border-color:#fecaca}.diff-cell.added{background:#f0fdf4;border-color:#bbf7d0}.conflict{border-radius:var(--r-md);background:#fef2f2;border:1px solid #fecaca;margin-top:10px;padding:12px}.conflict .title{color:#b91c1c;font-size:13px;font-weight:600}.conflict .opts{gap:6px;margin-top:8px;display:flex}.conflict .opts .pill{background:#fff}.conflict .opts .pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.seg{background:var(--bg-2);border-radius:var(--r-pill);padding:3px;display:inline-flex}.seg button{color:var(--text-2);border-radius:var(--r-pill);background:0 0;border:0;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:inline-flex}.seg button.active{color:var(--text);box-shadow:var(--shadow-sm);background:#fff}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sxs-grid{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}.sxs-pane{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);background:#fff;position:relative;overflow:hidden}.sxs-pane .pane-head{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);z-index:3;background:#ffffffeb;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12.5px;display:flex;position:absolute;top:0;left:0;right:0}.mock{background:linear-gradient(#fcfcfb 0%,#f2f1ee 100%);position:absolute;inset:0}.mock .mock-bar{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:8px;height:36px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.mock .mock-dot{border-radius:50%;width:8px;height:8px}.mock .mock-content{position:absolute;inset:36px 24px 24px}.mock .row{background:#e8e7e3;border-radius:6px;height:14px;margin-bottom:12px}.mock .row.s{width:60%}.mock .row.m{width:80%}.mock .card-row{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:12px;display:grid}.mock .card-mock{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:6px;height:80px;padding:10px;display:flex}.mock .card-mock .strip{background:#dedcd7;border-radius:4px;height:6px}.mock.dashboard .h1{background:linear-gradient(90deg,#2a2a27,#4a4a45);border-radius:6px;width:60%;height:22px;position:absolute;top:56px;left:24px;right:24px}.mock.marketing{background:linear-gradient(#fff3e6,#fcd5b8)}.mock.marketing .hero-block{background:#ffffffb3;border:1px solid #fff;border-radius:12px;height:80px;position:absolute;top:56px;left:24px;right:24px}.mock.onboarding{background:linear-gradient(135deg,#e8f4ed,#bfdfcc)}.mock.pricing{background:linear-gradient(135deg,#fed,#f4c8a4)}.mock.wireframe{background:repeating-linear-gradient(45deg,#f2f2ee 0 12px,#ecece8 12px 24px)}.mock.landing{background:linear-gradient(135deg,#fff7cc,#f4d88a)}.page-actions{justify-content:flex-end;gap:8px;margin-top:28px;display:flex}.empty{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);color:var(--text-3);text-align:center;padding:22px;font-size:13px}:root{--blue:#2d5bff;--blue-hover:#1e47e0;--dark-panel:#1c1b18;--dark-panel-row:#272521;--dark-panel-input:#201f1c;--dark-panel-border:#302e2a;--dark-panel-muted:#a8a89e;--yellow:#f5c842}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-hover)}.fv-v3{background:var(--bg);grid-template-columns:280px 1fr;height:100vh;display:grid;overflow:hidden}.fv-v3-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;gap:16px;height:100vh;padding:16px;display:flex;position:sticky;top:0;overflow-y:auto}.fv-v3-sidebar::-webkit-scrollbar{width:6px}.fv-v3-sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.fv-v3-brand{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 6px 12px;display:flex}.fv-v3-brand .name{letter-spacing:-.02em;font-size:16px;font-weight:700}.fv-v3-brand .menu-btn{cursor:pointer;width:28px;height:28px;color:var(--text-2);border-radius:6px;place-items:center;display:grid}.fv-v3-brand .menu-btn:hover{background:var(--bg-2);color:var(--text)}.fv-v3-section-label{color:var(--text);letter-spacing:-.01em;padding:8px 6px 0;font-size:13px;font-weight:700}.version-card-v3{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}.version-card-v3:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.version-card-v3.active{border-color:var(--primary);box-shadow:0 0 0 3px #1a1a190f}.version-card-v3 .vc-thumb{border-bottom:1px solid var(--border);background:#eceae6;height:124px;position:relative;overflow:hidden}.version-card-v3 .vc-meta{padding:10px 14px 12px}.version-card-v3 .vc-name{letter-spacing:-.01em;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;display:flex}.version-card-v3 .vc-name .pin-current{color:var(--text-3);font-size:11px;font-weight:500}.version-card-v3 .vc-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.version-card-v3 .vc-time{color:var(--text-3);font-size:11.5px}.version-card-v3 .vc-stars{gap:2px;display:flex}.version-card-v3 .vc-stars svg{width:10px;height:10px;color:var(--text-4)}.version-card-v3 .vc-stars svg.filled{color:var(--text)}.fv-v3-main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.fv-v3-topbar{border-bottom:1px solid var(--border);z-index:5;background:#fff;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:16px 28px;display:grid}.fv-v3-topbar .left{color:var(--text);font-size:14px;font-weight:500}.fv-v3-topbar .search-v3{background:var(--bg-2);border-radius:var(--r-pill);border:1px solid #0000;align-items:center;gap:10px;width:min(560px,60vw);padding:10px 18px;transition:all .15s;display:flex}.fv-v3-topbar .search-v3:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-sm);background:#fff}.fv-v3-topbar .search-v3 input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:14px}.fv-v3-topbar .search-v3 input::placeholder{color:var(--text-3)}.fv-v3-topbar .right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.fv-v3-topbar .avatar-circle{cursor:pointer;background:#d6d6d2;border-radius:50%;width:36px;height:36px}.fv-v3-canvas-area{flex:1;grid-template-columns:1fr 340px;gap:24px;min-width:0;min-height:0;padding:24px 28px 28px;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.fv-v3-canvas-area.panel-closed{grid-template-columns:1fr 0}.fv-v3-right{transition:opacity .2s,transform .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.fv-v3-canvas-area.panel-closed .fv-v3-right{opacity:0;pointer-events:none;transform:translate(20px)}.btn-pill.panel-active{background:var(--primary);color:#fff;border-color:var(--primary)}.fv-v3-canvas-col{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex;overflow:hidden}.fv-v3-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.fv-v3-header h1{letter-spacing:-.03em;font-size:32px;font-weight:700;line-height:1}.fv-v3-header .actions{align-items:center;gap:10px;display:flex}.fv-v3-header .label-inline{color:var(--text-2);margin-right:6px;font-size:13.5px}.dropdown{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:8px;min-width:130px;padding:8px 14px;font-size:13.5px;display:inline-flex}.dropdown:hover{border-color:var(--border-strong)}.dropdown svg{opacity:.6;width:12px;height:12px}.btn-pill{border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-pill:hover{border-color:var(--border-strong);background:var(--surface-hover)}.btn-pill.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-pill.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-pill svg{width:14px;height:14px}.fv-v3-canvas{background:#eceae6;border-radius:14px;flex:1;min-height:0;padding:8px;position:relative;overflow:hidden}.fv-v3-canvas .figma-frame-label{color:var(--text-3);font-size:11px;font-weight:500;position:absolute;top:-22px;left:4px}.fv-v3-canvas .artboard,.artboard{background:#fff;border-radius:8px;grid-template-rows:56px 1fr;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.art-header{border-bottom:1px solid #efeeeb;align-items:center;gap:18px;padding:0 20px;display:flex}.art-header .logo{letter-spacing:-.02em;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.art-header .logo-mark{background:linear-gradient(135deg,#2d5bff,#6a8dff);border-radius:6px;width:22px;height:22px}.art-header nav{flex:1;gap:4px;margin-left:12px;display:flex}.art-header nav a{color:var(--text-2);border-radius:6px;padding:6px 12px;font-size:12.5px}.art-header nav a.active{background:var(--bg-2);color:var(--text);font-weight:600}.art-header .right{align-items:center;gap:8px;display:flex}.art-header .icon{background:var(--bg-2);width:28px;height:28px;color:var(--text-2);border-radius:7px;place-items:center;display:grid}.art-header .icon svg{width:14px;height:14px}.art-header .avatar{background:linear-gradient(135deg,#f4c8b3,#e29a85);border-radius:50%;width:28px;height:28px}.art-body{grid-template-columns:180px 1fr;min-height:0;display:grid}.art-sidebar{border-right:1px solid #efeeeb;flex-direction:column;gap:2px;padding:14px 12px;display:flex}.art-side-item{color:var(--text-2);border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-size:12.5px;display:flex}.art-side-item.active{background:var(--bg-2);color:var(--text);font-weight:600}.art-side-item .dot{background:var(--text-3);border-radius:50%;width:6px;height:6px}.art-side-item.active .dot{background:var(--blue)}.art-side-divider{background:#efeeeb;height:1px;margin:8px 4px}.art-side-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:4px 10px;font-size:10.5px}.art-content{padding:18px 22px 22px;overflow:auto}.art-content-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.art-content-head h2{letter-spacing:-.02em;font-size:18px;font-weight:700}.art-content-head .sub{color:var(--text-3);margin-top:2px;font-size:11.5px}.art-content-head button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;display:inline-flex}.art-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.art-kpi{background:#fff;border:1px solid #efeeeb;border-radius:10px;padding:12px 14px;box-shadow:0 1px 2px #00000005}.art-kpi .kpi-label{color:var(--text-3);font-size:11px;font-weight:500}.art-kpi .kpi-value{letter-spacing:-.02em;margin-top:4px;font-size:19px;font-weight:700}.art-kpi .kpi-trend{align-items:center;gap:4px;margin-top:4px;font-size:10.5px;display:inline-flex}.art-kpi .kpi-trend.up{color:#16a34a}.art-kpi .kpi-trend.down{color:#dc2626}.art-charts{grid-template-columns:1.6fr 1fr;gap:12px;display:grid}.art-card{background:#fff;border:1px solid #efeeeb;border-radius:10px;padding:14px;box-shadow:0 1px 2px #00000005}.art-card h3{letter-spacing:-.01em;font-size:13px;font-weight:600}.art-card .sub{color:var(--text-3);margin-top:2px;font-size:11px}.art-chart{background:linear-gradient(#2d5bff0f,#2d5bff00);border-radius:6px;height:130px;margin-top:10px;position:relative}.art-chart svg{width:100%;height:100%}.art-activity-row{border-top:1px solid #f5f4f1;align-items:flex-start;gap:8px;padding:8px 0;display:flex}.art-activity-row:first-of-type{border-top:0}.art-activity-row .av{background:linear-gradient(135deg,#c7bcfb,#8e7df0);border-radius:50%;flex:none;width:22px;height:22px}.art-activity-row .av.b{background:linear-gradient(135deg,#a8dcbf,#5da77f)}.art-activity-row .av.c{background:linear-gradient(135deg,#f5c2a0,#d6845a)}.art-activity-row .at{color:var(--text-2);font-size:11.5px;line-height:1.4}.art-activity-row .at b{color:var(--text);font-weight:600}.art-activity-row .at .ts{color:var(--text-3);margin-left:4px}.fv-v3-canvas .callout{background:var(--text);color:#fff;cursor:pointer;z-index:5;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:600;transition:transform .15s;display:grid;position:absolute;box-shadow:0 4px 12px #0000002e}.fv-v3-canvas .callout:hover{transform:scale(1.1)}.fv-v3-canvas .callout.selected{background:var(--blue);transform:scale(1.15)}.page-tabs{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.page-tabs::-webkit-scrollbar{height:6px}.page-tabs::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.page-tab{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;flex:0 0 200px;transition:all .15s;overflow:hidden}.page-tab:hover{border-color:var(--border-strong)}.page-tab.active{border-color:var(--primary);box-shadow:0 0 0 3px #1a1a190f}.page-tab .pt-thumb{border-bottom:1px solid var(--border);background:#eceae6;height:100px;position:relative;overflow:hidden}.page-tab .pt-name{padding:10px 14px 12px;font-size:12.5px;font-weight:600}.fv-v3-right{flex-direction:column;gap:16px;min-width:0;min-height:0;transition:opacity .2s,transform .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.actions-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:16px 18px}.actions-card h3{justify-content:space-between;align-items:center;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.actions-card h3 .meta{color:var(--text-3);font-size:11px;font-weight:500}.actions-card .empty-state{text-align:center;color:var(--text-3);padding:28px 12px;font-size:12.5px;line-height:1.5}.actions-card .empty-state svg{width:28px;height:28px;color:var(--text-4);margin-bottom:8px}.action-detail{display:none}.action-detail.show{display:block}.action-detail .ad-title{letter-spacing:-.01em;font-size:14px;font-weight:600}.action-detail .ad-desc{color:var(--text-2);margin-top:6px;font-size:12.5px;line-height:1.5}.action-detail .ad-ba{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.action-detail .ad-ba .b,.action-detail .ad-ba .a{border:1px solid var(--border);word-break:break-all;border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.action-detail .ad-ba .b{color:#991b1b;background:#fef2f2;border-color:#fecaca}.action-detail .ad-ba .a{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.action-detail .ad-row{gap:8px;margin-top:12px;display:flex}.action-detail .ad-row button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:8px;font-family:inherit;font-size:12px;font-weight:500}.action-detail .ad-row button.primary{background:var(--text);color:#fff;border-color:var(--text)}.action-chain-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:16px 18px 14px}.action-chain-card .head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:12px;display:flex}.action-chain-card .head .ico{background:var(--bg-2);border:1px solid var(--border);border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.action-chain-card .head .ico svg{width:14px;height:14px;color:var(--text-2)}.action-chain-card .head .title{color:var(--text);font-size:13.5px;font-weight:600}.action-chain-card .head .subtitle{color:var(--text-3);margin-top:2px;font-size:11px}.action-chain-card .field{margin-top:14px}.action-chain-card .field label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10.5px;font-weight:500;display:block}.action-chain-card .field input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:0;padding:9px 12px;font-family:inherit;font-size:12.5px}.action-chain-card .field input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #1a1a190f}.action-chain-card .changes{flex-direction:column;gap:4px;display:flex}.chain-row{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;transition:background .15s,border-color .15s;display:flex}.chain-row:hover{background:var(--bg-2);border-color:var(--border-strong)}.chain-row .num{background:var(--yellow);color:#1a1a19;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.chain-row .label{color:var(--text);flex:1;font-size:12.5px}.chain-row .check{background:var(--primary);color:#fff;border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.chain-row .check svg{width:10px;height:10px}.chain-row.unchecked .check{border:1.5px solid var(--border-strong);background:0 0}.chain-row.unchecked .check svg{display:none}.action-chain-card .footer{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:11px;display:flex}.action-chain-card .footer button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s}.action-chain-card .footer button:hover{background:var(--primary-hover)}.change-pills-bar{scrollbar-width:none;flex-shrink:0;gap:8px;padding:2px 2px 4px;display:flex;overflow-x:auto}.change-pills-bar::-webkit-scrollbar{display:none}.change-pill{border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;flex:none;align-items:center;gap:7px;padding:6px 12px 6px 8px;font-size:12.5px;transition:all .15s;display:inline-flex}.change-pill:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.change-pill.active{border-color:var(--text);background:var(--text);color:#fff}.cp-num{background:var(--yellow);color:#1a1a19;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.change-pill.active .cp-num{color:#fff;background:#fff3}.cp-name{color:var(--text);font-size:12.5px}.change-pill.active .cp-name{color:#fff}.cp-type{color:var(--text-3);background:var(--bg-2);border-radius:4px;flex:none;padding:2px 6px;font-size:10.5px;font-weight:500}.change-pill.active .cp-type{color:#ffffffbf;background:#ffffff2e}.app-v2{grid-template-columns:240px 1fr;min-height:100vh;transition:grid-template-columns .2s;display:grid}.app-v2.sidebar-collapsed{grid-template-columns:56px 1fr}.sidebar-v2{border-right:1px solid var(--border);background:#fff;flex-direction:column;gap:22px;height:100vh;padding:22px 18px 16px;transition:padding .2s,gap .2s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-v2.collapsed{gap:8px;padding-left:10px;padding-right:10px}.sidebar-v2.collapsed .pinned-group,.sidebar-v2.collapsed .pinned-spacer{display:none}.sidebar-v2.collapsed .brand-v2{min-height:28px;padding-bottom:4px;font-size:0!important}.sidebar-v2.collapsed .pin-sub-list,.sidebar-v2.collapsed .pin-sub{display:none}.sidebar-v2.collapsed .nav-row,.sidebar-v2.collapsed .footer-row{justify-content:center;gap:0;padding:8px 6px;font-size:0}.sidebar-v2.collapsed .nav-row svg,.sidebar-v2.collapsed .footer-row svg{opacity:.75}.sidebar-v2.collapsed .nav-row.active-pg svg{opacity:1}.sidebar-toggle-btn{cursor:pointer;z-index:20;width:22px;height:22px;color:var(--text-3);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex;position:absolute;top:18px;right:14px}.sidebar-toggle-btn:hover{color:var(--text);background:var(--bg-2)}.sidebar-toggle-btn svg{width:14px;height:14px}.sidebar-tip{color:#fff;white-space:nowrap;pointer-events:none;z-index:9999;opacity:0;background:#111;border-radius:6px;padding:5px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:opacity .1s;position:fixed;transform:translateY(-50%);box-shadow:0 2px 8px #0000002e}.sidebar-tip.visible{opacity:1}.sidebar-v2 .brand-v2{letter-spacing:-.02em;color:var(--text);align-items:center;gap:8px;padding:2px 8px 12px;font-size:16px;font-weight:600;display:flex}.brand-logo-icon{flex-shrink:0;width:26px;height:26px;display:block}.sidebar-v2 .group-label{color:var(--text);letter-spacing:-.01em;padding:0 8px 6px;font-size:13px;font-weight:700}.sidebar-v2 .nav-row{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;display:flex}.sidebar-v2 .nav-row svg{opacity:.7;width:16px;height:16px}.sidebar-v2 .nav-row:hover{background:var(--bg-2);color:var(--text)}.sidebar-v2 .nav-row.active{color:var(--text);font-weight:600}.sidebar-v2 .nav-row.active svg{opacity:1}.sidebar-v2 .nav-row.active-pg{color:var(--text);background:#edeae3;font-weight:600}.sidebar-v2 .nav-row.active-pg svg{opacity:1}.sidebar-v2 .nav-row.active-pg:hover{background:#e8e4dc}.sidebar-v2 .heading-link{letter-spacing:-.01em;color:var(--text);cursor:pointer;border-radius:8px;padding:6px 8px;font-size:14px;font-weight:700}.sidebar-v2 .heading-link:hover,.sidebar-v2 .heading-link.active{background:var(--bg-2)}.sidebar-v2 .footer-row{cursor:pointer;color:var(--text-2);border-radius:8px;align-items:center;gap:10px;margin-top:auto;padding:8px 10px;font-size:14px;display:flex}.sidebar-v2 .footer-row:hover{background:var(--bg-2);color:var(--text)}.sidebar-v2 .footer-row svg{width:16px;height:16px}.main-v2{background:var(--bg);min-height:100vh}.topbar-v2{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:22px 32px 16px;display:grid}.topbar-v2 .left{color:var(--text);font-size:14px}.topbar-v2 .search-v2{background:var(--bg-2);border-radius:var(--r-pill);border:1px solid #0000;align-items:center;gap:10px;width:min(540px,60vw);padding:10px 18px;transition:border-color .15s,background .15s;display:flex}.topbar-v2 .search-v2:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-sm);background:#fff}.topbar-v2 .search-v2 input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:14px}.topbar-v2 .search-v2 input::placeholder{color:var(--text-3)}.topbar-v2 .right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.topbar-v2 .avatar-circle{cursor:pointer;background:#d6d6d2;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.banner{aspect-ratio:1300/280;border:1px solid var(--border);background:#faebc8;border-radius:14px;min-height:220px;margin:8px 32px 0;position:relative;overflow:hidden}.banner svg{width:100%;height:100%;display:block;position:absolute;inset:0}.banner .welcome{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 16px #1414122e;font-size:44px;font-weight:700;line-height:1.05;position:absolute;bottom:30px;left:48px}.scroll-section{padding:24px 0 0}.scroll-section .header{padding:0 32px 12px}.scroll-section h2{letter-spacing:-.02em;font-size:22px;font-weight:700}.scroll-row{scroll-snap-type:x proximity;scrollbar-width:thin;gap:18px;padding:4px 32px 16px;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{height:8px}.scroll-row::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.scroll-row::-webkit-scrollbar-track{background:0 0}.scroll-row .project-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);scroll-snap-align:start;cursor:pointer;background:#fff;border-radius:14px;flex:0 0 320px;transition:transform .15s,box-shadow .15s;overflow:hidden}.scroll-row .project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.scroll-row .project-thumb{border-bottom:1px solid var(--border);height:200px;position:relative;overflow:hidden}.scroll-row .project-meta{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.scroll-row .project-name{font-size:15px;font-weight:600}.scroll-row .project-date{color:var(--text-3);font-size:13px}[data-mini]{position:absolute;inset:0}.mini-dash{--m-accent:#2d5bff;--m-accent-2:#6a8dff;background:#fff;flex-direction:column;font-size:0;display:flex;position:absolute;inset:0}.mini-dash .top{border-bottom:1px solid #ececea;flex-shrink:0;align-items:center;gap:4px;height:13px;padding:0 6px;display:flex}.mini-dash .top .logo{background:linear-gradient(135deg, var(--m-accent), var(--m-accent-2));border-radius:2px;width:8px;height:8px}.mini-dash .top .nav{gap:3px;margin-left:2px;display:flex}.mini-dash .top .nav span{background:#ececea;border-radius:1px;width:12px;height:3px}.mini-dash .top .nav span.on{background:#1a1a19}.mini-dash .top .right{gap:3px;margin-left:auto;display:flex}.mini-dash .top .dot{background:#ececea;border-radius:50%;width:6px;height:6px}.mini-dash .top .dot.av{background:linear-gradient(135deg,#f4c8b3,#e29a85)}.mini-dash .body{flex:1;min-height:0;display:flex}.mini-dash .side{background:#fafaf9;border-right:1px solid #ececea;flex-direction:column;flex-shrink:0;gap:2px;width:30px;padding:4px 3px;display:flex}.mini-dash .side i{background:#e5e4e1;border-radius:1px;height:3.5px;display:block}.mini-dash .side i.on{background:var(--m-accent);width:80%}.mini-dash .side i.s{width:60%}.mini-dash .side i.t{width:80%}.mini-dash .main{flex-direction:column;flex:1;gap:3px;min-width:0;padding:5px;display:flex}.mini-dash .h-row{justify-content:space-between;align-items:center;display:flex}.mini-dash .h{background:#1a1a19;border-radius:1px;width:45%;height:4px}.mini-dash .btn{background:var(--m-accent);border-radius:1.5px;width:18px;height:6px}.mini-dash .kpis{gap:2.5px;display:grid}.mini-dash .kpis.k4{grid-template-columns:repeat(4,1fr)}.mini-dash .kpis.k3{grid-template-columns:repeat(3,1fr)}.mini-dash .kpis.k2{grid-template-columns:repeat(2,1fr)}.mini-dash .kpi{background:#fff;border:1px solid #ececea;border-radius:2px;flex-direction:column;justify-content:center;gap:1px;height:13px;padding:1.5px 3px;display:flex}.mini-dash .kpi b{background:var(--m-accent);border-radius:.5px;width:70%;height:2.5px;display:block}.mini-dash .kpi span{background:#ececea;border-radius:.5px;width:40%;height:1.5px;display:block}.mini-dash .chart{border:1px solid #ececea;border-radius:2px;flex:1;min-height:18px;padding:2px;position:relative;overflow:hidden}.mini-dash .chart svg{width:100%;height:100%;display:block}.mini-dash.v10{--m-accent:#2d5bff;--m-accent-2:#6a8dff}.mini-dash.v9{--m-accent:#16a34a;--m-accent-2:#4ade80}.mini-dash.v8{--m-accent:#f97316;--m-accent-2:#ffb066}.mini-dash.v7{--m-accent:#8b5cf6;--m-accent-2:#c4b5fd}.mini-dash.v6{--m-accent:#9ca3af;--m-accent-2:#d1d5db;background:#fcfcfc}.mini-dash.v6 .kpi,.mini-dash.v6 .chart{border-style:dashed}.mini-dash.v6 .h{background:#9ca3af}.mini-reports{background:#fff;flex-direction:column;display:flex;position:absolute;inset:0}.mini-reports .top{border-bottom:1px solid #ececea;align-items:center;gap:4px;height:13px;padding:0 6px;display:flex}.mini-reports .top .logo{background:linear-gradient(135deg,#2d5bff,#6a8dff);border-radius:2px;width:8px;height:8px}.mini-reports .body{flex-direction:column;flex:1;padding:5px 6px;display:flex}.mini-reports .h{background:#1a1a19;border-radius:1px;width:30%;height:4px;margin-bottom:4px}.mini-reports .filt{gap:3px;margin-bottom:3px;display:flex}.mini-reports .filt span{background:#ececea;border-radius:3px;width:14px;height:6px}.mini-reports .filt span.on{background:#1a1a19}.mini-reports .row{border-top:1px solid #f1f0ee;grid-template-columns:1fr 16px 18px 14px;align-items:center;gap:4px;padding:2.5px 0;display:grid}.mini-reports .row.head{border-top:0;padding-bottom:2px}.mini-reports .row .cell{background:#ececea;border-radius:.5px;height:2px}.mini-reports .row .cell.k{background:#1a1a19;height:2.5px}.mini-reports .row .cell.b{background:#2d5bff}.mini-reports .row .cell.g{background:#16a34a}.mini-team{background:#fff;flex-direction:column;display:flex;position:absolute;inset:0}.mini-team .top{border-bottom:1px solid #ececea;align-items:center;gap:4px;height:13px;padding:0 6px;display:flex}.mini-team .top .logo{background:linear-gradient(135deg,#2d5bff,#6a8dff);border-radius:2px;width:8px;height:8px}.mini-team .body{flex-direction:column;flex:1;gap:4px;padding:6px;display:flex}.mini-team .h{background:#1a1a19;border-radius:1px;width:25%;height:4px}.mini-team .grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:3px;display:grid}.mini-team .card{background:#fafaf9;border:1px solid #ececea;border-radius:3px;flex-direction:column;align-items:center;gap:2px;padding:3px;display:flex}.mini-team .card .av{background:linear-gradient(135deg,#f4c8b3,#e29a85);border-radius:50%;width:14px;height:14px}.mini-team .card .name{background:#1a1a19;border-radius:.5px;width:70%;height:1.5px}.mini-team .card:nth-child(2) .av{background:linear-gradient(135deg,#c7bcfb,#8e7df0)}.mini-team .card:nth-child(3) .av{background:linear-gradient(135deg,#a8dcbf,#5da77f)}.mini-team .card:nth-child(4) .av{background:linear-gradient(135deg,#f5c2a0,#d6845a)}.mini-team .card:nth-child(5) .av{background:linear-gradient(135deg,#ffd9a8,#ff9f43)}.mini-team .card:nth-child(6) .av{background:linear-gradient(135deg,#b6d8f7,#4f8bd4)}.mini-team .card:nth-child(7) .av{background:linear-gradient(135deg,#e6c5e8,#b066b3)}.mini-team .card:nth-child(8) .av{background:linear-gradient(135deg,#c5e4d3,#6fb288)}.mini-settings{background:#fff;flex-direction:column;display:flex;position:absolute;inset:0}.mini-settings .top{border-bottom:1px solid #ececea;align-items:center;gap:4px;height:13px;padding:0 6px;display:flex}.mini-settings .top .logo{background:linear-gradient(135deg,#2d5bff,#6a8dff);border-radius:2px;width:8px;height:8px}.mini-settings .body{flex-direction:column;flex:1;gap:3px;padding:6px;display:flex}.mini-settings .h{background:#1a1a19;border-radius:1px;width:30%;height:4px;margin-bottom:1px}.mini-settings .field{border:1px solid #ececea;border-radius:2px;align-items:center;height:8px;padding:0 3px;display:flex}.mini-settings .field span{background:#ececea;border-radius:.5px;width:50%;height:2px}.mini-settings .row{justify-content:space-between;align-items:center;padding:1px 0;display:flex}.mini-settings .row span.lbl{background:#ececea;border-radius:.5px;width:55%;height:2.5px}.mini-settings .toggle{background:#2d5bff;border-radius:3px;flex-shrink:0;width:14px;height:6px;position:relative}.mini-settings .toggle:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:1px;right:1px}.mini-settings .toggle.off{background:#d6d6d2}.mini-settings .toggle.off:after{left:1px;right:auto}.mini-onboard{background:linear-gradient(135deg,#fce9d8,#f7c9b0);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px;display:flex;position:absolute;inset:0}.mini-onboard .steps{gap:3px;margin-bottom:4px;display:flex}.mini-onboard .steps span{background:#ffffff80;border-radius:1px;width:14px;height:3px}.mini-onboard .steps span.on{background:#1a1a19}.mini-onboard .h{background:#1a1a19;border-radius:1px;width:60%;height:5px}.mini-onboard .sub{background:#1a1a1973;border-radius:1px;width:70%;height:2.5px}.mini-onboard .cta{background:#1a1a19;border-radius:5px;width:42px;height:9px;margin-top:5px}.mini-profile{background:#fff;flex-direction:column;display:flex;position:absolute;inset:0}.mini-profile .banner{background:linear-gradient(135deg,#2d5bff,#6a8dff);height:30%;position:relative}.mini-profile .banner .av{background:linear-gradient(135deg,#f4c8b3,#e29a85);border:2px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-10px;left:14px}.mini-profile .pbody{flex-direction:column;flex:1;gap:3px;padding:14px 8px 6px;display:flex}.mini-profile .pbody .name{background:#1a1a19;border-radius:1px;width:50%;height:4px}.mini-profile .pbody .meta{background:#ececea;border-radius:.5px;width:65%;height:2px}.mini-profile .grid{flex:1;grid-template-columns:1fr 1fr;gap:3px;margin-top:4px;display:grid}.mini-profile .grid>div{background:#fafaf9;border:1px solid #ececea;border-radius:2px;flex-direction:column;gap:1.5px;padding:3px;display:flex}.mini-profile .grid>div span:first-child{background:#ececea;border-radius:.5px;width:50%;height:1.5px}.mini-profile .grid>div span:last-child{background:#1a1a19;border-radius:.5px;width:75%;height:3px}.thumb-base{position:absolute;inset:0;overflow:hidden}.thumb-umi-real{background:#fafaf9;position:absolute;inset:0}.thumb-umi-real .umi-logo{letter-spacing:-.04em;color:#1a1a19;font-size:12px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.thumb-umi-real .umi-tagline{letter-spacing:-.025em;color:#1a1a19;white-space:nowrap;font-family:Instrument Sans,serif;font-size:16px;font-weight:700;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.thumb-umi-real .umi-tagline:after{content:" ✦";color:#4abe6a}.umi-chip{white-space:nowrap;background:#fff;border:1px solid #ececea;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:9px;font-weight:500;display:flex;position:absolute;box-shadow:0 2px 6px #0000000f}.umi-chip.green{color:#2c4a1b;background:#c8e89d;border-color:#b5d88a}.umi-chip.yellow{color:#5a4710;background:#fff1a8;border-color:#f4dd7a}.umi-chip.peach{color:#6e3f1e;background:#ffd6ba;border-color:#f7bc95}.umi-chip.lavender{color:#2e2675;background:#e0dbfb;border-color:#c7bcfb}.umi-chip.frog{padding:2px 4px;font-size:14px}.thumb-truus-real{background:#6e72e0;flex-direction:column;display:flex;position:absolute;inset:0}.thumb-truus-real .truus-logo{color:#fff;text-align:center;padding:14px 0 0;font-size:16px;font-style:italic;font-weight:700}.thumb-truus-real .truus-bar{color:#ffffffb3;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;padding:6px 14px;font-size:7px;font-weight:600;display:flex}.thumb-truus-real .truus-cards{background:#f1ece2;flex:1;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:14px 10px 10px;display:grid;position:relative}.thumb-truus-real .truus-cards:before{content:"";background:#fff;border-radius:6px 6px 0 0;height:16px;position:absolute;top:-8px;left:14px;right:14px}.truus-info{z-index:2;background:#fff;border-radius:6px;padding:6px 7px;font-size:7px;line-height:1.35;position:relative}.truus-info .lbl{color:#fff;background:#1a1a19;border-radius:6px;margin-bottom:4px;padding:1px 5px;font-size:6px;font-weight:600;display:inline-block}.truus-info .val{color:#1a1a19;font-weight:600}.truus-info .gmaps{background:#dcead4;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:4px;right:4px}.thumb-shop-real{background:#fbd9ce;position:absolute;inset:0;overflow:hidden}.thumb-shop-real .shop-text{color:#1a1a19;letter-spacing:-.02em;white-space:nowrap;font-family:Instrument Serif,Instrument Sans,serif;font-size:22px;font-style:italic;font-weight:700;position:absolute;top:28px;left:50%;transform:translate(-50%)}.thumb-shop-real .shop-text em{color:#1a1a19;font-style:italic}.thumb-shop-real .shop-blob{filter:blur(2px);border-radius:50%;position:absolute}.thumb-shop-real .shop-blob.b1{background:#4d8aff;width:30px;height:26px;bottom:30px;left:30%}.thumb-shop-real .shop-blob.b2{background:#ffc36a;width:24px;height:24px;bottom:22px;left:50%}.thumb-shop-real .shop-blob.b3{background:#ff6b5c;width:28px;height:24px;bottom:28px;left:65%}.thumb-shop-real .shop-pad{background:#fff;height:14px;position:absolute;bottom:0;left:0;right:0}.thumb-map-real{background:linear-gradient(#dcead4 0%,#b7d4ac 100%);position:absolute;inset:0;overflow:hidden}.thumb-map-real svg{width:100%;height:100%;position:absolute;inset:0}.thumb-map-real .pin{background:#ffc944;border:1.5px solid #1a1a19;border-radius:50% 50% 50% 0;width:10px;height:12px;position:absolute;transform:rotate(-45deg)}.thumb-map-real .magnify{background:#ffffff26;border:4px solid #ff7f4e;border-radius:50%;width:50px;height:50px;position:absolute;bottom:30px;right:36px}.thumb-map-real .magnify:after{content:"";background:#ff7f4e;border-radius:2px;width:4px;height:18px;position:absolute;bottom:-16px;right:-8px;transform:rotate(45deg)}.thumb-cyrillic-real{background:linear-gradient(#ff8fa8 0%,#ff6b86 100%);position:absolute;inset:0;overflow:hidden}.thumb-cyrillic-real .ct-text{color:#fff;font-size:10px;font-weight:600;line-height:1.3;position:absolute;top:18px;left:14px;right:14px}.thumb-lip-real{background:#f5dd3a;position:absolute;inset:0;overflow:hidden}.thumb-lip-real .lip-cyrillic{color:#000000a6;font-size:6px;font-weight:500;line-height:1.4;position:absolute;top:12px;left:14px}.thumb-lip-real .lip-letters{color:#1a1a19;letter-spacing:-.06em;font-family:Instrument Sans,sans-serif;font-size:92px;font-weight:900;line-height:.9;position:absolute}.thumb-lip-real .lip-letters.l1{top:22px;left:22px}.thumb-lip-real .lip-letters.l2{top:22px;left:78px}.thumb-lip-real .lip-letters.l3{top:22px;left:130px}.thumb-lip-real .lip-bubble{color:#1a1a19;background:#fff;border:1.5px solid #1a1a19;border-radius:12px;padding:5px 8px;font-size:7px;font-weight:600;position:absolute}.thumb-lip-real .lip-bubble.b1{top:28px;right:24px}.thumb-lip-real .lip-bubble.b2{background:#fff;top:80px;right:14px}.thumb-lip-real .lip-char{width:70px;height:80px;position:absolute;bottom:8px;left:32%}.thumb-lip-real .lip-char .face{background:#ffe9d1;border:1.5px solid #1a1a19;border-radius:50%;width:60px;height:60px;margin:0 auto;position:relative}.thumb-lip-real .lip-char .eye{background:#1a1a19;border-radius:50%;width:4px;height:6px;position:absolute}.thumb-lip-real .lip-char .eye.l{top:22px;left:18px}.thumb-lip-real .lip-char .eye.r{top:22px;right:18px}.thumb-lip-real .lip-char .blush{background:#ffb5bd;border-radius:50%;width:8px;height:4px;position:absolute;top:32px}.thumb-lip-real .lip-char .blush.l{left:10px}.thumb-lip-real .lip-char .blush.r{right:10px}.thumb-lip-real .lip-char .mouth{border:1.5px solid #1a1a19;border-top:0;border-radius:0 0 8px 8px;width:8px;height:4px;position:absolute;top:38px;left:50%;transform:translate(-50%)}.thumb-street-real{background:#d7ff1f;position:absolute;inset:0;overflow:hidden}.thumb-street-real .st-tag{letter-spacing:-.01em;background:#fff;border:1.5px solid #1a1a19;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%)}.thumb-street-real .st-fig{background:#1a1a19;border-radius:19px 19px 6px 6px;width:38px;height:70px;position:absolute;bottom:8px}.thumb-street-real .st-fig.f1{background:linear-gradient(#1a1a19 0 35%,pink 35% 65%,#1a1a19 65%);left:18px}.thumb-street-real .st-fig.f2{background:linear-gradient(#ff6b5c 0 35%,#1a1a19 35%);left:60px}.thumb-street-real .st-fig.f3{background:linear-gradient(#1a1a19 0 35%,#4d8aff 35% 65%,#1a1a19 65%);left:102px}.thumb-street-real .st-fig.f4{background:linear-gradient(#ffc36a 0 35%,#1a1a19 35%);left:144px}.thumb-street-real .st-fig.f5{background:linear-gradient(#1a1a19 0 35%,#fff 35% 65%,#1a1a19 65%);left:186px}.thumb-street-real .st-fig .head{background:#ffe9d1;border:1.5px solid #1a1a19;border-radius:50%;width:22px;height:22px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.thumb-children-real{background:linear-gradient(135deg,#b198ff 0%,#8e7aff 100%);position:absolute;inset:0;overflow:hidden}.thumb-children-real .ch-tag{color:#fff;letter-spacing:.2em;font-size:7px;font-weight:700;position:absolute;top:14px;left:14px}.thumb-children-real .ch-title{color:#fff;letter-spacing:-.02em;font-size:18px;font-weight:800;position:absolute;top:26px;left:14px}.thumb-children-real .ch-cta{color:#1a1a19;letter-spacing:.1em;background:#fffffff2;border-radius:999px;padding:3px 10px;font-size:7px;font-weight:700;position:absolute;top:50px;left:14px}.thumb-children-real .ch-blob{border-radius:50%;position:absolute}.thumb-children-real .ch-blob.b1{background:linear-gradient(135deg,#ffc36a,#ff8e53);width:30px;height:30px;top:18px;right:20px}.thumb-children-real .ch-blob.b2{background:linear-gradient(135deg,#5dd0ff,#4d8aff);width:18px;height:18px;top:56px;right:36px}.thumb-children-real .ch-sub{color:#fff;letter-spacing:-.01em;font-size:9px;font-weight:700;line-height:1.2;position:absolute;bottom:22px;left:14px;right:14px}.thumb-children-real .ch-pills{gap:4px;display:flex;position:absolute;bottom:2px;left:14px;right:14px}.thumb-children-real .ch-pill{background:#ffffff40;border-radius:6px;flex:1;height:12px}.thumb-umi{background:#fff}.thumb-truus{background:#6e72e0}.thumb-shop{background:#fbd9ce}.thumb-map{background:#c5e2c2}.thumb-customization{background:linear-gradient(135deg,#f9e5f1,#fff6cc)}#toast-host{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--primary);color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-pop);align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:500;animation:.25s toast-in;display:inline-flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}.index-wrap{max-width:1100px;margin:0 auto;padding:40px}.index-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:22px;display:grid}.index-card{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;padding:16px;transition:transform .15s,box-shadow .15s}.index-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.index-card .num{color:var(--text-3);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.index-card h3{margin-top:6px;font-size:15px}.index-card p{color:var(--text-3);margin-top:6px;font-size:12.5px;line-height:1.5}.tokens-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.token-card{border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:#fff;padding:14px}.swatch-block{border:1px solid var(--border);border-radius:8px;height:60px}.token-card .name{margin-top:10px;font-size:13px;font-weight:600}.token-card .val{color:var(--text-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.row-x{align-items:center;gap:8px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--text-3)}.small{font-size:12px}.tiny{font-size:11px}.hide{display:none!important}@media (width<=1100px){.app{grid-template-columns:1fr}.sidebar{flex-flow:wrap;height:auto;position:static}}.pin-sub-list{flex-direction:column;gap:1px;margin:2px 0 0 10px;padding-left:18px;display:flex;position:relative}.pin-sub-list:before{content:"";background:var(--border-strong);border-radius:1px;width:1px;position:absolute;top:4px;bottom:4px;left:0}.pin-sub{color:var(--text-3);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:5px 8px;font-size:13px;transition:background .12s,color .12s;overflow:hidden}.pin-sub:hover{background:var(--bg-2);color:var(--text-2)}.pj{overflow:hidden}.pj:hover{transform:translateY(-4px)!important;box-shadow:0 14px 36px #00000024!important}.proj-img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block;position:absolute;inset:0}.pj:hover .proj-img{transform:scale(1.06)}