@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Syne", var(--font-sans);--font-mono:"JetBrains Mono", monospace;--tracking-tight:-.025em;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-base:.875rem;--fs-md:.9375rem;--fs-lg:1.05rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-normal:1.5;--lh-relaxed:1.6;--bg:#f4f4f5;--fg:#18181b;--muted:#71717a;--card:#ffffffe0;--border:#00000014;--hover:#0000000d;--active-bg:#18181b;--active-fg:#fff;--success:#10b981;--success-bg:#ecfdf5;--success-fg:#064e3b;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-fg:#78350f;--danger:#ef4444;--danger-bg:#fef2f2;--danger-fg:#7f1d1d;--danger-border:#fca5a5;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-light:#f5f3ff;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 32px #00000014;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-full:9999px;--btn-h:36px;--btn-pad-x:16px;--btn-pad-y:8px;--btn-gap:8px;--btn-fs:var(--fs-sm,.8125rem);--btn-fw:var(--fw-medium,500);--btn-r:var(--r-full,9999px);--header-h:60px;--header-pad-x:24px;--header-pad-y:16px;--sb-left-w:310px;--sb-right-w:320px;--sb-top:76px;--sb-bottom:150px;--sb-gap:12px;--toolbar-bottom:24px;--toolbar-gap:8px;--touch-target-min:44px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--trans-fast:.15s ease;--trans-normal:.2s ease;--trans-smooth:.3s cubic-bezier(.16, 1, .3, 1);--z-canvas:1;--z-landing-bg:2;--z-sidebar:100;--z-toolbar:200;--z-header:300;--z-modal:1000;--z-overlay:4000;--z-toast:5000}@media (width<=1024px){:root{--header-h:56px}}@media (width<=640px){:root{--header-h:52px}}.left-sidebar-stack{left:20px;top:var(--sb-top,76px);gap:var(--sb-gap,12px);pointer-events:none;z-index:var(--z-sidebar,100);width:var(--sb-left-w);bottom:var(--sb-bottom,90px);max-height:calc(100vh - (var(--sb-top,76px) + var(--sb-bottom,90px)));background:0 0;flex-direction:column;padding-right:4px;display:flex;position:absolute;overflow:hidden auto}.left-sidebar-stack::-webkit-scrollbar{width:0}.left-sidebar-stack>*{pointer-events:auto;width:100%;position:relative!important;top:0!important;left:0!important}.right-sidebar-stack{right:20px;top:var(--sb-top,76px);gap:var(--sb-gap,12px);pointer-events:none;z-index:var(--z-sidebar,100);width:var(--sb-right-w);bottom:var(--sb-bottom,90px);max-height:calc(100vh - (var(--sb-top,76px) + var(--sb-bottom,90px)));flex-direction:column;padding-right:4px;display:flex;position:absolute;overflow:hidden auto}.right-sidebar-stack::-webkit-scrollbar{width:4px}.right-sidebar-stack::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.right-sidebar-stack>*{pointer-events:auto;width:100%;position:relative!important;top:0!important;right:0!important}@media (width<=1024px){:root{--sb-left-w:auto;--sb-right-w:auto}.left-sidebar-stack{z-index:120;gap:8px;width:auto;max-width:calc(100vw - 24px);max-height:none;inset:68px auto auto 12px}.right-sidebar-stack{z-index:120;align-items:flex-end;gap:8px;width:auto;max-width:calc(100vw - 24px);max-height:none;inset:68px 12px auto auto}.left-sidebar-stack>.nav-card.collapsed,.right-sidebar-stack>.nav-card.collapsed{-webkit-backdrop-filter:blur(16px);min-width:44px;max-width:160px;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--card)!important;border:1px solid var(--border)!important;border-radius:9999px!important;width:auto!important;box-shadow:0 4px 14px #0000001f!important}.nav-card.collapsed .panel-header-clickable{gap:6px;min-height:40px;padding:8px 14px!important}.nav-card.collapsed .panel-label{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.nav-card.collapsed .panel-header-actions,.nav-card.collapsed .layers-toolbar{display:none!important}.nav-card.collapsed .chevron-icon{width:14px;height:14px}.left-sidebar-stack>.nav-card:not(.collapsed),.right-sidebar-stack>.nav-card:not(.collapsed){-webkit-backdrop-filter:blur(20px);flex-direction:column;display:flex;overflow-y:auto;z-index:200!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md,12px)!important;width:min(360px,100vw - 24px)!important;max-height:calc(100vh - 160px)!important;position:fixed!important;top:68px!important;left:12px!important;right:12px!important;box-shadow:0 16px 36px #00000047!important}.right-sidebar-stack>.nav-card:not(.collapsed){left:auto!important;right:12px!important}.nav-card:not(.collapsed) .panel-content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 230px);overflow-y:auto}}@media (width<=640px){.left-sidebar-stack{max-width:calc(50vw - 12px);top:56px;left:8px}.right-sidebar-stack{max-width:calc(50vw - 12px);top:56px;right:8px}.nav-card.collapsed .panel-label{max-width:80px}.left-sidebar-stack>.nav-card:not(.collapsed),.right-sidebar-stack>.nav-card:not(.collapsed){width:calc(100vw - 16px)!important;max-height:calc(100dvh - 150px)!important;top:56px!important;left:8px!important;right:8px!important}}*{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}button{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-family:inherit}html,body{width:100%;height:100dvh;font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:var(--tracking-tight,-.025em);font-weight:var(--fw-semibold,600)}.layers-panel,.properties-panel,.toast{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--r-md);background:var(--card)!important}.logo,.icon-btn,.tool-btn,.modal-icon,.auth-logo,.google-btn-pill,.open-btn,.clear-all-btn,.project-card-actions button{justify-content:center;align-items:center;display:flex}.pill-btn,.tool-btn,.icon-btn,.google-btn-pill,.project-card,.project-card-actions button{transition:all .2s cubic-bezier(.4,0,.2,1)}.hidden-input{display:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{width:100%;height:100%;position:relative;overflow:hidden}#viewer-container{width:100%;height:100%;z-index:var(--z-canvas,1);position:absolute;inset:0}#viewer-container canvas{display:block}.top-header{padding:var(--header-pad-y,16px) var(--header-pad-x,24px);z-index:var(--z-header,300);pointer-events:none;background:linear-gradient(#f4f4f5b3 0%,#0000 100%);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.top-header>*{pointer-events:auto}#header-home-link{z-index:calc(var(--z-header,300) + 1);pointer-events:auto!important}#viewer-container,#viewer-container canvas{touch-action:none;-webkit-touch-callout:none;user-select:none}.layers-panel,.properties-panel{margin:0}#loading-overlay{z-index:4000;position:absolute;inset:0}.overlay{-webkit-backdrop-filter:blur(16px);z-index:5000;background:#f4f4f5a6;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);box-sizing:border-box;width:90%;max-width:500px;padding:24px 28px;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;position:relative}.modal.modal-sm{max-width:400px}.modal.modal-md{max-width:460px}.modal.modal-lg{max-width:520px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{margin-bottom:20px}.modal-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.modal-header-title-group{align-items:center;gap:10px;display:flex}.modal-icon-badge{border-radius:var(--r-sm,8px);width:32px;height:32px;color:var(--warning,#f59e0b);background:#f59e0b1f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-icon-badge.danger{background:var(--danger-bg,#ef44441a);color:var(--danger,#ef4444)}.modal-icon-badge.warning{background:var(--warning-bg,#f59e0b1f);color:var(--warning,#f59e0b)}.modal-title{font-family:var(--font-heading);font-size:var(--fs-lg,1.05rem);font-weight:var(--fw-semibold,600);letter-spacing:var(--tracking-tight,-.025em);color:var(--fg);margin:0 0 4px}.modal-subtitle{font-size:var(--fs-sm,.8125rem);color:var(--muted);margin:0;line-height:1.5}.modal-banner-warning{color:#d97706;border-radius:var(--r-sm,6px);background:#f59e0b14;border:1px solid #f59e0b33;margin-top:8px;padding:8px 12px;font-size:11px;line-height:1.4}.modal-banner-danger{color:var(--danger,#ef4444);background:var(--danger-bg,#ef444414);border-radius:var(--r-sm,6px);border:1px solid var(--danger-border,#ef444440);margin-top:8px;padding:8px 12px;font-size:11px;line-height:1.4}.modal-body{margin-bottom:24px}.modal-body-stack{flex-direction:column;gap:16px;display:flex}.modal-form-group{flex-direction:column;gap:6px;width:100%;display:flex}.modal-form-row{align-items:center;gap:8px;width:100%;display:flex}.modal-footer{gap:var(--btn-gap,8px);display:flex}.modal-footer.modal-footer-equal>*{flex:1;justify-content:center}.btn-danger{background:var(--danger,#ef4444)!important;border-color:var(--danger,#ef4444)!important;color:#fff!important}.btn-danger:hover{background:#dc2626!important;border-color:#dc2626!important}.modal-corner-close-btn{background:var(--card);border:1px solid var(--border);width:32px;height:32px;color:var(--fg);box-shadow:var(--shadow-md);z-index:10;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;top:-12px;right:-12px}.modal-corner-close-btn:hover{background:var(--hover)}#landing-background{background:var(--bg);z-index:var(--z-landing-bg,2);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s;position:fixed;inset:0}body.is-landing #landing-background{opacity:1;pointer-events:auto;visibility:visible}body.is-landing .left-sidebar-stack,body.is-landing .right-sidebar-stack,body.is-landing #mcp-status-pill{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s;display:none!important}.left-sidebar-stack,.right-sidebar-stack{transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s}.panel-header-row{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-header-clickable{cursor:pointer;user-select:none;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.panel-header-clickable:hover{background:var(--hover)}.panel-label{color:var(--fg);flex:1;font-size:.8125rem;font-weight:600}.chevron-icon{color:var(--muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-card.collapsed .chevron-icon{transform:rotate(-90deg)}.nav-card.collapsed .panel-content,.nav-card.collapsed .layers-toolbar{display:none!important}.nav-card.collapsed{flex:none!important;min-height:0!important}.icon-toggle-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.icon-toggle-btn:hover{color:#fff;background:#ffffff1a}[class*=that-open],[class*=thatopen],[id*=that-open],[id*=thatopen],a[href*=thatopen\.com],img[src*=thatopen],svg[class*=thatopen],.thatopen-watermark,.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{opacity:0!important;pointer-events:none!important;visibility:hidden!important;display:none!important}.app-preloader{z-index:99999;background:var(--bg);box-sizing:border-box;justify-content:center;align-items:center;padding:24px;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.preloader-card{background:var(--card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--r-xl,28px);box-shadow:var(--shadow-lg,0 24px 64px #00000014);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:min(1000px,94vw);max-width:1000px;height:min(1000px,90vh);max-height:1000px;padding:36px;display:flex}.preloader-video-wrap{border-radius:var(--r-lg,20px);background:#fff;justify-content:center;align-items:center;width:min(720px,75vw);height:min(720px,65vh);display:flex;overflow:hidden}.preloader-video{object-fit:cover;width:100%;height:100%;display:block}.preloader-status{font-family:var(--font-sans);font-size:var(--fs-md,15px);font-weight:var(--fw-medium,500);color:var(--muted);letter-spacing:-.01em}@media (width<=640px){.app-preloader{padding:16px}.preloader-card{border-radius:var(--r-lg,20px);gap:16px;width:100%;height:auto;max-height:85vh;padding:24px 20px}.preloader-video-wrap{border-radius:var(--r-md,14px);width:min(320px,80vw);height:min(320px,80vw)}.preloader-status{font-size:var(--fs-sm,13px)}}@media (height<=500px){.app-preloader{padding:10px}.preloader-card{border-radius:16px;gap:10px;height:94vh;padding:16px}.preloader-video-wrap{border-radius:12px;width:min(220px,60vh);height:min(220px,60vh)}.preloader-status{font-size:var(--fs-xs,12px)}}.logo{background:var(--card);border:1px solid var(--border);width:40px;height:40px;color:var(--fg);box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo img,.logo svg{object-fit:contain;width:26px;height:26px}.header-left{cursor:pointer;align-items:center;gap:16px;display:flex}.header-right{align-items:center;gap:16px;display:flex}.titles{flex-direction:column;display:flex}.user-profile{height:var(--btn-h);align-items:center;gap:var(--btn-gap);padding:0 var(--btn-pad-x);background:var(--card);border:1px solid var(--border);border-radius:var(--btn-r);box-sizing:border-box;cursor:pointer;user-select:none;box-shadow:var(--shadow-sm);line-height:1;transition:all .2s;display:inline-flex}.user-profile:hover{border-color:var(--muted);background:#f4f4f5}.user-dropdown-wrap{display:inline-flex;position:relative}.user-dropdown-menu{background:var(--card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-md,10px);width:200px;box-shadow:var(--shadow-md,0 8px 24px #00000014);z-index:1000;flex-direction:column;gap:4px;padding:8px;animation:.18s cubic-bezier(.16,1,.3,1) supportMenuIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-menu.hidden{display:none!important}.user-dropdown-header{flex-direction:column;padding:4px 8px;display:flex;overflow:hidden}.user-dropdown-name{font-size:var(--fs-sm,.8125rem);font-weight:var(--fw-semibold,600);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-dropdown-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-dropdown-logout-btn{cursor:pointer;border:none;width:100%;color:var(--danger,#ef4444)!important}.user-dropdown-logout-btn:hover{background:var(--danger-bg,#ef444414)!important;color:var(--danger,#ef4444)!important}.user-dropdown-logout-btn svg{color:var(--danger,#ef4444)!important}.user-info{align-items:center;gap:10px;display:flex}.avatar{object-fit:cover;background:#eee;border-radius:50%;width:28px;height:28px}#user-name{font-size:var(--fs-sm,.8125rem);font-weight:var(--fw-medium,500);color:var(--fg)}.icon-btn{width:28px;height:28px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--hover);color:var(--fg)}.support-btn{height:var(--btn-h);padding:0 var(--btn-pad-x);justify-content:center;align-items:center;gap:var(--btn-gap);border:1px solid var(--border);border-radius:var(--btn-r);color:var(--fg);font-family:var(--font-sans);font-size:var(--btn-fs);font-weight:var(--btn-fw);box-shadow:var(--shadow-sm);box-sizing:border-box;background:#fff;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.support-btn:hover{border-color:var(--muted);background:#f4f4f5}.support-btn svg:first-child{margin-right:6px}.support-btn .support-chevron{margin-left:4px;margin-right:0!important}.support-dropdown-wrap{display:inline-flex;position:relative}.support-dropdown-menu{background:var(--card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-md,10px);width:170px;box-shadow:var(--shadow-md,0 8px 24px #00000014);z-index:1000;flex-direction:column;gap:2px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) supportMenuIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}.support-dropdown-menu.hidden{display:none!important}@keyframes supportMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.support-dropdown-item{border-radius:var(--r-sm,6px);font-size:var(--fs-sm,.8125rem);font-weight:var(--fw-medium,500);color:var(--fg);background:0 0;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;transition:all .15s;display:flex}.support-dropdown-item:hover{background:var(--hover);color:var(--fg)}.support-dropdown-item svg{color:var(--muted);flex-shrink:0;transition:color .15s}.support-dropdown-item:hover svg{color:var(--fg)}.support-dropdown-divider{background:var(--border);height:1px;margin:4px 0}.changelog-modal{width:92%;max-width:560px}.changelog-header-row{align-items:center;gap:12px;display:flex}.changelog-icon-box{border-radius:var(--r-sm,8px);color:#d97706;background:#f59e0b1f;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modal-close-btn{margin-left:auto}.changelog-body{flex-direction:column;gap:20px;max-height:60vh;padding-right:4px;display:flex;overflow-y:auto}.changelog-entry{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,8px);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.changelog-meta{justify-content:space-between;align-items:center;display:flex}.changelog-version{font-family:var(--font-mono,monospace);color:var(--fg);font-size:13px;font-weight:700}.changelog-date{color:#d97706;text-transform:uppercase;letter-spacing:.04em;background:#f59e0b1f;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.changelog-list{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.changelog-list li{color:var(--fg);font-size:12.5px;line-height:1.5}.changelog-list b{color:var(--fg);font-weight:600}.mcp-status-pill{height:var(--btn-h);padding:0 var(--btn-pad-x);justify-content:center;align-items:center;gap:var(--btn-gap);border:1px solid var(--border);border-radius:var(--btn-r);font-family:var(--font-sans);font-size:var(--btn-fs);font-weight:var(--btn-fw);color:var(--muted);box-shadow:var(--shadow-sm);box-sizing:border-box;cursor:pointer;user-select:none;background:#fff;line-height:1;transition:all .25s;display:inline-flex}.mcp-brand-icons{align-items:center;gap:4px;display:inline-flex}.mcp-brand-icon{object-fit:contain;border-radius:3px;width:15px;height:15px;display:block}.mcp-status-pill:hover{border-color:var(--muted);background:#f4f4f5}.mcp-status-pill.connected{color:var(--fg);border-color:#10b98166}.status-dot{background:#a1a1aa;border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s}.status-dot.connected{background:#10b981;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px #10b98199}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.panel-content{padding:12px 20px;overflow-y:auto}.titles h1{font-family:var(--font-heading);font-size:var(--fs-lg,1.05rem);font-weight:var(--fw-semibold,600);letter-spacing:var(--tracking-tight,-.025em);color:var(--fg);line-height:var(--lh-tight,1.2)}.titles span{font-size:var(--fs-xs,.6875rem);font-weight:var(--fw-semibold,600);color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.pill-btn{height:var(--btn-h);padding:0 var(--btn-pad-x);justify-content:center;align-items:center;gap:var(--btn-gap);border-radius:var(--btn-r);font-family:var(--font-sans);font-size:var(--btn-fs);font-weight:var(--btn-fw);cursor:pointer;white-space:nowrap;box-sizing:border-box;box-shadow:var(--shadow-sm);border:1px solid #0000;line-height:1;transition:all .2s;display:inline-flex}.pill-btn.primary{background:var(--active-bg);color:var(--active-fg);border-color:var(--active-bg)}.pill-btn.primary:hover{background:#333;border-color:#333}.pill-btn.secondary{background:var(--card);color:var(--fg);border-color:var(--border);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.pill-btn.secondary:hover{background:#e8e8e9}.url-input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-card,var(--card));color:var(--fg);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s}.url-input:focus{border-color:var(--fg);background:#fff;box-shadow:0 0 0 2px #18181b1a}.center-modal{z-index:var(--z-modal,1000);border-radius:var(--r-lg);width:96%;max-width:1280px;box-shadow:none;background:0 0;border:none;flex-direction:row;justify-content:center;gap:32px;padding:0;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-modal.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-46%);display:none!important}.empty-state-box{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;flex:1;align-items:center;padding:48px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.empty-state-box:hover{border-color:var(--muted);transform:translateY(-4px);box-shadow:0 10px 25px #0000000d}.modal-icon{width:64px;height:64px;color:var(--fg);background:#00000008;border-radius:16px;margin-bottom:24px}.modal-icon svg{width:32px;height:32px}.empty-state-box h2{font-family:var(--font-heading);font-size:var(--fs-xl,1.25rem);font-weight:var(--fw-semibold,600);letter-spacing:var(--tracking-tight,-.025em);margin-bottom:var(--space-md,12px);color:var(--fg)}.empty-state-box p{font-size:var(--fs-md,.9375rem);line-height:var(--lh-relaxed,1.6);color:var(--muted);margin-bottom:var(--space-2xl,32px);max-width:300px;overflow-x:hidden}.open-btn{height:var(--btn-h);padding:0 var(--btn-pad-x);justify-content:center;align-items:center;gap:var(--btn-gap);background:var(--fg);color:#fff;border-radius:var(--btn-r);font-family:var(--font-sans);font-weight:var(--btn-fw);font-size:var(--btn-fs);cursor:pointer;box-shadow:var(--shadow-sm);box-sizing:border-box;line-height:1;transition:all .2s;display:inline-flex}.open-btn:hover{background:#333;transform:scale(1.02)}@media (width<=900px){.center-modal{max-height:calc(100dvh - var(--header-h,60px) - 28px);-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;width:92%;padding:0 0 16px;overflow:hidden auto;top:calc(var(--header-h,60px) + 16px)!important;transform:translate(-50%)!important}.empty-state-box{padding:20px 16px;min-height:unset!important}.empty-state-box p{margin-bottom:12px}}@media (width<=640px){header{padding:12px 16px}.titles h1{font-size:.95rem}.titles span{display:none}.support-btn{height:var(--btn-h);padding:0 var(--btn-pad-x);font-size:var(--btn-fs)}.center-modal{width:96%!important;top:calc(var(--header-h,56px) + 14px)!important;max-height:calc(100dvh - var(--header-h,56px) - 24px)!important;gap:10px!important}.empty-state-box{padding:16px 14px!important}.empty-state-body p{min-height:unset!important;margin-bottom:8px!important}}@media (height<=600px){.center-modal{-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:12px;top:calc(var(--header-h,60px) + 12px)!important;max-height:calc(100dvh - var(--header-h,60px) - 20px)!important;overflow:hidden auto!important;transform:translate(-50%)!important}.empty-state-box{min-height:unset!important;padding:16px!important}.empty-state-body p{min-height:unset!important;margin-bottom:8px!important}}._mapboxContainer_td2qw_1{z-index:0;opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}._mapboxContainer_td2qw_1 .visible{opacity:1;pointer-events:auto}._geocoderWrapper_td2qw_16{width:100%}._geocoderWrapper_td2qw_16 .mapboxgl-ctrl-geocoder{width:100%;max-width:none;box-shadow:none;border:1px solid var(--border);background:var(--hover);border-radius:8px;font-family:inherit}._geocoderWrapper_td2qw_16 .mapboxgl-ctrl-geocoder--input{height:40px;color:var(--fg);padding:10px 10px 10px 40px}.auth-overlay{background:var(--bg);z-index:var(--z-overlay,4000);visibility:visible;justify-content:center;align-items:center;transition:opacity .4s;position:absolute;inset:0;display:flex!important}.auth-overlay.hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important;display:none!important}.auth-card{background:var(--card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);text-align:center;border-radius:28px;width:100%;max-width:400px;padding:56px 48px;animation:.6s cubic-bezier(.16,1,.3,1) authFadeIn;position:relative;box-shadow:0 20px 50px #0000001a}@keyframes authFadeIn{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-logo{background:var(--fg);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 28px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px 16px #00000026}.auth-logo:hover{transform:scale(1.05)rotate(2deg)}.auth-card h2{letter-spacing:-.03em;color:var(--fg);margin-bottom:8px;font-size:1.5rem;font-weight:700}.auth-card p{color:var(--muted);margin-bottom:36px;padding:0 20px;font-size:.9375rem;line-height:1.5}.google-btn-pill{width:100%;color:var(--fg);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.google-btn-pill:hover{background:#f8f8f8;border-color:#00000026;transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.google-btn-pill:active{transform:translateY(0)}.user-profile{height:var(--btn-h);align-items:center;gap:var(--btn-gap);padding:0 4px 0 var(--btn-pad-x);background:var(--card);border:1px solid var(--border);border-radius:var(--btn-r);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);box-sizing:border-box;line-height:1;transition:transform .2s;display:inline-flex}.spinner{animation:2s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.google-btn-pill:disabled{opacity:.7;cursor:not-allowed;background:#f8f8f8}.user-profile:hover{transform:scale(1.02)}.guide-panel{background:var(--card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:var(--r-md);pointer-events:none;z-index:1000;flex-direction:column;gap:6px;width:240px;padding:12px 16px;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .3s,visibility .4s;display:flex;position:fixed;bottom:100px;left:24px}body.is-landing .guide-panel{opacity:0;visibility:hidden}.guide-panel.hidden{opacity:0;transform:translate(-12px)}.guide-title{font-size:var(--fs-xs,.72rem);font-weight:var(--fw-bold,700);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.guide-content{font-size:var(--fs-sm,.8125rem);line-height:var(--lh-normal,1.5);color:var(--fg)}.guide-content b{color:var(--accent)}.guide-overlay{-webkit-backdrop-filter:blur(8px);z-index:4000;background:#0006;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.guide-modal{background:var(--card,#ffffffe0);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-lg);width:90%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-lg);padding:28px;animation:.4s cubic-bezier(.16,1,.3,1) guideModalIn;position:relative;overflow-y:auto}@keyframes guideModalIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.guide-btn-close{width:32px;height:32px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.guide-btn-close:hover{background:var(--hover);color:var(--fg);transform:rotate(90deg)}.guide-modal-header{margin-bottom:20px}.guide-modal-header h2{color:var(--fg);font-size:1.5rem;font-weight:700}.guide-modal-content{flex-direction:column;gap:20px;display:flex}.guide-modal-content p,.guide-modal-content ul{color:var(--fg);font-size:.95rem;line-height:1.6}.guide-modal-content ul{margin-left:20px}.guide-modal-content li{margin-bottom:8px}.guide-image{border-radius:var(--r-md);border:1px solid var(--border);width:100%;height:auto;box-shadow:var(--shadow-sm)}.guide-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}.tutorial-overlay{z-index:5000;pointer-events:auto;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.tutorial-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}.tutorial-spotlight{pointer-events:none;border:2px solid #f59e0b;border-radius:12px;transition:all .35s cubic-bezier(.16,1,.3,1);animation:2.5s ease-in-out infinite pulseSpotlight;position:fixed;box-shadow:0 0 0 9999px #000000a6,0 0 20px #f59e0bcc}@keyframes pulseSpotlight{0%,to{border-color:#f59e0b;box-shadow:0 0 0 9999px #000000a6,0 0 20px #f59e0bcc}50%{border-color:#d97706;box-shadow:0 0 0 9999px #000000a6,0 0 30px #f59e0bf2}}.tutorial-popover{background:var(--card,#1c1917);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);z-index:5001;width:320px;color:var(--fg);border-radius:14px;padding:16px;transition:top .35s cubic-bezier(.16,1,.3,1),left .35s cubic-bezier(.16,1,.3,1);position:fixed;box-shadow:0 16px 36px #00000073}.tutorial-popover-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tutorial-badge-group{align-items:center;gap:6px;display:flex}.tutorial-step-badge{color:#f59e0b;background:#f59e0b26;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:600}.tutorial-tag-badge{color:#1c1917;text-transform:uppercase;letter-spacing:.05em;background:#f59e0b;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.tutorial-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:20px;line-height:1;transition:color .2s}.tutorial-close-btn:hover{color:var(--fg)}.tutorial-title{color:var(--fg);align-items:center;gap:8px;margin-bottom:6px;font-size:.95rem;font-weight:600;display:flex}.tutorial-kbd{border:1px solid var(--border);font-size:.7rem;font-family:var(--font-mono,monospace);color:var(--muted);background:#ffffff1a;border-radius:4px;padding:2px 6px}.tutorial-desc{color:var(--muted);margin-bottom:14px;font-size:.82rem;line-height:1.5}.tutorial-popover-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.tutorial-text-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:.75rem;transition:color .2s}.tutorial-text-btn:hover{color:var(--fg)}.tutorial-nav-group{align-items:center;gap:8px;display:flex}.tutorial-btn{height:var(--btn-h);padding:0 var(--btn-pad-x);justify-content:center;align-items:center;gap:var(--btn-gap);border-radius:var(--btn-r);font-size:var(--btn-fs);font-weight:var(--btn-fw);cursor:pointer;font-family:var(--font-sans);box-sizing:border-box;line-height:1;transition:all .2s;display:inline-flex}.tutorial-btn.primary{color:#1c1917;background:#f59e0b;border:none;font-weight:600}.tutorial-btn.primary:hover{background:#d97706}.tutorial-btn.secondary{color:var(--fg);border:1px solid var(--border);background:0 0}.tutorial-btn.secondary:hover:not(:disabled){background:var(--hover,#ffffff0d)}.tutorial-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){.guide-panel{bottom:max(90px, calc(env(safe-area-inset-bottom,0px) + 90px));width:min(220px,100vw - 24px);left:12px}}@keyframes skeleton-shimmer{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.saved-projects-list,.empty-state-box .saved-projects-list{text-align:left;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-height:280px;margin-top:12px;padding:4px 6px;display:flex;overflow:hidden auto}#modal-link-project .saved-projects-list{grid-template-columns:1fr;max-height:320px;overflow:hidden auto}.project-card{border:1px solid var(--border);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:row;align-items:center;gap:12px;width:100%;height:72px;padding:0 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .02);transform:translate(4px);box-shadow:0 4px 12px #0000000d}.project-card-actions{z-index:2;opacity:0;gap:4px;margin-left:auto;transition:opacity .2s;display:flex}.project-card:hover .project-card-actions{opacity:1}.project-card-actions button{border:1px solid var(--border);background:var(--card);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.project-card-actions button svg{width:14px;height:14px}.project-card-actions button:hover:not(:disabled){background:var(--hover);color:var(--fg);border-color:var(--fg)}.project-card-actions button.project-card-delete:hover:not(:disabled){background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.project-card-icon{background:var(--hover);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.project-card-icon svg{width:20px;height:20px;color:var(--fg)}.project-card-brand-img{object-fit:contain;width:24px;height:24px}.project-card-content{align-items:left;flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.project-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;text-transform:none;flex:1;min-width:0;font-size:1.1rem;font-weight:600;overflow:hidden}.project-meta-row{flex-shrink:0;align-items:center;gap:6px;display:flex}.project-card-title-row{flex-direction:row;align-items:center;gap:6px;min-width:0;display:flex}.project-source-tag{text-transform:uppercase;letter-spacing:.02em;background:var(--hover);color:var(--muted);border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600}.project-source-tag.source-zoho{color:#d97706;background:#f59e0b1f}.project-source-tag.source-google{color:#059669;background:#10b9811f}.project-source-tag.source-local{background:var(--hover);color:var(--fg)}.project-date{display:none}.project-badge-shared{color:#059669;text-transform:uppercase;background:#10b9811f;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:700}.project-badge-collaborator{background:var(--hover);color:var(--fg);text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:700}.no-projects-msg{text-align:center;border:2px dashed var(--border);border-radius:var(--r-lg);color:var(--muted);background:#00000005;grid-column:1/-1;padding:40px 20px;font-size:.9rem}.project-load-error{color:var(--danger,#ef4444)!important}.project-card.is-skeleton{pointer-events:none;overflow:hidden}.project-skeleton-icon{background:var(--hover)!important;border-color:#0000!important}.project-skeleton-content{gap:8px!important}.project-skeleton-line{background:var(--hover);border-radius:6px;animation:1.4s infinite skeleton-shimmer}.project-skeleton-line.title{width:55%;height:13px}.project-skeleton-line.sub{width:30%;height:10px;animation-delay:.2s}.access-list-container{flex-direction:column;gap:4px;width:100%;max-height:150px;display:flex;overflow-y:auto}.access-member-item{background:var(--hover);border-radius:var(--r-sm,6px);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.access-member-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.access-owner-label{text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:.8rem;overflow:hidden}.access-admin-sub{opacity:.6;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.access-email-label{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.access-revoke-btn{color:var(--danger,#ef4444)}.access-revoke-btn:hover{background:var(--danger-bg,#ef44441a)}.share-url-input{background:var(--hover);min-width:0;font-size:.78rem;font-family:var(--font-mono,monospace);letter-spacing:-.01em;flex:1}.share-url-copy-btn{border:1px solid var(--border);border-radius:var(--r-sm,8px);flex-shrink:0;width:32px;height:32px}.share-invite-textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:56px;padding:10px 12px;font-family:inherit;font-size:.83rem;line-height:1.5}.share-lock-note{color:var(--muted);align-items:center;gap:4px;margin:0;font-size:11px;line-height:1.5;display:flex}.share-lock-icon{opacity:.6;flex-shrink:0}.integration-btn{opacity:.5;cursor:not-allowed;justify-content:flex-start;gap:10px;width:100%;padding:0 14px}.badge-coming-soon{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--hover);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.modal-section-divider{background:var(--border);width:100%;height:1px;margin:-4px 0}#snap-marker-css2d{background:var(--warning);pointer-events:none;width:20px;height:20px;z-index:var(--z-modal,1000);opacity:0;border:2px solid #fff;border-radius:50%;transition:transform .1s ease-out,opacity .1s ease-out;transform:scale(.8);box-shadow:0 0 10px #f59e0bcc,0 0 5px #00000080}#snap-marker-css2d.snapped{opacity:1;transform:scale(1.2)}.tp-measurement-label{color:#f8fafc;pointer-events:none;white-space:nowrap;background:#0f172ae6;border:1px solid #ee444480;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}#freeform-markup-canvas{pointer-events:none;touch-action:none;z-index:140;width:100%;height:100%;position:absolute;top:0;left:0}.markup-toolbar-group{align-items:center;gap:4px;width:auto;display:flex}.markup-size-group{align-items:center;gap:3px;width:auto;display:flex}.markup-dot{background:currentColor;border-radius:50%}.markup-dot.sm{width:3px;height:3px}.markup-dot.md{width:6px;height:6px}.markup-dot.lg{width:9px;height:9px}.markup-color-red{background:#ef4444;border-color:#fff}.markup-color-amber{background:#f59e0b}.markup-color-emerald{background:#10b981}.markup-color-white{background:#fff;border-color:#ccc}.markup-text-input{z-index:30;background:#000000bf;border:1px dashed;border-radius:4px;outline:none;padding:4px 8px;font-size:13px;font-weight:600;position:absolute}.comment-popup{z-index:1000;pointer-events:auto;filter:drop-shadow(0 10px 15px #0003);animation:.2s cubic-bezier(.16,1,.3,1) popup-in;position:fixed}@keyframes popup-in{0%{opacity:0;transform:translateY(4px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-arrow{background:#0f172af2;border-bottom:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:12px;height:12px;position:absolute;top:20px;left:-6px;transform:rotate(45deg)}.popup-content{color:#fff;border:1px solid #ffffff1a!important}.popup-content input,.popup-content textarea{outline:none;transition:border-color .2s}.popup-content input:focus,.popup-content textarea:focus{border-color:var(--active-bg)!important}.pill-btn.small{height:var(--btn-h);padding:0 var(--btn-pad-x);font-size:var(--btn-fs);border-radius:var(--btn-r)}.comment-item{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:6px;padding:12px;transition:background .2s;display:flex}.comment-item:hover{background:var(--hover)}.comment-item.active{background:var(--accent-light);border-left:3px solid var(--accent);padding-left:9px}.comment-item.completed{opacity:.6}.comment-item-header{align-items:center;gap:10px;display:flex}.comment-status-indicator{border-radius:2px;flex-shrink:0;width:4px;height:24px}.comment-item-title-col{flex-direction:column;flex:1;min-width:0;display:flex}.comment-item-title-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.comment-item-title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;font-weight:600;overflow:hidden}.comment-item-source{color:#8b5cf6;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;background:#8b5cf61a;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.6rem;font-weight:700}.comment-item.completed .comment-item-title{color:var(--muted);text-decoration:line-through}.comment-item-date{color:var(--muted);font-size:.65rem}.comment-item-desc{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.comment-markup-badge{border-radius:var(--r-sm,6px);color:#ef4444;background:#ef444414;border:1px solid #ef444433;align-self:flex-start;align-items:center;gap:5px;margin-top:4px;padding:3px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}.comment-markup-badge svg{flex-shrink:0}.comment-item-footer{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.comment-resolve-btn{background:var(--bg-soft);color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:.7rem;font-weight:600;transition:all .2s}.comment-resolve-btn:hover{background:var(--hover);border-color:var(--accent)}.comment-resolve-btn.resolved{background:var(--success-bg);color:var(--success);border-color:#10b98133}.comment-resolve-btn.resolved:hover{background:#22c55e33}.comment-assignee-row{margin-top:6px}.comment-item-author{color:var(--muted);font-size:.65rem;font-weight:600}.comment-assignee{align-items:center;gap:4px;font-size:.65rem;display:flex}.comment-assignee-select{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;max-width:120px;padding:2px;font-size:.65rem}.comment-assignee-select:hover{border-color:var(--fg)}.comments-card-container{flex-direction:column;flex:1;min-height:120px;max-height:calc(100vh - 180px);display:flex}.comments-header-actions{flex-direction:row;align-items:center;gap:8px;margin-left:8px;margin-right:auto;display:flex}.comments-content-panel{flex-direction:column;flex:1;min-height:0;display:flex}.panel-filter-row{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:0 12px 8px;display:flex}.search-input-wrapper{width:100%;position:relative}.comments-filter-pills{gap:6px;width:100%;display:flex}.filter-pill{flex:1;border-radius:var(--r-sm,6px)!important;justify-content:center!important;gap:5px!important;height:24px!important;padding:0 6px!important;font-size:11px!important}.filter-count-badge{background:var(--hover);color:var(--muted);border-radius:8px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1}.filter-pill.primary .filter-count-badge{color:#fff;background:#fff3}.comment-search-field{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,6px);width:100%;color:var(--fg);box-sizing:border-box;outline:none;padding:5px 28px;font-size:11px;transition:border-color .15s}.comment-search-field:focus{border-color:var(--fg)}.comment-search-icon{opacity:.5;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.comment-search-clear{opacity:.5;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.comment-search-clear:hover{opacity:1;color:var(--fg)}.comments-list-section{border-top:1px solid var(--border);flex:1;overflow-y:auto}.comment-popup-box{background:var(--card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-sm,8px);width:240px;box-shadow:var(--shadow-md);box-sizing:border-box;flex-direction:column;gap:8px;padding:12px;display:flex}.comment-popup-input{background:var(--hover);border:1px solid var(--border);color:var(--fg);box-sizing:border-box;border-radius:6px;padding:8px 10px;font-size:12px}.comment-popup-textarea{background:var(--hover);border:1px solid var(--border);color:var(--fg);resize:vertical;box-sizing:border-box;border-radius:6px;min-height:50px;padding:8px 10px;font-size:12px}.comment-popup-actions{gap:6px;display:flex}.flex-center-btn{flex:1;justify-content:center}.comment-item-delete{opacity:0;color:var(--muted);transition:opacity .2s,color .15s}.comment-item:hover .comment-item-delete{opacity:1}.comment-item-delete:hover{color:var(--danger)}.comment-confirm-actions{align-items:center;gap:4px;display:flex}.comment-btn-confirm{color:var(--danger);font-size:.65rem;font-weight:600}.comment-btn-cancel{color:var(--muted)}.tp-comment-pin{cursor:pointer;pointer-events:auto;z-index:100;flex-direction:column;align-items:center;gap:6px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translate(-50%,-50%)}.pin-dot{background:var(--accent);border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 0 10px #0003,0 4px 12px #0000001a}.pin-label{-webkit-backdrop-filter:blur(8px);color:#fff;white-space:nowrap;opacity:1;pointer-events:none;background:#0f172af2;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .2s;transform:translateY(0);box-shadow:0 4px 12px #0003}.tp-comment-pin:hover{transform:translate(-50%,-50%)scale(1.1)}.tp-comment-pin:hover .pin-dot{background:var(--accent-hover);box-shadow:0 0 15px #8b5cf6e6}.tp-comment-pin:hover .pin-label{opacity:1;transform:translateY(0)}.tp-snap-marker{background:var(--accent);pointer-events:none;opacity:.7;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transform:translate(-50%,-50%);box-shadow:0 0 10px #8b5cf6cc}.comments-disabled-notice{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 24px;display:flex}.comments-disabled-notice svg{color:var(--warning);opacity:.8;margin-bottom:8px}.comments-disabled-notice h3{color:var(--fg);margin:0;font-size:.9rem;font-weight:600}.comments-disabled-notice p{max-width:200px;margin:0;font-size:.75rem;line-height:1.5}.comments-empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.comments-empty-icon-wrap{background:var(--hover);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:2px;display:flex}.comments-empty-icon-wrap svg{color:var(--muted);opacity:.7}.comments-empty-title{color:var(--fg);margin:0;font-size:13px;font-weight:500}.comments-empty-subtitle{color:var(--muted);max-width:200px;margin:0;font-size:11.5px;line-height:1.4}.comment-viewport-thumb{border-radius:var(--r-md,10px) var(--r-md,10px) 0 0;flex-shrink:0;width:calc(100% + 24px);height:112px;margin:-10px -12px 0;position:relative;overflow:hidden}.comment-viewport-img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block}.comment-item:hover .comment-viewport-img{transform:scale(1.04)}.comment-viewport-fade{background:linear-gradient(to bottom, transparent 30%, var(--card,#ffffffe0) 100%);pointer-events:none;position:absolute;inset:0}.comment-viewport-badge{-webkit-backdrop-filter:blur(8px);color:#ef4444;letter-spacing:.03em;text-transform:uppercase;background:#ffffffd1;border:1px solid #00000014;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.6rem;font-weight:600;display:flex;position:absolute;top:7px;right:8px}.comment-viewport-badge svg{stroke:#ef4444;flex-shrink:0}.comment-item:has(.comment-viewport-thumb){padding-top:10px}.report-progress-modal{text-align:center;padding:32px 28px}.report-progress-header{margin-bottom:16px}.report-progress-row{justify-content:center}.report-progress-title{font-size:15px}.report-progress-subtitle{color:var(--muted);font-size:12px}.report-progress-track{background:var(--hover);border-radius:999px;width:100%;height:6px;margin-bottom:14px;overflow:hidden}.report-progress-fill{background:#f59e0b;border-radius:999px;width:0%;height:100%;transition:width .3s}.report-progress-text{color:var(--muted);font-size:12px;font-weight:500}.report-progress-item-title{color:var(--muted);opacity:.7;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.comment-clash-box{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,6px);flex-direction:column;gap:6px;margin-top:4px;padding:8px 10px;display:flex}.comment-clash-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.comment-clash-layers{color:var(--fg);font-size:11px;font-weight:500}.comment-clash-isolate-btn{border-radius:var(--r-sm,4px)!important;flex-shrink:0!important;align-items:center!important;gap:4px!important;height:22px!important;padding:0 8px!important;font-size:10px!important;font-weight:600!important;display:inline-flex!important}.comment-clash-ids{flex-wrap:wrap;gap:4px;display:flex}.comment-clash-badge{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:9px}.properties-panel{flex-direction:column;gap:4px;min-width:160px;max-height:60vh;padding:12px 16px;transition:opacity .25s,transform .25s;display:flex}.properties-panel.hidden{opacity:0;pointer-events:none;transform:translate(-8px)}.prop-section{flex-direction:column;gap:0;display:flex}.prop-row{border-bottom:1px solid var(--border);font-size:var(--fs-sm,.8125rem);justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;display:flex}.prop-row:last-child{border-bottom:none}.prop-key{color:var(--muted);font-size:var(--fs-xs,.75rem);font-weight:var(--fw-medium,500);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:45%;overflow:hidden}.prop-value{color:var(--fg);text-align:right;font-size:var(--fs-sm,.8125rem);word-break:break-all}.prop-value.mono{font-family:var(--font-mono,monospace);font-size:var(--fs-xs,.72rem);color:var(--muted)}.prop-divider{background:var(--border);height:1px;margin:8px 0}.focus-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;margin:10px 0}.focus-slider::-webkit-slider-thumb{appearance:none;background:var(--fg);cursor:pointer;width:14px;height:14px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}.focus-slider::-webkit-slider-thumb:hover{background:var(--active-bg);transform:scale(1.2)}.prop-btn-icon{flex-shrink:0;margin-right:8px}.prop-color-val{align-items:center;gap:8px;display:flex}.prop-color-swatch{border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:12px;height:12px}.prop-focus-slider-wrap{flex-direction:column;gap:4px;margin-top:12px;display:flex}.prop-focus-slider-label{font-size:var(--fs-xs,.75rem);color:var(--muted);justify-content:space-between;font-weight:500;display:flex}.prop-focus-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;margin:6px 0}.prop-focus-slider::-webkit-slider-thumb{appearance:none;background:var(--fg);cursor:pointer;width:14px;height:14px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}.prop-focus-slider::-webkit-slider-thumb:hover{background:var(--active-bg);transform:scale(1.2)}.bottom-toolbar{bottom:var(--toolbar-bottom,24px);z-index:var(--z-toolbar,200);opacity:0;pointer-events:none;align-items:center;gap:var(--toolbar-gap,8px);transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.bottom-toolbar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.tool-group{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(16px);border-radius:14px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 4px 12px #00000014}.tool-divider{background:var(--border);width:1px;height:24px;margin:0 8px}.tool-btn{height:var(--btn-h);padding:0 var(--btn-pad-x);justify-content:center;align-items:center;gap:var(--btn-gap);border-radius:var(--btn-r);color:var(--fg);font-family:var(--font-sans);font-size:var(--btn-fs);font-weight:var(--btn-fw);cursor:pointer;white-space:nowrap;border:1px solid var(--border);box-shadow:var(--shadow-sm);box-sizing:border-box;background:#fff;line-height:1;display:inline-flex}.tool-btn svg{flex-shrink:0;width:16px;height:16px}.tool-btn:hover{border-color:var(--muted);background:#f4f4f5}.tool-btn.active{background:var(--active-bg);color:var(--active-fg);border-color:var(--active-bg)}.tool-btn.icon-only{width:var(--btn-h);height:var(--btn-h);justify-content:center;padding:0}.tool-btn.icon-only span{display:none}.clear-all-btn{width:var(--btn-h);height:var(--btn-h);background:var(--card);border:1px solid var(--border);border-radius:var(--btn-r);color:var(--muted);cursor:pointer;box-shadow:var(--shadow-sm);box-sizing:border-box;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:none}.clear-all-btn svg{width:14px;height:14px}.clear-all-btn:hover{color:var(--danger);border-color:var(--danger-border);background:var(--danger-bg)}.tool-btn.active~.clear-all-btn{display:flex!important}#btn-refresh-model:hover svg{animation:1s linear infinite spin}.left-sidebar-stack,.right-sidebar-stack{z-index:100;flex-direction:column;gap:12px;width:280px;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s;display:flex;position:fixed;top:100px}.left-sidebar-stack{left:24px}.right-sidebar-stack{right:24px}.nav-card,.doc-card,.comments-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--r-md);overflow:hidden;background:var(--card)!important}.nav-row{font-size:var(--fs-sm,.8125rem);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}kbd{border:1px solid var(--border);font-family:var(--font-mono,inherit);font-size:var(--fs-xs,.75rem);color:var(--fg);text-align:center;background:#0000000d;border-radius:4px;min-width:24px;padding:2px 6px}.doc-info-row{font-size:var(--fs-sm,.8125rem);border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 16px;display:flex}.doc-info-row:last-child{border-bottom:none}.doc-info-key{color:var(--muted);font-weight:500}.doc-info-val{color:var(--fg);text-align:right}#loading-overlay{z-index:var(--z-overlay,4000);-webkit-backdrop-filter:blur(10px);background:#f4f4f599;justify-content:center;align-items:center;transition:opacity .3s;position:fixed;inset:0;display:flex!important}#loading-overlay.hidden{opacity:0;pointer-events:none}.loader-card{border-radius:var(--r-lg);min-width:280px;box-shadow:var(--shadow-md);background:#fff;flex-direction:column;gap:12px;padding:32px 40px;display:flex}.loader-header{align-items:center;gap:8px;display:flex}.loader-logo-icon{object-fit:contain;border-radius:4px;width:20px;height:20px}.loader-title{font-family:var(--font-heading,"Syne", sans-serif);font-size:var(--fs-lg,1.05rem);font-weight:var(--fw-bold,700);letter-spacing:-.02em;color:var(--fg)}.loader-chip{font-family:var(--font-sans);color:var(--muted);background:var(--hover);letter-spacing:.02em;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.loader-status{font-size:var(--fs-sm,.8125rem);color:var(--muted)}.progress-track{background:#00000012;border-radius:2px;height:3px;position:relative;overflow:hidden}.progress-fill{background:var(--fg);border-radius:2px;width:0%;height:100%;transition:width .2s}.progress-fill.indeterminate{animation:1.3s cubic-bezier(.4,0,.6,1) infinite scan;position:absolute;width:35%!important}@keyframes scan{0%{width:35%;left:-40%}60%{width:45%}to{width:35%;left:110%}}.loader-stages{gap:8px;margin-top:4px;display:flex}.loader-stage-chip{color:var(--muted);background:var(--hover);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;transition:all .2s}.loader-stage-chip.active{color:var(--fg);background:#00000014;font-weight:700}.loader-stage-chip.completed{color:var(--success,#10b981);background:#10b9811a}body.is-landing .left-sidebar-stack,body.is-landing .right-sidebar-stack{opacity:0;pointer-events:none;visibility:hidden}@media (width<=1024px){.bottom-toolbar{bottom:max(16px, env(safe-area-inset-bottom,16px));-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;max-width:calc(100vw - 32px);padding:4px;overflow-x:auto}.bottom-toolbar::-webkit-scrollbar{display:none}.tool-btn span{display:none}.tool-btn{justify-content:center;gap:0;min-width:38px;padding:8px 10px}.top-header{padding:10px 14px}.top-header .titles span{display:none}.header-right{gap:6px}.mcp-status-pill .mcp-label,.support-btn .btn-label,#btn-start-tutorial .btn-label,#user-name{display:none}.markup-floating-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;max-width:calc(100vw - 24px);padding:6px 10px;overflow-x:auto;z-index:150!important;top:68px!important}.markup-floating-toolbar::-webkit-scrollbar{display:none}.markup-btn span{display:none}.markup-btn{justify-content:center;min-width:32px!important;padding:0 6px!important}.markup-pin-banner{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 32px);overflow:hidden;z-index:200!important;top:116px!important}}@media (width<=768px){.bottom-toolbar{bottom:max(12px, env(safe-area-inset-bottom,12px));border-radius:18px;max-width:calc(100vw - 20px)}.tool-group{border-radius:14px;flex-shrink:0}.markup-floating-toolbar{border-radius:16px;gap:4px;top:56px}}@media (width<=640px){.bottom-toolbar{bottom:max(10px, env(safe-area-inset-bottom,10px));box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;padding:0;overflow-x:auto;width:auto!important;max-width:calc(100vw - 16px)!important;left:8px!important;right:8px!important;transform:none!important}.bottom-toolbar.visible{transform:none!important}.bottom-toolbar::-webkit-scrollbar{display:none}.tool-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:12px;flex-shrink:0;gap:2px;padding:3px;overflow-x:auto}.tool-group::-webkit-scrollbar{display:none}.tool-btn{border-radius:var(--r-sm,8px);justify-content:center;gap:0;min-width:36px;height:36px;min-height:36px;padding:6px 8px}.tool-btn svg{width:16px;height:16px}.tool-divider{flex-shrink:0;height:16px;margin:0 1px}.markup-floating-toolbar{box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;top:calc(var(--header-h,52px) + 6px)!important;border-radius:14px!important;gap:4px!important;width:auto!important;max-width:calc(100vw - 16px)!important;padding:4px 8px!important;left:8px!important;right:8px!important;overflow-x:auto!important;transform:none!important}.markup-floating-toolbar::-webkit-scrollbar{display:none}.markup-toolbar-group{flex-shrink:0;gap:3px}.markup-size-group{flex-shrink:0;gap:2px}.markup-btn{min-width:28px!important;height:28px!important;padding:0 6px!important}.markup-size-btn{min-width:26px!important;height:28px!important;padding:0 4px!important}.markup-color-btn{flex-shrink:0;width:14px;height:14px}.markup-divider{flex-shrink:0;height:14px;margin:0 1px}.markup-pin-banner{top:calc(var(--header-h,52px) + 50px)!important;max-width:calc(100vw - 24px)!important;padding:6px 12px!important;font-size:11px!important}#btn-start-tutorial{display:none!important}#mcp-status-pill{gap:4px;padding:0 8px}.header-right{gap:4px}.loader-card{border-radius:var(--r-md,14px);box-sizing:border-box;width:calc(100vw - 32px);min-width:0;max-width:380px;padding:20px 24px}.loader-stages{flex-wrap:wrap;gap:6px}.loader-stage-chip{padding:2px 6px;font-size:9px}}.viewcube-container{z-index:150;pointer-events:auto;cursor:pointer;background:var(--card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-md);width:124px;height:124px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;transition:opacity .25s,transform .25s,box-shadow .2s;display:flex;position:fixed;bottom:0;left:0}.viewcube-container:hover{box-shadow:var(--shadow-md);border-color:#0000001f}.viewcube-container.hidden{display:none!important}@media (width<=768px){.viewcube-container{bottom:max(84px, calc(env(safe-area-inset-bottom,0px) + 84px));width:80px;height:80px;left:12px}}@media (width<=640px){.viewcube-container{width:60px;height:60px;left:8px;bottom:max(68px, calc(env(safe-area-inset-bottom,0px) + 68px))}}.tool-btn.disabled,.tool-btn:disabled{pointer-events:none;opacity:.4}.markup-floating-toolbar{z-index:150;background:var(--card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-md);user-select:none;touch-action:pan-y;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;display:none;position:absolute;top:60px;left:50%;transform:translate(-50%)}body.is-markup-mode .top-header,body.is-markup-mode .left-sidebar-stack,body.is-markup-mode .right-sidebar-stack,body.is-markup-mode .viewcube-container,body.is-markup-mode .nav-card,body.is-markup-mode .bottom-toolbar{pointer-events:none!important}body.is-markup-mode .bottom-toolbar #btn-mode-markup,body.is-markup-mode .markup-floating-toolbar{pointer-events:auto!important}.markup-btn{align-items:center!important;gap:4px!important;height:26px!important;padding:0 8px!important;font-size:11px!important;display:inline-flex!important}.markup-size-btn{justify-content:center!important;align-items:center!important;min-width:26px!important;height:26px!important;padding:0 6px!important;display:inline-flex!important}.markup-divider{background:var(--border);width:1px;height:16px;margin:0 2px}.markup-color-btn{cursor:pointer;box-sizing:border-box;border:2px solid #0000;border-radius:50%;width:16px;height:16px;padding:0}.markup-color-btn.active{border-color:var(--fg)}.markup-pin-banner{z-index:200;background:var(--card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--fg);white-space:nowrap;pointer-events:none;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:500;animation:.2s ease-out markup-banner-in;display:flex;position:absolute;top:108px;left:50%;transform:translate(-50%)}.markup-pin-banner svg{color:#f59e0b;flex-shrink:0}@keyframes markup-banner-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.markup-temp-pin{pointer-events:none;flex-direction:column;align-items:center;display:flex;transform:translateY(-100%)}.markup-temp-pin-dot{background:#f59e0b;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite markup-pin-pulse;box-shadow:0 0 0 3px #f59e0b59}.markup-temp-pin-line{opacity:.7;background:#f59e0b;width:2px;height:12px}@keyframes markup-pin-pulse{0%,to{box-shadow:0 0 0 3px #f59e0b59}50%{box-shadow:0 0 0 6px #f59e0b1f}}.sidebar-footer-action{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.btn-full-width{justify-content:center!important;width:100%!important}.scrollable-panel-content{max-height:40vh;overflow-y:auto}.style-dropup-wrap{display:inline-flex;position:relative}.dropup-chevron{opacity:.6;margin-left:2px;transition:transform .2s}.style-dropup-wrap.open .dropup-chevron{transform:rotate(180deg)}.style-dropup-menu{background:var(--card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-md,12px);z-index:500;flex-direction:column;gap:2px;min-width:190px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) dropupTabIn;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f}.style-dropup-menu.hidden{display:none!important}@keyframes dropupTabIn{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.style-dropup-header{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:2px;padding:6px 10px 4px;font-size:10px;font-weight:700}.style-dropup-item{border-radius:var(--r-sm,6px);width:100%;color:var(--fg);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.style-dropup-item:hover{background:var(--hover);color:var(--fg)}.style-dropup-item.active{background:var(--hover);color:var(--fg);font-weight:600}.style-dropup-badge{color:#d97706;letter-spacing:.02em;background:#f59e0b26;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:600}.style-dropup-divider{background:var(--border);height:1px;margin:4px 6px}.style-dropup-toggle{border-radius:var(--r-sm,6px);width:100%;color:var(--fg);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.style-dropup-toggle:hover{background:var(--hover)}.style-dropup-toggle-label{align-items:center;display:flex}.toggle-switch-pill{background:var(--hover);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.toggle-switch-pill.active{color:#fff;background:#10b981;border-color:#10b981}@media (height<=500px){.bottom-toolbar{bottom:max(8px, env(safe-area-inset-bottom,8px));padding:2px 4px}.viewcube-container{width:56px!important;height:56px!important;bottom:max(60px, calc(env(safe-area-inset-bottom,0px) + 60px))!important;left:8px!important}.left-sidebar-stack,.right-sidebar-stack{top:calc(var(--header-h,52px) + 6px)}.markup-floating-toolbar{top:calc(var(--header-h,52px) + 6px)!important}}.mcp-status-box{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,8px);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mcp-subscription-note{border-radius:var(--r-sm,8px);color:var(--fg);background:#10b98114;border:1px solid #10b98140;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:12px;line-height:1.4;display:flex}.mcp-subscription-note svg{color:#10b981;flex-shrink:0}.mcp-subscription-note b{color:#059669}.mcp-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:600}.mcp-status-badge{color:var(--fg);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.mcp-mode-container{flex-direction:column;gap:6px;display:none}.mcp-owner-badge{color:#d97706;background:#f59e0b1f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.mcp-mode-pills{background:var(--hover);border-radius:var(--btn-r);border:1px solid var(--border);gap:8px;padding:4px;display:flex}.mcp-section-stack{flex-direction:column;gap:14px;display:flex}.mcp-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md,12px);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.mcp-card-subtitle{margin-top:2px;font-size:12px}.mcp-code-input{width:140px;font-family:var(--font-mono,monospace);text-align:center;color:var(--fg);background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,8px);height:var(--btn-h);box-sizing:border-box;outline:none;font-size:13px;font-weight:700}.mcp-callout{border-radius:var(--r-sm,8px);color:var(--fg);background:#f59e0b14;border:1px solid #f59e0b40;padding:10px 12px;font-size:12px;line-height:1.4}.mcp-callout-header{color:#d97706;align-items:center;gap:6px;margin-bottom:2px;font-weight:600;display:flex}.mcp-prompt-snippet-box{border:1px solid var(--border);background:#0000000a;border-radius:6px;justify-content:space-between;align-items:center;margin-top:6px;padding:6px 10px;display:flex}.mcp-prompt-snippet{font-family:var(--font-mono,monospace);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow-x:hidden}.mcp-compact-btn{flex-shrink:0;margin-left:8px;height:28px!important;padding:0 10px!important;font-size:11px!important}.mcp-setup-box{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,8px);padding:10px 12px;font-size:12px}.mcp-setup-header{margin-bottom:6px}.mcp-setup-title{color:var(--fg);font-weight:600}.mcp-setup-actions{gap:6px;display:flex}.mcp-tiny-btn{height:24px!important;padding:0 8px!important;font-size:11px!important}.mcp-setup-desc{color:var(--muted);margin-bottom:6px;font-size:11px}.mcp-local-url{color:var(--fg);margin-top:2px;font-size:13px;font-weight:600}.mcp-local-callout{color:var(--muted);border-color:var(--border);background:#00000008}.mcp-local-cmd{background:var(--hover);color:var(--fg);font-family:var(--font-mono,monospace);border-radius:4px;margin:6px 0 0;padding:6px 8px;font-size:11px}.mcp-row-auto{width:auto!important}.mcp-json-pre{background:var(--card);border:1px solid var(--border);font-family:var(--font-mono,monospace);color:var(--fg);border-radius:6px;margin:0;padding:8px;font-size:10.5px;overflow-x:auto}.mcp-details{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,8px);padding:10px 14px;font-size:12px}.mcp-details summary{cursor:pointer;color:var(--muted);user-select:none;font-weight:600}.mcp-details-body{flex-direction:column;gap:10px;margin-top:12px;display:flex}.clash-card-content{flex-direction:column;max-height:40vh;display:flex}.clash-empty-notice{color:var(--muted);text-align:center;padding:8px 4px;font-size:12px}.clash-item-title{color:var(--danger,#ef4444);font-size:12px;font-weight:600}.clash-item-sub{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;overflow:hidden}.clash-header-left{align-items:center;gap:6px;display:flex}.clash-dot{background:var(--danger,#ef4444);border-radius:50%;width:8px;height:8px;display:inline-block}.clash-badge{color:var(--danger,#ef4444);background:#ef444426;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.clash-header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.clash-controls-bar{background:var(--hover);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:8px 12px;display:flex}.clash-controls-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.clash-scope-wrap{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.clash-filter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:10px;font-weight:600}.clash-filter-select{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm,6px);min-width:0;height:26px;color:var(--fg);cursor:pointer;outline:none;flex:1;padding:0 6px;font-size:11px;transition:border-color .15s}.clash-filter-select:focus{border-color:var(--fg)}.clash-scroll-content{flex:1;padding:8px;overflow-y:auto}.clash-list{flex-direction:column;gap:6px;display:flex}.clash-item-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm,8px);cursor:pointer;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:10px 12px;transition:background-color .15s,border-color .15s,transform .15s,box-shadow .15s;display:flex}.clash-item-card:hover{background:var(--hover);border-color:#00000024;transform:translateY(-1px);box-shadow:0 2px 6px #0000000a}.clash-item-header{justify-content:space-between;align-items:center;width:100%;display:flex}.clash-item-title-group{align-items:center;gap:6px;min-width:0;display:flex}.clash-item-title{color:var(--danger,#ef4444);font-size:12px;font-weight:600;font-family:var(--font-heading,inherit)}.clash-distance-tag{color:var(--muted);background:var(--hover);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:10px}.clash-row-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.clash-row-actions .icon-btn{opacity:.8;width:24px;height:24px;color:var(--muted);border-radius:4px;padding:3px}.clash-row-actions .icon-btn:hover{opacity:1;color:var(--fg);background:var(--hover)}.clash-item-sub{color:var(--fg);align-items:center;gap:5px;width:100%;font-size:11px;display:flex;overflow:hidden}.clash-layer-tag{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.clash-layer-sep{color:var(--muted);font-size:10px}.clash-native-ids{flex-wrap:wrap;gap:4px;width:100%;margin-top:2px;display:flex}.clash-id-badge{background:var(--hover);border:1px solid var(--border);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:100%;padding:1px 6px;font-family:monospace;font-size:9px;overflow:hidden}.clash-convert-all-btn,.clash-unisolate-btn,.clash-ghost-btn{white-space:nowrap!important;border-radius:var(--r-sm,6px)!important;flex-shrink:0!important;align-items:center!important;gap:4px!important;height:26px!important;padding:0 10px!important;font-size:10px!important;font-weight:600!important;display:inline-flex!important}.clash-ghost-btn.active{color:var(--success,#10b981)!important;background:#10b9811f!important;border-color:#10b9814d!important}.clash-converted-tag{color:var(--success,#10b981);background:#10b9811f;border:1px solid #10b98140;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:600;line-height:1.4;display:inline-flex}.clash-select-group{flex-direction:column;gap:6px;width:100%;display:flex}.clash-select-label{color:var(--fg);font-size:11px;font-weight:600}.clash-layer-select{width:100%;height:var(--btn-h,36px);background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,8px);color:var(--fg);cursor:pointer;outline:none;padding:0 12px;font-size:13px;transition:border-color .15s}.clash-layer-select:focus{border-color:var(--fg)}.clash-modal-warning{color:#ef4444;padding:4px 0;font-size:11px}.clash-tolerance-header{justify-content:space-between;align-items:center;width:100%;display:flex}.clash-tolerance-row{align-items:center;gap:12px;width:100%;display:flex}.clash-tolerance-badge{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,6px);color:var(--fg);text-align:center;min-width:48px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:600}.clash-slider-input{appearance:none;background:var(--hover);border:1px solid var(--border);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.clash-slider-input::-webkit-slider-thumb{appearance:none;background:var(--fg);border:2px solid var(--card);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.clash-slider-input::-moz-range-thumb{background:var(--fg);border:2px solid var(--card);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.clash-helper-text{color:var(--muted);font-size:11px;line-height:1.4}.clash-sidebar-tolerance-box{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,8px);flex-direction:column;gap:6px;margin:8px 12px;padding:8px 10px;display:flex}.shortcuts-modal-card{max-width:600px}.shortcuts-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.shortcut-group{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,8px);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.shortcut-group-wide{grid-column:1/-1}.shortcut-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:700}.shortcut-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.shortcut-label{color:var(--fg);font-size:12px;font-weight:500}.shortcut-key{font-family:var(--font-mono,monospace);color:var(--fg);background:var(--card);border:1px solid var(--border);border-bottom:2px solid var(--border);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0000000d}@media (width<=600px){.shortcuts-grid{grid-template-columns:1fr}}.layers-panel{min-width:160px;max-height:60vh;overflow-y:none;resize:horizontal;flex-direction:column;transition:opacity .25s,transform .25s;display:flex;overflow:hidden;transform:scaleX(-1)}.layers-content{box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:12px 16px;display:flex;transform:scaleX(-1)}.layers-panel.hidden{opacity:0;pointer-events:none;transform:scaleX(-1)translate(-8px)}.layers-toolbar{border-bottom:1px solid var(--border);background:var(--hover);align-items:center;gap:6px;padding:8px 12px;display:flex}.layers-search-wrap{flex:1;align-items:center;display:flex;position:relative}.layers-search-icon{color:var(--muted);pointer-events:none;position:absolute;left:8px}.layers-search-input{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm,6px);width:100%;height:26px;color:var(--fg);box-sizing:border-box;outline:none;padding:0 24px 0 26px;font-size:11px;transition:border-color .15s,box-shadow .15s}.layers-search-input:focus{border-color:var(--fg)}.search-clear-btn{width:16px;height:16px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:all .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--fg);background:var(--hover)}.layers-quick-actions{gap:4px;display:flex}.layers-quick-btn{border-radius:6px!important;height:26px!important;padding:0 8px!important;font-size:10px!important;line-height:24px!important}.layer-list{font-size:var(--fs-sm,.8125rem);flex-direction:column;gap:2px;padding:6px 8px;display:flex;overflow-y:auto}.layer-item{flex-direction:column;display:flex}.layer-row{border-radius:var(--r-sm,6px);color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;padding:5px 8px;transition:background-color .15s,color .15s;display:flex}.layer-row:hover{background:var(--hover);color:var(--fg)}.layer-info{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.layer-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.layer-children{border-left:1.5px solid var(--border);flex-direction:column;margin-top:1px;margin-left:10px;padding-left:10px;display:flex}.layer-toggle{cursor:pointer;width:24px;height:24px;color:var(--muted);opacity:.7;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background-color .15s,opacity .15s;display:flex}.layer-toggle svg{width:14px;height:14px}.layer-toggle:hover{color:var(--fg);background:var(--hover);opacity:1}.layer-color-swatch{width:10px;height:10px;box-shadow:0 0 0 1px var(--border);border-radius:3px;flex-shrink:0}.layer-model-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:8px 8px 4px;display:flex}.layer-model-header:first-child{margin-top:0}.layer-model-title{color:var(--fg);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex;overflow:hidden}.model-badge-linked{letter-spacing:.04em;color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.2}.layer-model-group{flex-direction:column;gap:1px;padding-bottom:6px;display:flex}.hierarchy-tab-btn,.color-mode-btn{flex-shrink:0;text-transform:capitalize!important;height:24px!important;padding:0 8px!important;font-size:10px!important;line-height:22px!important}.hierarchy-card{flex-direction:column;flex:1;min-height:200px;max-height:calc(100vh - 180px);display:flex;overflow:hidden}.hierarchy-header-actions{align-items:center;gap:3px;margin-left:6px;margin-right:auto;display:flex}.hierarchy-content{flex-direction:column;flex:1;min-height:0;display:flex}.layer-list-scroll{flex:1;overflow-y:auto}.layer-empty-notice{color:var(--muted);text-align:center;padding:8px 4px;font-size:11px}.storey-flip-btn{border-radius:4px!important;height:22px!important;padding:0 5px!important;font-size:10px!important;line-height:22px!important}.storey-sub-row{font-size:11px}.storey-sub-type{color:var(--muted)}.storey-sub-count{color:var(--muted);opacity:.7;font-size:10px}.layer-model-actions{align-items:center;gap:4px;display:flex}.model-align-btn{border-radius:var(--r-sm,6px);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.model-align-btn:hover{color:var(--fg);background:var(--hover);border-color:var(--border)}.model-align-btn svg{width:13px;height:13px}.model-unlink-btn{border-radius:var(--r-sm,6px);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.model-unlink-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.model-unlink-btn svg{width:13px;height:13px}.alignment-modal{max-width:380px}.alignment-section{flex-direction:column;gap:6px;display:flex}.alignment-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.alignment-inputs-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.alignment-input-field{align-items:center;display:flex;position:relative}.alignment-axis-tag{color:var(--muted);pointer-events:none;font-size:11px;font-weight:600;position:absolute;left:8px}.alignment-number-input{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,6px);width:100%;height:32px;color:var(--fg);box-sizing:border-box;outline:none;padding:0 8px 0 24px;font-size:12px;transition:border-color .15s}.alignment-number-input:focus{border-color:var(--fg)}.alignment-input-field.single-field{max-width:160px}.alignment-unit{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;right:8px}.center-modal{align-items:stretch!important}.empty-state-box{box-sizing:border-box;min-height:480px;flex-direction:column!important;justify-content:space-between!important;display:flex!important}.empty-state-body{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.empty-state-body p{min-height:44px}.empty-state-footer{flex-direction:column;align-items:stretch;width:100%;margin-top:auto;display:flex}.empty-state-footer .open-btn{align-self:center}.empty-state-footer-list{align-items:stretch}.cloud-load-btn{justify-content:center;width:100%}.url-input-container{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;margin-top:12px;animation:.2s ease-out slideDown;display:none}.url-input-container .url-input{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.cloud-url-actions{justify-content:center;gap:8px;width:100%;display:flex}.cloud-url-actions .pill-btn{flex:1;justify-content:center}.cloud-guides-group{border-top:1px solid var(--border);flex-direction:column;gap:8px;width:100%;margin-top:8px;padding-top:10px;display:flex}.cloud-guides-label{font-size:var(--fs-xs,.75rem);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-weight:600}.cloud-guides-row{gap:8px;width:100%;display:flex}.cloud-guide-pill{flex:1;justify-content:center;gap:8px;padding:0 10px;font-size:12.5px;font-weight:500}.cloud-guide-brand-icon{object-fit:contain;flex-shrink:0;width:18px;height:18px}.privacy-info-icon-btn{vertical-align:middle;width:18px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;padding:0;transition:color .15s,transform .15s;display:inline-flex;position:relative;top:-1px}.privacy-info-icon-btn:hover{color:var(--fg);transform:scale(1.15)}.privacy-modal-card{max-width:520px}.privacy-points-list{flex-direction:column;gap:12px;display:flex}.privacy-point-item{background:var(--hover);border:1px solid var(--border);border-radius:var(--r-sm,8px);text-align:left;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.privacy-point-icon{width:28px;height:28px;color:var(--success,#10b981);background:#10b9811a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.privacy-point-title{color:var(--fg);margin-bottom:2px;font-size:12.5px;font-weight:600}.privacy-point-desc{color:var(--muted);font-size:11.5px;line-height:1.45}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.url-input{background:var(--bg-card,var(--card));border:1px solid var(--border);border-radius:var(--r-sm,8px);color:var(--fg);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:all .2s}.url-input:focus{border-color:var(--fg);box-shadow:0 0 0 2px #18181b1a}.saved-projects-header{justify-content:center;align-items:center;gap:8px;display:flex}.saved-projects-header h2{margin:0}.saved-projects-actions{justify-content:flex-end;padding:0 2px 6px;display:flex}.saved-projects-reload-btn{gap:6px!important;height:28px!important;padding:0 10px!important;font-size:11px!important}.reload-icon-spin{transition:transform .4s}.file-drop-overlay{z-index:var(--z-overlay,4000);-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#f4f4f5bf;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.file-drop-card{background:var(--card);border:2px dashed var(--fg);border-radius:var(--r-lg,16px);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:12px;padding:40px 60px;transition:transform .2s;display:flex;transform:scale(1.02)}.file-drop-icon{width:48px;height:48px;color:var(--fg)}.file-drop-title{font-size:var(--fs-xl,1.25rem);font-weight:var(--fw-semibold,600);color:var(--fg)}.file-drop-sub{font-size:var(--fs-sm,.8125rem);color:var(--muted)}.zoho-browser-container{flex-direction:column;gap:10px;max-height:380px;display:flex}.zoho-browser-path{color:var(--muted);background:var(--hover);border-radius:var(--r-sm,8px);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:11.5px;overflow:hidden}.zoho-file-list{flex-direction:column;gap:6px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.zoho-item-row{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm,8px);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.zoho-item-row:hover{background:var(--hover);border-color:var(--fg)}.zoho-item-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.zoho-item-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.zoho-item-meta{color:var(--muted);font-size:11px}.zoho-empty-msg{text-align:center;color:var(--muted);padding:24px 0;font-size:12.5px}#picker-account-banner{z-index:2147483647;background:var(--card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);font-family:var(--font-sans,Inter, sans-serif);color:var(--fg);pointer-events:auto;visibility:hidden;border-radius:999px;align-items:center;gap:10px;padding:5px 12px 5px 10px;font-size:13px;transition:opacity .2s,transform .2s;display:flex;position:fixed;box-shadow:0 4px 16px #00000024}.picker-account-info{align-items:center;gap:7px;display:flex}.picker-account-logo{object-fit:contain;width:17px;height:17px}.picker-account-email{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:13px;font-weight:500;overflow:hidden}.picker-account-switch-btn{background:var(--hover);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:3.5px 10px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.picker-account-switch-btn:hover{background:#00000017;border-color:#0000002e}.picker-account-close-btn{background:var(--hover);border:1px solid var(--border);width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.picker-account-close-btn:hover{color:var(--fg);background:#00000017;border-color:#0000002e}#modal-zoho-picker{z-index:5000;position:fixed;inset:0}.toast-container{bottom:calc(var(--toolbar-bottom,24px) + var(--btn-h,36px) + 20px);z-index:var(--z-toast,5000);pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;right:24px}.toast{background:var(--card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-md,12px);min-width:240px;max-width:420px;box-shadow:var(--shadow-md,0 8px 24px #00000014);color:var(--fg);pointer-events:auto;align-items:center;gap:12px;padding:10px 16px;transition:all .3s;animation:.3s cubic-bezier(.16,1,.3,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast.out{opacity:0;transform:translateY(12px)scale(.96)}.toast.success{border-left:4px solid var(--success);color:var(--success-fg)}.toast.error{border-left:4px solid var(--danger);color:var(--danger-fg)}.toast.warning{border-left:4px solid var(--warning);color:var(--warning-fg)}.toast-icon{justify-content:center;align-items:center;display:flex}.toast-icon-svg{display:none}.toast.success .toast-icon{color:var(--success)}.toast.success .toast-icon-success{display:block}.toast.error .toast-icon{color:var(--danger)}.toast.error .toast-icon-error{display:block}.toast.warning .toast-icon{color:var(--warning)}.toast.warning .toast-icon-warning{display:block}.toast-message{font-size:var(--fs-base,.875rem);font-weight:var(--fw-medium,500);line-height:1.4}@media (width<=640px){.toast-container{bottom:calc(var(--toolbar-bottom,16px) + var(--btn-h,36px) + 16px);align-items:center;left:12px;right:12px}.toast{box-sizing:border-box;width:100%;max-width:100%}}
