@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap");:root{--font-inter:"Inter";--font-mono:"DM Mono";--sys-light-primary:#245EA9;--sys-light-on-primary:#FFFFFF;--sys-light-primary-container:#F5F5FF;--sys-light-on-primary-container:#00468B;--sys-light-secondary:#202950;--sys-light-secondary-container:#E3ECFF;--sys-light-error:#C0000A;--sys-light-error-container:#FFE9E6;--sys-light-background:#F1F0F4;--sys-light-surface:#FFFFFF;--sys-light-surface-dim:#F7F6FA;--sys-light-surface-container:#F5F5FF;--sys-light-on-surface:#44474E;--sys-light-on-surface-variant:#747477;--sys-light-outline:#747477;--sys-light-outline-variant:#E3E2E5;--sys-light-disabled:#C4C6CE;--sys-light-charcoal:#44474E;--sys-light-on-charcoal:#F7F6FA;--dn-elev-0:none;--dn-elev-1:0px 1px 2px rgba(0,0,0,0.30),0px 1px 3px 1px rgba(0,0,0,0.15);--dn-elev-2:0px 1px 2px rgba(0,0,0,0.30),0px 2px 6px 2px rgba(0,0,0,0.15);--dn-elev-3:0px 1px 3px rgba(0,0,0,0.30),0px 4px 8px 3px rgba(0,0,0,0.15);--dn-elev-4:0px 2px 3px rgba(0,0,0,0.30),0px 6px 10px 4px rgba(0,0,0,0.15);--dn-elev-5:0px 4px 4px rgba(0,0,0,0.30),0px 8px 12px 6px rgba(0,0,0,0.15);--studio-bg:#F3F4F6;--studio-panel:#FFFFFF;--studio-border:#E5E7EB;--studio-border-soft:#EEF0F3;--studio-text:#1F2937;--studio-text-muted:#6B7280;--studio-text-soft:#9CA3AF;--studio-hover:#F3F4F6;--studio-active:#EFF3FF;--studio-primary:#245EA9;--studio-primary-strong:#1E4F8F;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--font-studio:var(--font-inter),-apple-system,BlinkMacSystemFont,sans-serif;--font-primary:var(--font-inter),-apple-system,BlinkMacSystemFont,sans-serif;--glass-bg:rgba(255,255,255,0.72);--glass-bg-soft:rgba(255,255,255,0.55);--glass-border:rgba(255,255,255,0.55);--glass-shadow:0 24px 60px rgba(15,23,42,0.18),0 2px 8px rgba(15,23,42,0.06)}html[data-theme=dark]{--studio-bg:#0F1115;--studio-panel:#161A21;--studio-border:#262B35;--studio-border-soft:#1F2530;--studio-text:#E5E7EB;--studio-text-muted:#9CA3AF;--studio-text-soft:#6B7280;--studio-hover:#1B2029;--studio-active:#1E3A6B;--studio-canvas-bg:#161A21;--glass-bg:rgba(20,24,32,0.62);--glass-bg-soft:rgba(20,24,32,0.40);--glass-border:rgba(255,255,255,0.10);--glass-shadow:0 24px 60px rgba(0,0,0,0.55),0 2px 8px rgba(0,0,0,0.20)}html[data-theme=dark] body{background:var(--studio-bg);color:var(--studio-text)}html[data-theme=dark] .studio-left,html[data-theme=dark] .studio-right,html[data-theme=dark] .studio-topbar{background:var(--studio-panel);border-color:var(--studio-border)}html[data-theme=dark] .device-toggle{background:var(--studio-panel);border:1px solid var(--studio-border)}html[data-theme=dark] .device-toggle button{color:var(--studio-text-muted)}html[data-theme=dark] .device-toggle button.active{background:var(--studio-active);color:var(--studio-text);box-shadow:none}html[data-theme=dark] .iconbtn{background:var(--studio-hover);color:var(--studio-text)}html[data-theme=dark] .iconbtn:hover{background:var(--studio-active)}html[data-theme=dark] .pillbtn{background:var(--studio-hover);color:var(--studio-text)}html[data-theme=dark] .pillbtn:hover{background:var(--studio-active)}html[data-theme=dark] .field input,html[data-theme=dark] .field select,html[data-theme=dark] .field textarea,html[data-theme=dark] .modal input,html[data-theme=dark] .modal select,html[data-theme=dark] .modal textarea,html[data-theme=dark] input.numfield{background:var(--studio-hover);border-color:var(--studio-border);color:var(--studio-text)}html[data-theme=dark] .field input::placeholder,html[data-theme=dark] .field textarea::placeholder{color:var(--studio-text-soft)}html[data-theme=dark] .align-btn,html[data-theme=dark] .ctx-menu,html[data-theme=dark] .dirpad,html[data-theme=dark] .dirpad button,html[data-theme=dark] .palette-item,html[data-theme=dark] .popover,html[data-theme=dark] .popover-item,html[data-theme=dark] .popover-large,html[data-theme=dark] .popover-tabs,html[data-theme=dark] .toggle,html[data-theme=dark] .toggle-thumb{background:var(--studio-panel);border-color:var(--studio-border);color:var(--studio-text)}html[data-theme=dark] .ctx-item:hover,html[data-theme=dark] .palette-item:hover,html[data-theme=dark] .popover-item:hover{background:var(--studio-active)}html[data-theme=dark] .toggle{background:var(--studio-hover)}html[data-theme=dark] .toggle.on{background:var(--studio-primary)}html[data-theme=dark] .toggle .toggle-thumb,html[data-theme=dark] .toggle>div{background:#fff}html[data-theme=dark] .rail-tab,html[data-theme=dark] .topbar-eye,html[data-theme=dark] .topbar-home,html[data-theme=dark] .topbar-meatball,html[data-theme=dark] .topbar-tab,html[data-theme=dark] .topbar-tabs button{background:var(--studio-hover);color:var(--studio-text)}html[data-theme=dark] .rail-tabs{background:var(--studio-panel)}html[data-theme=dark] .rail-tab.active{background:var(--studio-active);color:var(--studio-text)}html[data-theme=dark] .collapsible-head,html[data-theme=dark] .field-group-head,html[data-theme=dark] .section-head,html[data-theme=dark] .tree-slot-head{color:var(--studio-text)}html[data-theme=dark] .tree-item:hover{background:var(--studio-active)}html[data-theme=dark] .tree-item.selected{background:var(--studio-active);color:var(--studio-text)}html[data-theme=dark] .brand-footer{background:var(--studio-panel);border-color:var(--studio-border);color:var(--studio-text-muted)}html[data-theme=dark] .studio-canvas{background:var(--studio-bg)}html[data-theme=dark] .canvas-empty .title{color:var(--studio-text)}html[data-theme=dark] .canvas-slot-label{color:var(--studio-text-soft)}html[data-theme=dark] .modal{background:rgba(20,24,32,.72);color:var(--studio-text);border-color:var(--glass-border)}html[data-theme=dark] .modal-head,html[data-theme=dark] .share-row{border-color:var(--studio-border-soft)}html[data-theme=dark] .share-row{background:rgba(255,255,255,.04)}html[data-theme=dark] .share-row-role{background:var(--studio-hover);color:var(--studio-text-muted)}html[data-theme=dark] .share-invite-input{background:rgba(255,255,255,.04);color:var(--studio-text);border-color:var(--studio-border)}html[data-theme=dark] .share-section-head{color:var(--studio-text-muted)}html[data-theme=dark] .share-count{background:var(--studio-hover);color:var(--studio-text)}html[data-theme=dark] .user-pill{background:var(--studio-hover);border-color:var(--studio-border)}html[data-theme=dark] .user-pill-name{color:var(--studio-text)}html[data-theme=dark] .section{background:transparent}html[data-theme=dark] .section-head{color:var(--studio-text)}html[data-theme=dark] .section-head .caret,html[data-theme=dark] .topbar-eyebrow,html[data-theme=dark] .tree-slot-count{color:var(--studio-text-muted)}html[data-theme=dark] .topbar-eyebrow{background:transparent}html[data-theme=dark] .topbar-page-name{color:var(--studio-text)}html[data-theme=dark] .device-toggle button{background:transparent}html[data-theme=dark] .btn-publish{background:var(--studio-primary);color:#fff}html[data-theme=dark] .assets-section-head,html[data-theme=dark] .collapsible-head,html[data-theme=dark] .pages-section-head{color:var(--studio-text)}html[data-theme=dark] .add-list-btn,html[data-theme=dark] .canvas-slot-add-btn{background:transparent;color:var(--studio-text-muted);border-color:var(--studio-border)}html[data-theme=dark] .canvas-slot-add-btn:hover{color:var(--studio-primary);border-color:var(--studio-primary)}html[data-theme=dark] .ai-key-banner.ok{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.3);color:#86EFAC}html[data-theme=dark] .ai-key-banner.info{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.3);color:#93C5FD}html[data-theme=dark] .ai-key-banner.warn{background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.3);color:#FCD34D}html[data-theme=dark] .ai-key-banner.muted{background:var(--studio-canvas-bg);border-color:var(--studio-border);color:var(--studio-text-soft)}html[data-theme=dark] .library-card{background:var(--studio-hover);border-color:var(--studio-border);color:var(--studio-text)}html[data-theme=dark] .library-card.selected{background:var(--studio-active)}html[data-theme=dark] .topbar-shared-pill{background:rgba(96,165,250,.15);color:#93C5FD}html[data-theme=dark] .modal-body code{background:var(--studio-hover);color:var(--studio-text)}html[data-theme=dark] .topbar-divider{background:var(--studio-border)}html[data-theme=dark] .topbar-tabs button{background:transparent}html[data-theme=dark] .topbar-tabs button.active{background:var(--studio-active);color:var(--studio-text)}html[data-theme=dark] .live-presence-avatar{border-color:var(--studio-panel)}html[data-theme=dark] .multi-canvas-controls{background:var(--studio-panel);border-color:var(--studio-border)}html[data-theme=dark] .multi-canvas-add{background:transparent;border-color:var(--studio-border);color:var(--studio-text-muted)}[class*=lb-attribution],[class*=liveblocks-attribution],[id*=liveblocks][id*=attribution],[id*=liveblocks][id*=badge],a[href*="liveblocks.io"],div[data-liveblocks-attribution],iframe[src*="liveblocks.io"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-studio);color:var(--studio-text);background:var(--studio-bg);overflow:hidden}button,input,select,textarea{font-family:inherit;color:inherit}@keyframes dn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dn-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dn-slide-up-spring{0%{opacity:0;transform:translateY(40px)}60%{opacity:1;transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes dn-pulse-ring{0%{box-shadow:0 0 0 0 rgba(36,94,169,.45)}to{box-shadow:0 0 0 14px rgba(36,94,169,0)}}@keyframes dn-tour-pulse{0%,to{box-shadow:0 0 0 6px rgba(36,94,169,.22),0 0 24px rgba(36,94,169,.35)}50%{box-shadow:0 0 0 10px rgba(36,94,169,.1),0 0 32px rgba(36,94,169,.45)}}@keyframes dn-drop-pulse{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(1.03);opacity:.85}}@keyframes dn-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dn-spin{to{transform:rotate(1turn)}}@keyframes dn-toast-in{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dn-toast-out{to{opacity:0;transform:translateY(20px) scale(.96)}}.align-btn,.btn-add,.btn-cta,.btn-publish,.btn-secondary,.device-toggle button,.icon-btn-tiny,.iconbtn,.page-item,.palette-item,.popover-item,.topbar-tab,.tree-item,.tree-item-icon-btn{transition:background-color .13s ease,color .13s ease,border-color .13s ease,transform .12s ease,box-shadow .15s ease}.palette-item:active,.popover-item:active,.tree-item:active{transform:scale(.985)}.btn-cta:active,.btn-publish:active{transform:scale(.97)}.sync-status-wrap{position:relative}.sync-status-pill{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--studio-text-muted);display:inline-flex;font:500 11px/16px var(--font-studio);gap:6px;min-height:32px;padding:4px 9px}.sync-status-pill.is-conflict{background:#fff8e7;color:#8a4f00;cursor:pointer}.sync-status-pill.is-offline{color:var(--studio-text-soft)}.dn-spin{animation:dn-spin .8s linear infinite}.dn-skip-link{background:var(--studio-primary);border-radius:0 0 8px 8px;color:white;left:16px;padding:10px 14px;position:fixed;top:-60px;transition:top .12s ease;z-index:10000}.dn-skip-link:focus{top:0}.sync-conflict-popover{background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:12px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:10px;padding:16px;position:absolute;right:0;top:38px;width:300px;z-index:200}.sync-conflict-popover p{color:var(--studio-text-muted);font-size:12px;line-height:18px}.workflow-badge{background:var(--studio-hover);border-radius:999px;color:var(--studio-text-muted);font-size:10px;font-weight:700;letter-spacing:.04em;padding:4px 9px;text-transform:uppercase}.workflow-badge.is-in_review{background:#fff8e7;color:#8a4f00}.workflow-badge.is-approved{background:#e8f5e9;color:#1e6b3a}.workflow-badge.is-published{background:var(--studio-active);color:var(--studio-primary)}.ai-diff{background:var(--studio-panel);border-block:1px solid var(--studio-border);padding:12px}.ai-diff-head{align-items:center;display:flex;font-weight:700;gap:6px}.ai-diff ul,.ai-diff-head{color:var(--studio-text);font-size:12px}.ai-diff ul{line-height:18px;margin:8px 0 0;-webkit-padding-start:20px;padding-inline-start:20px}.ai-diff p{color:var(--studio-text-muted);font-size:11px;line-height:16px;margin-top:8px}.ai-diff-actions{display:flex;gap:8px;margin-top:10px}.ai-diff-actions button{flex:1 1}.studio{display:grid;grid-template-columns:280px 1fr 320px;grid-template-rows:60px 1fr;grid-template-areas:"topbar topbar topbar" "left canvas right";height:100vh;background:var(--studio-bg)}@media (max-width:1200px){.studio{grid-template-columns:260px 1fr 300px}.studio-topbar{grid-template-columns:260px 1fr auto}.topbar-tabs{gap:10px}.topbar-tabs button{font-size:12px}.popover{left:268px;width:380px}}@media (max-width:1024px){.studio{grid-template-columns:240px 1fr 280px}.studio-topbar{grid-template-columns:240px 1fr auto}.canvas-frame.mobile{transform:scale(.85);transform-origin:top center}.topbar-page-name input{width:140px}.topbar-meatball{display:none}}@media (max-width:880px){.studio{grid-template-columns:1fr;grid-template-rows:56px 1fr auto;grid-template-areas:"topbar" "canvas" "left"}.studio-topbar{grid-template-columns:1fr auto}.studio-left{border-right:none;border-top:1px solid var(--studio-border);max-height:50vh;overflow-y:auto}.studio-right{position:fixed;right:12px;bottom:12px;top:72px;width:min(360px,calc(100vw - 24px));border-radius:14px;border:1px solid var(--studio-border);box-shadow:0 16px 40px rgba(15,23,42,.18);z-index:20;transition:transform .22s ease}.topbar-tabs{display:none}.canvas-frame.mobile{transform:scale(.7)}}@media (max-width:640px){.canvas-frame.mobile{transform:scale(.55)}.ai-panel,.popover{left:12px;right:12px;width:auto}.ai-panel{bottom:76px;height:60vh}.ai-fab,.api-fab{right:16px}}.studio-topbar{grid-area:topbar;background:#fff;border-bottom:1px solid var(--studio-border);display:grid;grid-template-columns:280px 1fr auto;align-items:center}.topbar-left{gap:12px;padding:0 16px}.topbar-home,.topbar-left{display:flex;align-items:center}.topbar-home{width:40px;height:40px;border-radius:10px;justify-content:center;background:#F3F4F6;color:var(--studio-text);cursor:pointer;text-decoration:none}.topbar-home:hover{background:#E5E7EB}.topbar-page{display:flex;flex-direction:column;gap:1px;min-width:0;cursor:pointer}.topbar-page-eyebrow{font-size:9px;font-weight:600;letter-spacing:.6px;color:var(--studio-text-soft);text-transform:uppercase}.topbar-page-name{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--studio-text)}.topbar-page-name input{background:transparent;border:none;padding:0;font-size:14px;font-weight:600;width:180px;outline:none}.topbar-page-name i{font-size:10px;color:var(--studio-text-muted)}.topbar-center{gap:12px}.topbar-center,.topbar-eye,.topbar-meatball{display:flex;align-items:center;justify-content:center}.topbar-eye,.topbar-meatball{width:32px;height:32px;border-radius:8px;color:var(--studio-text-muted);cursor:pointer;background:transparent;border:none;text-decoration:none}.topbar-eye:hover,.topbar-meatball:hover{background:var(--studio-hover);color:var(--studio-primary);text-decoration:none}.topbar-eye i{font-size:11px}.device-toggle{display:flex;background:#F3F4F6;border-radius:10px;padding:3px;gap:2px}.device-toggle button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:transparent;border:none;font-size:13px;color:var(--studio-text-muted);cursor:pointer;font-weight:500}.device-toggle button.active{background:#fff;color:var(--studio-primary);box-shadow:0 1px 2px rgba(0,0,0,.06)}.device-toggle button i{font-size:12px}.topbar-right{justify-content:flex-end;gap:8px;padding:0 16px}.iconbtn,.topbar-right{display:flex;align-items:center}.iconbtn{width:36px;height:36px;border-radius:999px;justify-content:center;background:#F3F4F6;color:var(--studio-text);cursor:pointer;border:none}.iconbtn:hover{background:#E5E7EB}.pillbtn{height:36px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#F3F4F6;color:var(--studio-text);border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .13s ease}.pillbtn:hover{background:#E5E7EB}.pillbtn i{font-size:13px}.iconbtn:disabled{opacity:.4;cursor:default}.btn-publish{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 18px;border-radius:10px;background:var(--studio-primary);color:#fff;border:none;cursor:pointer;font-size:13px;font-weight:600;text-decoration:none}.btn-publish:hover{background:var(--studio-primary-strong)}.topbar-tabs{display:flex;gap:14px;margin-left:8px}.topbar-tab{font-size:13px;color:var(--studio-text-muted);cursor:pointer;background:transparent;border:none;padding:4px 0;font-weight:500}.topbar-tab.active{color:var(--studio-text);font-weight:600}.studio-left{grid-area:left;background:#fff;border-right:1px solid var(--studio-border)}.rail-section,.studio-left{display:flex;flex-direction:column;min-height:0}.rail-section-head{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;font-size:13px;font-weight:600}.rail-section-head,.rail-section-head i.lead{color:var(--studio-text)}.rail-section-head .spacer{flex:1 1}.btn-add{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:#F3F4F6;border:1px solid var(--studio-border);border-radius:6px;font-size:11px;font-weight:600;color:var(--studio-text-muted);cursor:pointer}.btn-add:hover{background:#E5E7EB;color:var(--studio-text)}.tree{padding:0 8px 8px;overflow-y:auto;flex:1 1;min-height:0}.tree-group{margin-bottom:2px}.tree-group-head{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;font-size:13px;font-weight:600;color:var(--studio-text);cursor:pointer}.tree-group-head:hover{background:var(--studio-hover)}.tree-group-head .name{flex:1 1}.tree-group-head .actions{display:none;gap:2px}.tree-group-head:hover .actions{display:flex}.tree-group-head i.caret{font-size:9px;color:var(--studio-text-muted);transition:transform .15s}.tree-group.collapsed .tree-group-head i.caret{transform:rotate(-90deg)}.tree-children{padding-left:12px}.tree-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;color:var(--studio-text);cursor:pointer;min-height:30px;animation:dn-fade-slide-in .18s ease-out}.tree-item:hover{background:var(--studio-hover)}.tree-item:hover .tree-item-grip{color:var(--studio-text-muted)}.tree-item.active{background:var(--studio-active);color:var(--studio-primary);font-weight:500}.tree-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--studio-primary);border-radius:0 4px 4px 0}.tree-item{position:relative}.tree-item.dragging{opacity:.4}.tree-item-grip{color:var(--studio-text-soft);font-size:10px;cursor:-webkit-grab;cursor:grab;transition:color .12s}.tree-item-grip:active{cursor:-webkit-grabbing;cursor:grabbing}.tree-item .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item i.lead{color:var(--studio-text-muted);font-size:12px}.tree-item.active i.lead{color:var(--studio-primary)}.tree-item .actions{display:none;gap:2px}.tree-item.active .actions,.tree-item:hover .actions{display:flex}.tree-item-icon-btn{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--studio-text-muted);cursor:pointer;font-size:11px}.tree-item-icon-btn:hover{background:#E5E7EB;color:var(--studio-text)}.tree-item.invisible{opacity:.45}.rail-section-foot{border-top:1px solid var(--studio-border-soft)}.collapsible-head{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;color:var(--studio-text);cursor:pointer}.collapsible-head .spacer{flex:1 1}.collapsible-head i.caret{font-size:10px;color:var(--studio-text-muted);transition:transform .15s}.collapsible.collapsed .collapsible-head i.caret{transform:rotate(-90deg)}.collapsible-body{padding:0 16px 12px}.pages-list{display:flex;flex-direction:column;gap:2px}.page-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;color:var(--studio-text);cursor:pointer;min-height:30px}.page-item:hover{background:var(--studio-hover)}.page-item.active{background:var(--studio-active);color:var(--studio-primary);font-weight:500}.page-item .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item .actions{display:none;gap:2px}.page-item.active .actions,.page-item:hover .actions{display:flex}.assets-drop{border:1.5px dashed var(--studio-border);border-radius:10px;background:#FAFBFC;padding:14px 10px;text-align:center;color:var(--studio-text-soft);font-size:11px;cursor:pointer;transition:border-color .15s,background .15s}.assets-drop:hover{border-color:var(--studio-primary);background:#F5F8FF;color:var(--studio-primary)}.assets-drop i{font-size:18px;display:block;margin-bottom:4px;color:inherit}.assets-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-bottom:8px}.asset-tile{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#F1F0F4;border:1px solid var(--studio-border);cursor:-webkit-grab;cursor:grab;transition:border-color .15s,transform .12s}.asset-tile:hover{border-color:var(--studio-primary);transform:translateY(-1px)}.asset-tile:active{cursor:-webkit-grabbing;cursor:grabbing}.asset-tile img{width:100%;height:100%;object-fit:cover;display:block}.asset-tile-delete{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;border:none;display:none;cursor:pointer;font-size:9px}.asset-tile:hover .asset-tile-delete{display:flex;align-items:center;justify-content:center}.asset-tile-delete:hover{background:rgba(0,0,0,.85)}.dn-image{width:100%;box-shadow:0 1px 4px rgba(0,0,0,.06)}.dn-image-caption{font-size:12px;color:#747477;padding:6px 4px 0;font-family:var(--font-primary)}.brand-footer{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--studio-border-soft);margin-top:auto}.brand-footer img{width:36px;height:36px;opacity:.85}.brand-footer .brand-text{display:flex;flex-direction:column;gap:1px}.brand-footer .brand-text strong{font-size:11px;font-weight:600;color:var(--studio-text)}.brand-footer .brand-text span{font-size:10px;color:var(--studio-text-soft)}.studio-canvas{grid-area:canvas;overflow:auto;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--studio-bg);min-height:0}@media (max-height:920px){.studio-canvas{align-items:flex-start}}.studio-canvas.multi-canvas,.studio-canvas:has(.canvas-frame.desktop),.studio-canvas:has(.canvas-frame.tablet){align-items:flex-start}.canvas-frame{background:#F1F0F4;border-radius:28px;box-shadow:0 4px 24px rgba(15,23,42,.1),0 1px 3px rgba(15,23,42,.04);overflow:hidden;transition:width .24s cubic-bezier(.4,0,.2,1),height .24s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;animation:dn-pop-in .2s ease-out}.canvas-frame.desktop{background:#F1F0F4;border-radius:16px}.canvas-frame.mobile{box-shadow:0 0 0 8px #1a1a1a,0 0 0 9px #2a2a2a,0 48px 96px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.06);border-radius:44px}.multi-canvas{padding:24px 24px 48px;align-items:flex-start;justify-content:flex-start;overflow:auto}.multi-canvas-controls{position:-webkit-sticky;position:sticky;top:0;left:0;align-self:flex-start;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--studio-border);border-radius:999px;padding:4px;box-shadow:0 4px 12px rgba(15,23,42,.06);z-index:10}.multi-canvas-controls .iconbtn{width:28px;height:28px;background:transparent}.multi-canvas-controls .iconbtn:hover{background:var(--studio-hover)}.multi-canvas-zoom{font-size:12px;font-weight:600;color:var(--studio-text);padding:0 6px;min-width:44px;text-align:center}.multi-canvas-grid{display:flex;flex-wrap:wrap;gap:28px 28px;padding:16px 0;align-items:flex-start}.multi-screen-wrap{display:flex;flex-direction:column;gap:6px;cursor:pointer}.multi-screen-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--studio-text-muted);padding:0 2px}.multi-screen-label i{color:var(--studio-text-soft)}.multi-screen{box-shadow:0 0 0 1px #E5E7EB,0 6px 18px rgba(15,23,42,.1)!important;border-radius:28px!important}.multi-screen.active{box-shadow:0 0 0 3px var(--studio-primary),0 12px 28px rgba(36,94,169,.16)!important}.multi-screen-wrap:hover .multi-screen:not(.active){box-shadow:0 0 0 2px var(--studio-primary),0 8px 22px rgba(36,94,169,.1)!important}.multi-canvas-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:transparent;border:2px dashed var(--studio-border);color:var(--studio-text-muted);border-radius:28px;cursor:pointer;font-family:inherit;align-self:flex-start;transition:all .15s ease;flex-shrink:0}.multi-canvas-add i{font-size:28px}.multi-canvas-add:hover{border-color:var(--studio-primary);color:var(--studio-primary);background:rgba(36,94,169,.04)}.canvas-frame.is-drop-target{box-shadow:0 0 0 3px rgba(36,94,169,.25),0 4px 24px rgba(15,23,42,.06)}.canvas-frame.mobile{width:393px;height:852px}.canvas-frame.tablet{width:768px;height:1024px}.canvas-frame.desktop{width:100%;max-width:1280px;flex:1 1;align-self:stretch;min-height:720px;padding:0;background:transparent;display:flex;flex-direction:column}.canvas-frame.desktop>.dn-webshell{flex:1 1;min-height:0}.canvas-scroll{flex:1 1;overflow-y:auto}.canvas-scroll::-webkit-scrollbar{display:none}.canvas-slot{position:relative}.canvas-slot-header{flex-shrink:0}.canvas-slot-footer{flex-shrink:0;padding-bottom:var(--page-pad-bottom,var(--dn-navigation-clearance,24px))}.canvas-slot-footer>:is(.node-wrap,.play-node-wrap):has(>:is(.dn2-button,.dn-btn))+:is(.node-wrap,.play-node-wrap):has(>:is(.dn2-button,.dn-btn)){margin-top:var(--dn-element-gap,var(--dn-space-2,8px))}.canvas-slot-content,.canvas-slot-flex{flex:1 1;min-height:0;overflow-y:auto}.canvas-slot-content::-webkit-scrollbar{display:none}.canvas-slot.is-drop-target{background:rgba(36,94,169,.04)}.canvas-slot-empty{min-height:56px}.canvas-slot-content.canvas-slot-empty{min-height:240px}.canvas-slot-label{position:absolute;left:12px;top:6px;font-family:var(--font-studio);font-size:10px;font-weight:600;color:rgba(36,94,169,.55);text-transform:uppercase;letter-spacing:.6px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:30}.canvas-frame:hover .canvas-slot-empty .canvas-slot-label,.canvas-slot.is-drop-target .canvas-slot-label{opacity:1}.canvas-slot-empty{background-image:repeating-linear-gradient(45deg,rgba(36,94,169,.04) 0 6px,transparent 6px 14px)}.canvas-slot-content.canvas-slot-empty{background-image:none}.canvas-slot-content.canvas-slot-empty .canvas-empty{padding-top:56px}.canvas-slot.is-drop-target{outline:2px dashed rgba(36,94,169,.45);outline-offset:-3px}.play-slot-content,.play-slot-footer,.play-slot-header{background:transparent}.play-node-wrap-tap{cursor:pointer}.play-node-wrap-tap:active{opacity:.88;transition:opacity 80ms}.tree-slot{border-bottom:1px solid var(--studio-border-soft);padding:2px 0 6px}.tree-slot:last-child{border-bottom:none}.tree-slot-head{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:700;color:var(--studio-text-muted);text-transform:uppercase;letter-spacing:.6px;cursor:pointer}.tree-slot-head:hover{color:var(--studio-text)}.tree-slot-head i.fa-chevron-down.caret{transition:transform .15s;font-size:9px}.tree-slot.collapsed .tree-slot-head .caret{transform:rotate(-90deg)}.tree-slot-count{background:#F1F0F4;color:var(--studio-text-muted);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.tree-slot-list{min-height:24px;padding:2px 0}.tree-slot-empty{padding:10px 12px;font-size:11px;color:var(--studio-text-soft);text-align:center;border:1px dashed var(--studio-border-soft);border-radius:6px;margin:4px 8px;line-height:1.4}.canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:48px;text-align:center;gap:12px;color:var(--studio-text-muted)}.canvas-empty img{width:96px;opacity:.75}.canvas-empty .title{font-size:16px;font-weight:600;color:var(--studio-text)}.drop-line{left:8px;right:8px;height:4px;box-shadow:0 0 0 6px rgba(36,94,169,.12);pointer-events:none;z-index:50;transition:top .1s cubic-bezier(.2,.9,.3,1);animation:dn-drop-pulse 1.1s ease-in-out infinite}.drop-line,.drop-line:before{position:absolute;background:var(--studio-primary);border-radius:999px}.drop-line:before{content:"";left:-6px;top:-3px;width:10px;height:10px;box-shadow:0 0 0 4px rgba(36,94,169,.18)}.tree-drop-line{height:3px;background:var(--studio-primary);border-radius:999px;margin:3px 4px;box-shadow:0 0 0 4px rgba(36,94,169,.12);animation:dn-drop-pulse 1.1s ease-in-out infinite}.node-wrap{transition:outline-color .1s ease;animation:dn-fade-slide-in .22s ease-out}.node-wrap[draggable=true]{cursor:-webkit-grab;cursor:grab}.node-wrap[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.node-wrap{position:relative}.node-wrap.dragging{opacity:.4}.node-wrap:not(.selected):hover>.canvas-padded>.dn-card-group,.node-wrap:not(.selected):hover>.canvas-padded>.dn-multi-upload,.node-wrap:not(.selected):hover>.canvas-padded>:only-child,.node-wrap:not(.selected):hover>:not(.canvas-padded){box-shadow:0 0 0 1px rgba(36,94,169,.45),0 6px 18px rgba(36,94,169,.16);position:relative;z-index:1;transition:box-shadow .12s ease}.node-wrap.selected{box-shadow:none;outline:none}.node-wrap.selected>.canvas-padded>.dn-card-group,.node-wrap.selected>.canvas-padded>.dn-multi-upload,.node-wrap.selected>.canvas-padded>:only-child,.node-wrap.selected>:not(.canvas-padded){box-shadow:0 0 0 2px var(--studio-primary);position:relative;z-index:1}.node-wrap.just-selected{animation:dn-pulse-ring .7s ease-out,dn-fade-slide-in .22s ease-out}.node-wrap.has-tap:after{content:"\f0c1";font-family:Font Awesome\ 6 Free;font-weight:900;position:absolute;top:4px;right:4px;font-size:9px;color:#fff;background:var(--studio-primary);border-radius:999px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:99}.studio-right{grid-area:right;background:#fff;border-left:1px solid var(--studio-border);display:flex;flex-direction:column;min-height:0}.align-row{display:flex;align-items:center;gap:4px;padding:12px 16px;border-bottom:1px solid var(--studio-border-soft)}.align-row .align-btn{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--studio-text-muted);background:transparent;border:none;cursor:pointer;font-size:12px}.align-row .align-btn:hover{background:var(--studio-hover);color:var(--studio-text)}.align-row .align-divider{width:1px;height:18px;background:var(--studio-border);margin:0 4px}.align-row .spacer{flex:1 1}.inspector-scroll{flex:1 1;overflow-y:auto;min-height:0}.inspector-empty{padding:28px 20px;text-align:center}.inspector-empty-illust{width:56px;height:56px;border-radius:14px;background:var(--studio-active);color:var(--studio-primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}.inspector-empty-title{font-size:14px;font-weight:600;color:var(--studio-text);margin-bottom:4px}.inspector-empty-body{font-size:12px;color:var(--studio-text-muted);line-height:1.5;max-width:220px;margin:0 auto 18px}.inspector-tips{list-style:none;padding:12px;background:#F9FAFB;border:1px solid var(--studio-border-soft);border-radius:10px;text-align:left}.inspector-tips li{font-size:12px;color:var(--studio-text-muted);padding:4px 0;display:flex;align-items:center;gap:8px}.inspector-tips kbd{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:22px;padding:0 6px;background:#fff;border:solid var(--studio-border);border-width:1px 1px 2px;border-radius:5px;font-family:ui-monospace,monospace;font-size:11px;color:var(--studio-text)}.section{border-bottom:1px solid var(--studio-border-soft);padding:12px 16px}.section-head{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;font-weight:600;color:var(--studio-text);padding-bottom:10px}.section-head .spacer{flex:1 1}.section-head i.caret{font-size:10px;color:var(--studio-text-muted);transition:transform .15s}.section.collapsed .section-head{padding-bottom:0}.section.collapsed .section-head i.caret{transform:rotate(-90deg)}.section.collapsed .section-body{display:none}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:11px;color:var(--studio-text-muted);display:flex;align-items:center;gap:6px}.field label i{font-size:10px;color:var(--studio-text-soft);width:12px;text-align:center}.field-group-head{font-size:11px;font-weight:600;color:var(--studio-text);letter-spacing:.4px;text-transform:uppercase;padding:12px 0 6px;display:flex;align-items:center;gap:6px;border-top:1px solid var(--studio-border-soft);margin-top:8px}.field-group-head:first-of-type{border-top:0;padding-top:4px;margin-top:0}.field input,.field select,.field textarea{background:#fff;border:1px solid var(--studio-border);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--studio-text);outline:none}.field input::placeholder,.field textarea::placeholder{color:var(--studio-text-soft)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.12)}.toggle{position:relative;width:36px;height:20px;border-radius:999px;background:#E5E7EB;cursor:pointer;transition:background .15s}.toggle:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s}.toggle.on{background:var(--studio-primary)}.toggle.on:after{transform:translateX(16px)}.row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.row .grow{flex:1 1}.row-label{font-size:13px;color:var(--studio-text)}.dirpad{gap:2px;background:#F3F4F6;border:1px solid var(--studio-border);border-radius:8px;padding:2px}.dirpad,.dirpad button{display:flex;align-items:center}.dirpad button{width:28px;height:26px;border-radius:6px;justify-content:center;background:transparent;border:none;color:var(--studio-text-muted);cursor:pointer;font-size:11px}.dirpad button.active{background:#fff;color:var(--studio-primary);box-shadow:0 1px 2px rgba(0,0,0,.06)}.dirpad button:hover:not(.active){color:var(--studio-text)}.numfield{width:56px;background:#fff;border:1px solid var(--studio-border);border-radius:6px;padding:5px 8px;font-size:12px;outline:none;text-align:center}.list-item-card{background:#F9FAFB;border:1px solid var(--studio-border);border-radius:10px;padding:10px;margin-bottom:8px}.list-item-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.list-item-card-head span{font-size:11px;font-weight:600;color:var(--studio-text-muted);text-transform:uppercase;letter-spacing:.4px}.add-list-btn{width:100%;height:32px;background:#fff;border:1px dashed var(--studio-border);border-radius:8px;color:var(--studio-text-muted);font-size:12px;cursor:pointer}.add-list-btn:hover{border-color:var(--studio-primary);color:var(--studio-primary)}.icon-btn-tiny{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--studio-text-muted);cursor:pointer;font-size:11px}.icon-btn-tiny:hover{background:#E5E7EB;color:var(--studio-text)}.danger-btn{width:100%;background:#fff;color:var(--sys-light-error);border:1px solid #fecaca;border-radius:8px;padding:8px;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.danger-btn:hover{background:var(--sys-light-error-container)}.json-pre{padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.6;color:var(--studio-text);white-space:pre;overflow-x:auto}.popover-backdrop{position:fixed;inset:0;z-index:50}.popover{position:fixed;top:72px;left:288px;bottom:16px;background:#fff;border:1px solid var(--studio-border);border-radius:14px;box-shadow:0 24px 64px rgba(15,23,42,.16),0 6px 16px rgba(15,23,42,.08);display:flex;flex-direction:column;overflow:hidden;z-index:51;animation:dn-slide-in-left .22s cubic-bezier(.2,.9,.3,1);transform-origin:top left}.popover,.popover-large{width:420px}@keyframes dn-slide-in-left{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.popover-backdrop{pointer-events:none;background:transparent}.popover-tabs{gap:4px;padding:4px 12px 0;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:5}.popover-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;font-weight:500;border:none;margin-bottom:-1px;transition:color .15s,border-color .15s}.popover-tab:hover:not(:disabled){color:var(--studio-text)}.popover-tab:disabled{opacity:.4;cursor:default}.popover-tab i{font-size:12px}.popover-tab-badge{background:#F1F0F4;color:var(--studio-text-muted);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.popover-tab.active .popover-tab-badge{background:var(--studio-active);color:var(--studio-primary)}.popover-empty{padding:36px 20px;text-align:center;color:var(--studio-text-soft);font-size:13px}.popover-group{padding:6px 0 0}.popover-group-head.static{display:flex;align-items:center;gap:8px;padding:12px 16px 6px;font-size:11px;font-weight:700;color:var(--studio-text-muted);text-transform:uppercase;letter-spacing:.6px}.popover-group-count{background:#F1F0F4;color:var(--studio-text-muted);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.popover-grid{display:flex;flex-direction:column;gap:10px;padding:6px 12px 12px}.popover-card{background:#fff;border:1px solid var(--studio-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;display:flex;flex-direction:column;text-align:left;font-family:inherit}.popover-card:hover{border-color:var(--studio-primary);box-shadow:0 6px 16px rgba(36,94,169,.1);transform:translateY(-1px)}.popover-card:active{transform:scale(.99)}.popover-card-preview{background:#F1F0F4;position:relative;border-bottom:1px solid var(--studio-border-soft);padding:10px 0;max-height:240px;overflow:hidden}.popover-card-preview-tall{max-height:320px;padding:12px 0}.popover-card-frame{width:393px;transform:scale(.92);transform-origin:top left;height:max-content;pointer-events:none;font-family:var(--font-primary);background:#F1F0F4;display:flex;flex-direction:column}.popover-card-frame>*+*{margin-top:6px}.popover-card-meta{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--studio-text);background:#fff}.popover-card-meta-tall{padding:12px 14px;align-items:flex-start}.popover-card-meta i{color:var(--studio-primary);font-size:14px}.popover-card-name{font-size:13px;font-weight:600;color:var(--studio-text);line-height:1.3}.popover-card-desc{font-size:11px;color:var(--studio-text-muted);margin-top:2px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.popover-card-badge{padding:2px 7px;border-radius:999px;font-weight:600;flex-shrink:0}.popover-card-badge,.popover-library-pill{background:var(--studio-active);color:var(--studio-primary);font-size:10px}.popover-library-pill{border:1px solid color-mix(in srgb,var(--studio-primary) 22%,transparent);border-radius:999px;font-weight:700;margin-left:4px;padding:3px 8px}.component-source-pill{background:#eef3fa;border-radius:999px;color:#315d99;flex-shrink:0;font-size:9px;font-weight:700;padding:2px 6px}.slot-pill{font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;margin-left:auto;flex-shrink:0;text-transform:uppercase;letter-spacing:.4px}.slot-pill-header{background:#DCE6FA;color:#1E4F8F}.slot-pill-footer{background:#FDE3D5;color:#B43E0B}.slot-pill-content{background:#E5E7EB;color:var(--studio-text-muted)}.popover-backdrop{animation:dn-fade-in .15s ease}.popover-head{display:flex;align-items:center;gap:8px;padding:14px 16px 6px;font-size:16px;font-weight:700;color:var(--studio-text)}.popover-tabs{display:flex;gap:18px;padding:6px 16px 0;border-bottom:1px solid var(--studio-border-soft)}.popover-tab{font-size:13px;padding-bottom:8px;cursor:pointer;color:var(--studio-text-muted);border-bottom:2px solid transparent}.popover-tab.active{color:var(--studio-text);font-weight:600;border-bottom-color:var(--studio-primary)}.popover-body{padding:8px;overflow-y:auto}.popover-group{margin-bottom:4px}.popover-group-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--studio-text);cursor:pointer}.popover-group-head:hover{background:var(--studio-hover)}.popover-group-head .spacer{flex:1 1}.popover-group-head i.caret{font-size:10px;color:var(--studio-text-muted);transition:transform .15s}.popover-group.collapsed .popover-group-head i.caret{transform:rotate(-90deg)}.popover-group.collapsed .popover-group-body{display:none}.popover-group-body{padding:4px 4px 6px}.popover-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--studio-text)}.popover-item:hover{background:var(--studio-active)}.popover-item i.lead{color:var(--studio-primary);width:16px}.popover-item .desc{color:var(--studio-text-soft);font-size:11px}.ai-fab{position:fixed;bottom:24px;right:348px;width:44px;height:44px;border-radius:999px;background:var(--studio-primary);color:#fff;border:none;cursor:pointer;font-size:16px;box-shadow:0 12px 28px rgba(36,94,169,.32),0 3px 10px rgba(36,94,169,.22);z-index:40;display:flex;align-items:center;justify-content:center;animation:dn-fab-float 4s ease-in-out infinite;transition:transform .18s ease,box-shadow .18s ease,background .15s ease}.ai-fab:hover{background:var(--studio-primary-strong);transform:translateY(-2px) scale(1.04);box-shadow:0 20px 48px rgba(36,94,169,.42)}.ai-fab:active{transform:scale(.96)}.api-fab{position:fixed;bottom:80px;right:348px;width:44px;height:44px;border-radius:999px;background:#fff;color:var(--studio-primary);border:1px solid var(--studio-border);cursor:pointer;font-size:15px;box-shadow:0 10px 24px rgba(15,23,42,.16),0 2px 6px rgba(15,23,42,.08);z-index:40;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .15s ease}.api-fab:hover{background:var(--studio-canvas-bg);transform:translateY(-2px) scale(1.04);box-shadow:0 16px 36px rgba(15,23,42,.22)}.api-fab:active{transform:scale(.96)}.liquid-glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.topbar-shared-pill{backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}.api-fab{background:rgba(255,255,255,.78);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.live-cursor-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:visible}.lb-root .lb-attribution,[class*=lb-attribution],[class*=lb-vendor-attribution],a[href*="liveblocks.io"][class*=lb-]{display:none!important;opacity:0!important;pointer-events:none!important}.live-cursor{position:absolute;top:0;left:0;transition:transform 80ms linear;will-change:transform;display:flex;align-items:flex-start;gap:4px}.live-cursor-label{margin-top:14px;padding:2px 6px;border-radius:6px;color:#fff;font-family:var(--font-primary);font-size:11px;font-weight:500;box-shadow:0 2px 6px rgba(15,23,42,.25);white-space:nowrap}.live-presence-stack{display:inline-flex;align-items:center;padding-right:4px}.live-presence-avatar{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-primary);font-size:11px;font-weight:600;border:2px solid #fff;box-shadow:0 1px 3px rgba(15,23,42,.15);margin-left:-6px}.live-presence-avatar:first-child{margin-left:0}.live-presence-extra{background:#6B7280!important;font-size:10px}.live-presence-avatar{transition:opacity .2s ease,filter .2s ease;position:relative}.live-presence-avatar.live-presence-idle{opacity:.62}.live-presence-avatar.live-presence-away{opacity:.4;filter:grayscale(.4)}.live-presence-away-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:#1F2937;color:#FFFFFF;justify-content:center;font-size:7px;border:1.5px solid #ffffff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.huddle-cta,.live-presence-away-dot{display:inline-flex;align-items:center}.huddle-cta{position:fixed;top:76px;right:348px;gap:7px;height:34px;padding:0 14px;border-radius:999px;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:var(--studio-text);border:1px solid var(--glass-border);box-shadow:0 8px 22px rgba(15,23,42,.1),0 1px 3px rgba(15,23,42,.06);font-family:var(--font-primary);font-size:12.5px;font-weight:600;cursor:pointer;z-index:41;transition:background .13s ease,border-color .13s ease,transform .12s ease,box-shadow .13s ease}.huddle-cta i{font-size:12px;color:var(--studio-text-muted)}.huddle-cta:hover i{color:var(--studio-primary)}.huddle-cta:hover{background:rgba(255,255,255,.85);border-color:rgba(36,94,169,.3);transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.22)}.huddle-cta:active{transform:scale(.97)}@media (max-width:1100px){.huddle-cta{right:16px}}.huddle-cta i{color:var(--studio-primary);font-size:13px}.huddle-cta.has-others{border-color:rgba(34,197,94,.5);background:rgba(220,252,231,.55)}.huddle-cta strong{color:var(--studio-primary);font-weight:700;margin-right:2px}.huddle-cta-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:huddle-cta-pulse 1.6s ease-out infinite}@keyframes huddle-cta-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}to{box-shadow:0 0 0 9px rgba(34,197,94,0)}}.huddle-bar{position:fixed;top:76px;right:348px;gap:8px;padding:4px 8px 4px 6px;border-radius:999px;background:rgba(20,24,32,.78);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 36px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.18);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);font-family:var(--font-primary);z-index:41;animation:huddle-bar-in .2s cubic-bezier(.2,.9,.3,1);height:42px}.huddle-bar,.huddle-live-pill{display:inline-flex;align-items:center}.huddle-live-pill{gap:5px;padding:0 9px;height:22px;border-radius:999px;background:rgba(220,38,38,.18);color:#FCA5A5;font-size:9px;font-weight:700;letter-spacing:.8px}.huddle-live-dot{width:6px;height:6px;border-radius:50%;background:#EF4444;box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:huddle-cta-pulse 1.4s ease-out infinite}html[data-theme=dark] .huddle-cta{background:rgba(20,24,32,.55);color:var(--studio-text);border-color:rgba(255,255,255,.1)}html[data-theme=dark] .huddle-cta:hover{background:rgba(20,24,32,.75)}@keyframes huddle-bar-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1100px){.huddle-bar{right:16px}}.huddle-avatars{padding-right:6px}.huddle-avatar,.huddle-avatars{display:inline-flex;align-items:center}.huddle-avatar{position:relative;width:32px;height:32px;border-radius:999px;justify-content:center;color:#fff;font-size:11px;font-weight:700;border:2px solid rgba(20,24,32,.92);margin-left:-6px;transition:box-shadow .12s ease}.huddle-avatar:first-child{margin-left:0}.huddle-avatar.speaking{box-shadow:0 0 0 2px #22C55E,0 0 0 4px rgba(34,197,94,.35)}.huddle-avatar.me{outline:2px solid rgba(255,255,255,.3);outline-offset:-4px}.huddle-avatar-mute{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:999px;background:#C0000A;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:7px;border:2px solid rgba(20,24,32,.92)}.huddle-avatar-extra{background:#4B5563!important}.huddle-icon-btn{width:32px;height:32px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:background .13s ease}.huddle-icon-btn:hover{background:rgba(255,255,255,.15)}.huddle-icon-btn.muted{background:#C0000A}.huddle-icon-btn.muted:hover{background:#d91220}.huddle-leave{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:999px;background:rgba(220,38,38,.2);color:#FCA5A5;border:0;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .13s ease}.huddle-leave:hover{background:rgba(220,38,38,.32);color:#fff}.huddle-avatars{padding-right:2px}.huddle-avatar{width:28px;height:28px;border-width:2px;font-size:10px}.huddle-icon-btn.active{background:rgba(255,255,255,.18)}.huddle-settings{position:absolute;top:48px;right:0;width:320px;background:rgba(20,24,32,.96);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.35);padding:14px;font-family:var(--font-primary);z-index:60}.huddle-settings-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:12px}.huddle-settings-close{width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.06);color:#fff;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.huddle-settings-close:hover{background:rgba(255,255,255,.12)}.huddle-settings-row{display:grid;grid-template-columns:100px 1fr;align-items:center;grid-gap:8px;gap:8px;margin-bottom:8px}.huddle-settings-row:last-child{margin-bottom:0}.huddle-settings-label{font-size:13px;color:rgba(255,255,255,.85)}.huddle-sounds-toggle{display:inline-flex;align-items:center;gap:8px;height:28px;padding:2px 12px 2px 4px;background:rgba(255,255,255,.08);border:0;border-radius:999px;cursor:pointer;color:rgba(255,255,255,.78);font:inherit;font-size:12px;transition:background .16s ease,color .16s ease;width:-moz-fit-content;width:fit-content}.huddle-sounds-toggle-thumb{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .16s ease,transform .16s ease;flex-shrink:0}.huddle-sounds-toggle.on{background:var(--studio-primary,#245EA9);color:#FFFFFF}.huddle-sounds-toggle.on .huddle-sounds-toggle-thumb{background:#FFFFFF;transform:translateX(2px)}.huddle-settings-select{display:flex;align-items:center;gap:8px;padding:0 10px;height:36px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:8px;position:relative}.huddle-settings-select i{color:rgba(255,255,255,.65);font-size:13px;flex-shrink:0}.huddle-settings-select select{flex:1 1;min-width:0;background:transparent;border:0;color:#fff;outline:none;font:inherit;font-size:13px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:18px}.huddle-settings-select select option{background:#1a1f2a;color:#fff}.huddle-settings-select:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.5px solid rgba(255,255,255,.55);border-bottom:1.5px solid rgba(255,255,255,.55);transform:translateY(-70%) rotate(45deg);pointer-events:none}.huddle-settings-select.disabled{opacity:.5}.huddle-settings-select.disabled select{cursor:not-allowed}.comment-layer{position:fixed;inset:0;pointer-events:none;z-index:38}.comment-marker{position:fixed;pointer-events:auto;width:28px;height:28px;padding:0;transform:translate(-50%,-100%);border:2px solid #fff;border-radius:50% 50% 50% 4px;color:#fff;font-family:var(--font-primary);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 14px rgba(15,23,42,.25),0 1px 3px rgba(15,23,42,.1);transition:transform .13s ease,box-shadow .13s ease;z-index:1}.comment-marker:hover{transform:translate(-50%,-100%) scale(1.08);box-shadow:0 10px 24px rgba(15,23,42,.3);z-index:2}.comment-marker.active{transform:translate(-50%,-100%) scale(1.12);box-shadow:0 0 0 3px rgba(36,94,169,.3),0 12px 28px rgba(15,23,42,.35);z-index:3}.comment-marker.dragging{transform:translate(-50%,-100%) scale(1.18);box-shadow:0 0 0 3px rgba(36,94,169,.2),0 18px 36px rgba(15,23,42,.4);z-index:10;transition:none}.comment-marker-count{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--studio-primary);color:#fff;border:2px solid #fff;border-radius:999px;font-size:9px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.comment-popover{position:fixed;pointer-events:auto;width:320px;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 24px 64px rgba(15,23,42,.22),0 6px 18px rgba(15,23,42,.1);padding:12px 12px 10px;font-family:var(--font-primary);z-index:39;animation:dn-pop-in .16s cubic-bezier(.22,1,.36,1)}.comment-popover-new{width:340px;padding:14px 14px 10px}.comment-popover-head{display:flex;justify-content:space-between;gap:8px}.comment-popover-actions{display:inline-flex;gap:4px;align-items:flex-start}.comment-action{width:26px;height:26px;border-radius:7px;background:transparent;color:var(--studio-text-muted);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:background .12s ease,color .12s ease}.comment-action:hover{background:var(--studio-active);color:var(--studio-primary)}.comment-action.danger:hover{background:#FEE2E2;color:#C0000A}.comment-row{display:flex;gap:10px;align-items:flex-start;padding:2px 0}.comment-row-avatar{width:28px;height:28px;border-radius:50%;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 2px var(--studio-panel),0 1px 3px rgba(15,23,42,.18)}.comment-row-body{flex:1 1;min-width:0}.comment-row-head{display:flex;align-items:baseline;gap:6px;font-size:12.5px;min-height:28px}.comment-row-head strong{color:var(--studio-text);font-weight:600}.comment-row-time{font-size:10.5px;color:var(--studio-text-soft)}.comment-row-text{font-size:13px;color:var(--studio-text);line-height:1.5;word-break:break-word;margin-top:2px}.comment-row-body textarea{width:100%;resize:none;min-height:44px;max-height:160px;border:1px solid transparent;border-radius:8px;padding:8px 10px;margin-top:6px;background:var(--studio-canvas-bg);color:var(--studio-text);font:inherit;font-size:13px;line-height:1.5;outline:none;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;-webkit-writing-suggestions:none}.comment-row-body textarea::-webkit-textfield-decoration-container{display:none}.comment-row-body textarea::-webkit-contacts-auto-fill-button,.comment-row-body textarea::-webkit-credentials-auto-fill-button,.comment-row-body textarea::-webkit-strong-password-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none}.comment-row-body textarea::placeholder{color:var(--studio-text-soft)}.comment-row-body textarea:hover{background:var(--studio-active)}.comment-row-body textarea:focus{background:var(--studio-panel);border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.14)}.comment-replies{border-top:1px solid var(--studio-border-soft);margin-top:10px;padding-top:4px;max-height:220px;overflow-y:auto;scrollbar-width:none}.comment-replies::-webkit-scrollbar{display:none}.comment-reply-row{display:flex;gap:6px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--studio-border-soft)}.comment-reply-row input{flex:1 1;height:34px;padding:0 12px;border:1px solid var(--studio-border);border-radius:8px;font:inherit;font-size:13px;outline:none;background:var(--studio-panel);color:var(--studio-text);transition:border-color .12s ease,box-shadow .12s ease}.comment-reply-row input:focus{border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.14)}.comment-send{width:34px;height:34px;border-radius:8px;background:var(--studio-primary);color:#fff;border:0;cursor:pointer;transition:filter .12s ease}.comment-send:hover:not(:disabled){filter:brightness(1.08)}.comment-send:disabled{opacity:.4;cursor:default}.comment-popover-actions.composer-bar{margin-top:10px;padding-top:8px;border-top:1px solid var(--studio-border-soft);width:100%;align-items:center;justify-content:flex-end;gap:6px}.comment-cancel{padding:7px 12px;border-radius:8px;background:transparent;color:var(--studio-text-muted);border:0;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease}.comment-cancel:hover{background:var(--studio-active);color:var(--studio-text)}.comment-send-cta{padding:7px 14px;border-radius:8px;background:var(--studio-primary);color:#fff;border:0;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(36,94,169,.28);transition:filter .12s ease,transform 80ms ease,box-shadow .12s ease}.comment-send-cta:hover:not(:disabled){filter:brightness(1.08)}.comment-send-cta:active:not(:disabled){transform:translateY(1px)}.comment-send-cta:disabled{opacity:1;cursor:default;background:var(--studio-active);color:var(--studio-text-soft);box-shadow:none}.comment-send-cta i{font-size:11px}html[data-theme=dark] .comment-popover{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 64px rgba(0,0,0,.55),0 6px 18px rgba(0,0,0,.3)}html[data-theme=dark] .comment-row-avatar{box-shadow:0 0 0 2px var(--studio-panel),0 1px 3px rgba(0,0,0,.45)}html[data-theme=dark] .comment-popover-actions.composer-bar .composer-hint kbd{background:var(--studio-canvas-bg)}.comment-mode-catcher{position:fixed;inset:0;z-index:37;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M3 5 a3 3 0 0 1 3 -3 h17 a3 3 0 0 1 3 3 v11 a3 3 0 0 1 -3 3 h-9 l-5 5 v-5 h-3 a3 3 0 0 1 -3 -3 z" fill="%23245EA9" stroke="white" stroke-width="2"/></svg>') 4 4,crosshair;background:rgba(36,94,169,.04)}.comment-mode-hint{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(20,24,32,.85);color:#fff;border:1px solid rgba(255,255,255,.08);font-family:var(--font-primary);font-size:12.5px;font-weight:500;box-shadow:0 14px 32px rgba(0,0,0,.3);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);pointer-events:none;animation:dn-fade-slide-in .18s ease-out}.comment-mode-hint i{color:#93C5FD}.live-selection-layer{position:fixed;inset:0;pointer-events:none;z-index:36}.live-selection-ring{position:fixed;pointer-events:none;border-radius:8px;transition:all .12s ease-out}.dn-editable{outline:1px dashed transparent;outline-offset:2px;border-radius:2px;min-width:4px}.dn-editable.dn-editable-idle{cursor:inherit}.node-wrap.selected .dn-editable.dn-editable-idle{cursor:text}.node-wrap.selected .dn-editable.dn-editable-idle:hover{outline-color:rgba(36,94,169,.35)}.dn-editable.dn-editable-active{cursor:text;outline:2px solid var(--studio-primary);outline-offset:2px;background:rgba(36,94,169,.06)}.dn-editable[data-empty]:before{content:attr(data-placeholder);color:var(--studio-text-soft)}.play-node-wrap .dn-editable,.play-node-wrap .dn-editable:hover{outline:none;cursor:inherit}.mhome-stage{min-height:100vh;background:var(--studio-bg);color:var(--studio-text);display:flex;flex-direction:column;font-family:var(--font-primary)}.mhome-head{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--studio-panel);border-bottom:1px solid var(--studio-border)}.mhome-mark{width:22px;height:26px}.mhome-head-title{flex:1 1;font-size:16px;font-weight:600}.mhome-avatar{width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,var(--studio-primary),#7AACFC);color:#fff;font-size:12px;font-weight:700;border:0;cursor:pointer}.mhome-menu-backdrop{position:fixed;inset:0;z-index:19}.mhome-menu{position:absolute;top:60px;right:16px;min-width:240px;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:12px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:6px;z-index:20}.mhome-menu-head{padding:10px 12px 8px;border-bottom:1px solid var(--studio-border-soft)}.mhome-menu-name{font-size:13px;font-weight:600;color:var(--studio-text)}.mhome-menu-email{font-size:11px;color:var(--studio-text-muted)}.mhome-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:0;cursor:pointer;font:inherit;font-size:13px;color:var(--studio-text);text-align:left;border-radius:8px}.mhome-menu-item:hover{background:var(--studio-active)}.mhome-menu-item.danger{color:#C0000A}.mhome-menu-divider{height:1px;background:var(--studio-border-soft);margin:4px 2px}.mhome-body{padding:16px;flex:1 1;display:flex;flex-direction:column;gap:20px}.mhome-hint{margin:0;padding:12px 14px;background:rgba(36,94,169,.08);border:1px solid rgba(36,94,169,.18);border-radius:10px;font-size:12px;color:var(--studio-text);line-height:1.55}.mhome-section-title{font-size:12px;font-weight:600;color:var(--studio-text-muted);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:6px;margin:0 0 8px}.mhome-section-title span{font-size:10px;padding:0 6px;background:var(--studio-canvas-bg);color:var(--studio-text);border-radius:999px}.mhome-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.mhome-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:12px}.mhome-row-main{flex:1 1;min-width:0}.mhome-row-name{font-size:15px;font-weight:600;color:var(--studio-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mhome-row-meta{font-size:11px;color:var(--studio-text-muted);margin-top:2px}.mhome-row-play{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--studio-primary);color:#fff;font-size:13px;font-weight:600;border-radius:999px;text-decoration:none;flex-shrink:0}.mhome-empty{text-align:center;padding:60px 24px}.mhome-empty i{font-size:36px;color:var(--studio-text-soft);margin-bottom:12px}.mhome-empty-title{font-size:15px;font-weight:600;color:var(--studio-text);margin-bottom:4px}.mhome-empty-body{font-size:12px;color:var(--studio-text-muted);line-height:1.55}.live-selection-tag{position:absolute;left:-2px;top:-22px;padding:2px 6px;border-radius:4px 4px 4px 0;color:#fff;font-family:var(--font-primary);font-size:10px;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px rgba(15,23,42,.25)}.live-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--font-primary);font-size:11px;font-weight:500}.live-status i{font-size:7px}.live-status-on{background:#E8F5E9;color:#2E7D32}.live-status-pending{background:#FFF3E0;color:#E65100}.live-status-off{background:#FFE9E6;color:#C0000A}.topbar-right .topbar-group{display:inline-flex;align-items:center;gap:6px}.topbar-right .topbar-divider{width:1px;height:20px;background:var(--studio-border);margin:0 4px}.rail-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--studio-border);background:#fff}.rail-tab{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:var(--studio-text-soft);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .13s ease,color .13s ease}.rail-tab:hover{color:var(--studio-text)}.rail-tab.active,.rail-tab:hover{background:var(--studio-canvas-bg)}.rail-tab.active{color:var(--studio-primary)}.rail-tab i{font-size:12px}@keyframes dn-fab-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ai-panel{position:fixed;right:336px;bottom:92px;width:380px;height:540px;background:#fff;border:1px solid var(--studio-border);border-radius:16px;box-shadow:0 24px 64px rgba(15,23,42,.18);display:flex;flex-direction:column;z-index:41;overflow:hidden;animation:dn-slide-up-spring .28s cubic-bezier(.2,.9,.3,1);transform-origin:bottom right}.ai-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--studio-border-soft)}.ai-head .title{flex:1 1;font-size:14px;font-weight:600}.ai-head .badge{background:var(--studio-active);color:var(--studio-primary);font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.ai-messages{flex:1 1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.ai-msg{padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.5;max-width:90%;word-wrap:break-word}.ai-msg.user{background:var(--studio-primary);color:#fff;align-self:flex-end}.ai-msg.assistant{background:#F3F4F6;color:var(--studio-text);align-self:flex-start}.ai-msg .tool-call{display:block;font-size:11px;color:var(--studio-text-muted);font-family:ui-monospace,monospace;margin-top:4px}.ai-quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 8px}.ai-quick button{background:#fff;border:1px solid var(--studio-border);color:var(--studio-text-muted);border-radius:999px;padding:4px 10px;font-size:11px;cursor:pointer}.ai-quick button:hover{color:var(--studio-primary);border-color:var(--studio-primary)}.ai-context{padding:6px 14px 0;font-size:11px;color:var(--studio-text-muted);display:flex;align-items:center;gap:6px}.ai-context strong{color:var(--studio-text);font-weight:600}.ai-input-bar{padding:12px;border-top:1px solid var(--studio-border-soft);display:flex;gap:6px}.ai-input-bar textarea{flex:1 1;background:#F9FAFB;border:1px solid var(--studio-border);border-radius:10px;padding:8px 10px;font-size:13px;resize:none;min-height:38px;max-height:120px;outline:none}.ai-input-bar button{background:var(--studio-primary);color:#fff;border:none;border-radius:10px;padding:0 14px;cursor:pointer}.ai-input-bar button:disabled{opacity:.5;cursor:default}.ready-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:100;display:flex;align-items:center;justify-content:center;padding:40px;animation:dn-fade-in .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ready-modal{width:100%;max-width:1080px;max-height:calc(100vh - 80px);background:#fff;border-radius:18px;box-shadow:0 32px 80px rgba(15,23,42,.32);display:flex;flex-direction:column;overflow:hidden;animation:dn-pop-in .24s cubic-bezier(.2,.9,.3,1)}.ready-head{justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--studio-border)}.ready-head,.ready-head-left{display:flex;align-items:center}.ready-head-left{gap:12px}.ready-head-badge{width:40px;height:40px;border-radius:999px;background:#DCFCE7;color:#15803D;display:flex;align-items:center;justify-content:center;font-size:16px}.ready-head-badge.err{background:#FEE2E2;color:#B91C1C}.ready-tabs{display:flex;gap:2px;padding:8px 16px 0;border-bottom:1px solid var(--studio-border);background:#FAFBFC}.ready-tab{background:transparent;padding:10px 14px;font-size:13px;font-weight:500;color:var(--studio-text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.ready-tab.active{font-weight:600;border-bottom-color:var(--studio-primary)}.ready-tab.active,.ready-tab:hover{color:var(--studio-text)}.ready-body.single{display:block}.ready-body.single .ready-summary{border-right:none}.ready-good{display:flex;align-items:center;gap:8px;background:#ECFDF5;color:#15803D;border:1px solid #a7f3d0;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.ready-notes li.err{background:#FEF2F2;border-color:#FECACA;color:#991B1B}.ready-meta-value.badge.err{background:#FEE2E2;color:#B91C1C}.ready-head-title{font-size:16px;font-weight:700;color:var(--studio-text)}.ready-head-sub{font-size:12px;color:var(--studio-text-muted);margin-top:2px}.ready-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:0;flex:1 1}.ready-summary{padding:20px;overflow-y:auto;border-right:1px solid var(--studio-border-soft)}.ready-section-title{font-size:11px;font-weight:700;color:var(--studio-text-muted);text-transform:uppercase;letter-spacing:.6px;margin:20px 0 10px}.ready-section-title:first-child{margin-top:0}.ready-meta{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.ready-meta-item{background:#F9FAFB;border:1px solid var(--studio-border);border-radius:10px;padding:10px 12px}.ready-meta-label{font-size:10px;font-weight:600;color:var(--studio-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.ready-meta-value{font-size:13px;color:var(--studio-text)}.ready-meta-value.badge{display:inline-block;background:#DCFCE7;color:#15803D;padding:2px 8px;border-radius:4px;font-family:ui-monospace,monospace;font-size:11px;font-weight:600}.ready-graph{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.ready-graph li{display:flex;align-items:center;gap:10px;font-size:13px;background:#F9FAFB;border:1px solid var(--studio-border);border-radius:8px;padding:8px 12px}.ready-graph li i{color:var(--studio-primary);font-size:11px}.ready-graph li .via{color:var(--studio-text-muted);font-size:12px;margin-left:auto}.ready-inventory{display:flex;flex-wrap:wrap;gap:6px}.inv-chip{background:var(--studio-active);color:var(--studio-primary);padding:4px 10px;border-radius:999px;font-size:12px}.inv-chip strong{font-weight:700}.ready-empty{font-size:12px;color:var(--studio-text-soft);padding:8px 0}.ready-notes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.ready-notes li{background:#FFF7ED;border:1px solid #fed7aa;color:#9A3412;border-radius:8px;padding:8px 12px;font-size:12px;display:flex;gap:8px;align-items:flex-start}.ready-notes li i{margin-top:3px}.ready-json-col{display:flex;flex-direction:column;min-height:0}.ready-json-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--studio-border-soft);font-size:13px;font-weight:600;color:var(--studio-text)}.ready-json{flex:1 1;overflow:auto;margin:0;padding:16px 18px;background:#0F172A;color:#E2E8F0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.6}.btn-secondary-sm{background:#F3F4F6;color:var(--studio-text);border:1px solid var(--studio-border);border-radius:6px;padding:5px 10px}.btn-cta-sm,.btn-secondary-sm{font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-cta-sm{background:var(--studio-primary);color:#fff;border:none;border-radius:6px;padding:6px 10px;font-weight:600}.ctx-menu{position:fixed;z-index:200;background:#fff;border:1px solid var(--studio-border);border-radius:10px;box-shadow:0 20px 48px rgba(15,23,42,.18),0 6px 16px rgba(15,23,42,.08);min-width:200px;padding:6px;animation:dn-pop-in .14s ease-out;transform-origin:top left}.ctx-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--studio-text);cursor:pointer}.ctx-item:hover{background:var(--studio-active);color:var(--studio-primary)}.ctx-item.danger{color:#B91C1C}.ctx-item.danger:hover{background:#FEF2F2;color:#B91C1C}.ctx-item .ctx-sc{margin-left:auto;font-size:11px;color:var(--studio-text-soft);font-family:ui-monospace,monospace}.ctx-item i{width:14px;text-align:center;font-size:12px}.ctx-divider{height:1px;background:var(--studio-border-soft);margin:4px 2px}.ctx-header{padding:6px 10px 4px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--studio-text-soft)}.user-menu{background:var(--studio-panel);border:1px solid var(--studio-border);box-shadow:0 16px 40px rgba(15,23,42,.18);color:var(--studio-text)}.user-menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--studio-border-soft)}.user-menu-name{font-size:13px;font-weight:600;color:var(--studio-text)}.user-menu-email{font-size:11px;color:var(--studio-text-muted)}html[data-theme=dark] .user-menu{box-shadow:0 24px 60px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.25)}html[data-theme=dark] .ctx-item{color:var(--studio-text)}html[data-theme=dark] .ctx-item.danger{color:#FCA5A5}html[data-theme=dark] .ctx-item.danger:hover{background:rgba(192,0,10,.12);color:#FCA5A5}html[data-theme=dark] .ctx-divider{background:var(--studio-border-soft)}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:300;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.update-available-banner{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:320;display:grid;grid-template-columns:40px 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:16px 20px;background:#1F2937;color:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.32),0 6px 18px rgba(0,0,0,.18);font-family:var(--font-primary);max-width:min(560px,calc(100vw - 32px));animation:dn-toast-in .28s cubic-bezier(.2,.9,.3,1)}.update-available-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#FFFFFF}.update-available-body{display:flex;flex-direction:column;gap:2px;min-width:0}.update-available-title{font-size:15px;font-weight:600;line-height:20px;letter-spacing:.1px}.update-available-desc{font-size:13px;font-weight:400;line-height:18px;color:rgba(255,255,255,.78)}.update-available-actions{display:inline-flex;gap:8px;flex-shrink:0}.update-available-btn-secondary{padding:8px 14px;border-radius:999px;background:transparent;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:500;line-height:18px;color:rgba(255,255,255,.78)}.update-available-btn-secondary:hover{color:#fff;background:rgba(255,255,255,.08)}.update-available-btn-primary{padding:8px 16px;border-radius:999px;background:var(--studio-primary,#245EA9);color:#fff;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:600;line-height:18px;letter-spacing:.1px}.update-available-btn-primary:hover{filter:brightness(1.08)}@media (max-width:520px){.update-available-banner{grid-template-columns:40px 1fr;grid-template-rows:auto auto}.update-available-actions{grid-column:1/-1;justify-self:end}}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#1F2937;color:#fff;border-radius:12px;box-shadow:0 20px 36px rgba(15,23,42,.36),0 4px 10px rgba(15,23,42,.18);font-size:13px;max-width:360px;animation:dn-toast-in .28s cubic-bezier(.2,.9,.3,1)}.toast.success{background:#065F46}.toast.error{background:#991B1B}.toast.info{background:#1E40AF}.toast.leaving{animation:dn-toast-out .2s ease forwards}.toast i{font-size:14px}.onboard-card{margin:16px;padding:18px;background:linear-gradient(135deg,#F5F5FF,#E3ECFF);border-radius:14px;border:1px solid #dde5f5}.onboard-title{font-size:14px;font-weight:600;color:var(--studio-text);margin-bottom:8px}.onboard-step{align-items:center;gap:10px;padding:8px 4px;font-size:13px;color:var(--studio-text)}.onboard-step .step-num{width:22px;height:22px;border-radius:999px;background:#fff;border:1.5px solid var(--studio-primary);color:var(--studio-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.onboard-step.done .step-num{background:var(--studio-primary);border-color:var(--studio-primary);color:#fff}.onboard-step.done{color:var(--studio-text-muted);text-decoration:line-through}.inspector-scroll{animation:dn-fade-in .18s ease}.landing{min-height:100vh;background:#FFFFFF;color:var(--studio-text);padding:56px 24px;display:flex;justify-content:center}.landing-wrap{max-width:1200px;width:100%}.landing-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.landing-hero{max-width:720px;margin-bottom:36px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--studio-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.eyebrow .dot{width:8px;height:8px;border-radius:999px;background:var(--studio-primary)}.landing h1{font-size:40px;font-weight:700;margin-bottom:12px;line-height:1.1}.landing-hero p{color:var(--studio-text-muted);margin-bottom:20px;line-height:1.6;max-width:580px}.landing-actions{display:flex;gap:10px;flex-wrap:wrap}.landing-card{max-width:720px}.landing-card .actions{display:flex;gap:12px;flex-wrap:wrap}.btn-cta{background:var(--studio-primary);color:#fff;border:none;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-cta:hover{background:var(--studio-primary-strong)}.btn-secondary{background:#fff;color:var(--studio-text);border:1px solid var(--studio-border);border-radius:10px;padding:12px 22px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:#F3F4F6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.project-card{background:#fff;border:1px solid var(--studio-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s}.project-card:hover{border-color:var(--studio-primary);box-shadow:0 8px 24px rgba(15,23,42,.06);transform:translateY(-1px)}.project-card.active{border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.12)}.project-card.add{background:#F9FAFB;border-style:dashed;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--studio-text-muted);cursor:pointer;min-height:220px;font-family:inherit}.project-card.add i{font-size:28px}.project-card.add:hover{color:var(--studio-primary);border-color:var(--studio-primary)}.project-card-thumb{background:linear-gradient(180deg,#EFF3FF,#DCE6FA);height:200px;display:flex;align-items:center;justify-content:center;font-size:42px;color:var(--studio-primary)}.project-card-body{padding:14px;display:flex;flex-direction:column;gap:6px}.project-card-name{font-size:15px;font-weight:600;color:var(--studio-text)}.project-card-body input{font-size:15px;font-weight:600;border:1px solid var(--studio-primary);border-radius:6px;padding:2px 8px;outline:none}.project-card-meta{font-size:12px;color:var(--studio-text-muted)}.project-card-actions{display:flex;gap:6px;margin-top:6px}.project-card.shared{border-color:rgba(122,172,252,.45)}.project-card-owner{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--studio-text-soft)}.project-card-owner i{color:var(--studio-primary)}.dashboard-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 24px 40px;gap:12px}.dashboard-empty-illust{width:64px;height:64px;border-radius:18px;background:rgba(36,94,169,.1);color:var(--studio-primary);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:4px}.dashboard-empty-title{font-size:18px;font-weight:600;color:var(--studio-text)}.dashboard-empty-body{font-size:13px;color:var(--studio-text-muted);max-width:380px;line-height:1.6;margin:0 0 8px}.topbar-shared-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:rgba(36,94,169,.1);color:var(--studio-primary);cursor:default;flex-shrink:0}.topbar-shared-pill i{font-size:11px}.topbar-shared-pill:hover{background:rgba(36,94,169,.18)}.topbar-shared-pill:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(-4px);padding:4px 8px;border-radius:6px;background:var(--studio-text);color:#fff;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .13s ease,transform .13s ease;z-index:60}.topbar-shared-pill:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.project-card-actions a{text-decoration:none}.signin-stage{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:linear-gradient(180deg,rgba(15,30,54,.3),rgba(15,30,54,.55)),url(/dn/dubai-skyline.jpg) 50%/cover no-repeat,url(/dn/dubainow-brand-4.png) 50%/cover no-repeat,#0F1E36}.signin-bg{position:absolute;inset:0;z-index:0}.signin-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,rgba(36,94,169,.28) 0,transparent 60%),radial-gradient(ellipse at 10% 90%,rgba(122,172,252,.15) 0,transparent 60%)}.signin-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none;animation:dn-orb-drift 18s ease-in-out infinite}.signin-bg-orb-1{width:520px;height:520px;background:#245EA9;top:-120px;right:-120px}.signin-bg-orb-2{width:420px;height:420px;background:#7AACFC;bottom:-100px;left:-120px;animation-delay:-7s;animation-duration:22s}@keyframes dn-orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.06)}66%{transform:translate(-22px,18px) scale(.96)}}.signin-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%)}.signin-card{position:relative;z-index:3;max-width:440px;width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px;padding:36px;color:#fff;box-shadow:0 32px 80px rgba(0,0,0,.45);animation:dn-pop-in .32s cubic-bezier(.2,.9,.3,1)}.signin-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.signin-brand-mark{width:44px;height:44px;border-radius:12px;background:var(--studio-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 10px 24px rgba(36,94,169,.45)}.signin-brand-logo{height:32px;width:auto;display:block;filter:brightness(0) invert(1)}.signin-floats{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.signin-float{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:14px;padding:12px 14px;color:#fff;font-family:var(--font-primary);font-size:12px;line-height:1.5;box-shadow:0 14px 40px rgba(8,15,30,.32),inset 0 1px 0 rgba(255,255,255,.06);min-width:180px;animation:signin-float-drift 14s ease-in-out infinite;will-change:transform}.signin-float .float-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:8px}.signin-float .float-head i{font-size:12px;color:rgba(255,255,255,.62)}.signin-float .float-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:rgba(255,255,255,.6)}.signin-float .float-dot--live{background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.2);animation:signin-float-pulse 2s ease-in-out infinite}.signin-float .float-line{font-size:13px;color:#fff}.signin-float .float-line-muted{color:rgba(255,255,255,.55);font-size:11px;margin-top:4px}.signin-float .float-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.signin-float .float-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff}.signin-float .float-presence{display:flex}.signin-float .float-avatar{width:24px;height:24px;border-radius:50%;color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(20,30,55,.85);margin-left:-6px}.signin-float .float-avatar:first-child{margin-left:0}.signin-float .float-device-row{display:inline-flex;gap:4px;background:rgba(0,0,0,.2);padding:3px;border-radius:999px}.signin-float .float-pill{font-size:10px;padding:4px 10px;border-radius:999px;color:rgba(255,255,255,.65)}.signin-float .float-pill--active{background:rgba(255,255,255,.18);color:#fff}.signin-float .float-code{background:rgba(0,0,0,.3);border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;line-height:1.5;color:#B4D6FF;margin:0;white-space:pre}.signin-float--ai{top:18%;left:8%;animation-delay:-2s}.signin-float--palette{top:14%;right:8%;animation-delay:-5s}.signin-float--presence{bottom:24%;left:9%;animation-delay:-8s}.signin-float--device{bottom:20%;right:10%;animation-delay:-11s}.signin-float--api{top:50%;right:4%;animation-delay:-3s;transform-origin:top right}@keyframes signin-float-drift{0%,to{transform:translateZ(0) rotate(-.6deg)}25%{transform:translate3d(8px,-12px,0) rotate(.8deg)}50%{transform:translate3d(-6px,6px,0) rotate(-1.2deg)}75%{transform:translate3d(10px,4px,0) rotate(.6deg)}}@keyframes signin-float-pulse{0%,to{box-shadow:0 0 0 4px rgba(34,197,94,.2)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.05)}}@media (max-width:900px){.signin-floats,.signin-ghost-cursors{display:none}}.signin-ghost-cursors{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.ghost-cursor{position:absolute;display:inline-flex;align-items:flex-start;gap:4px;will-change:transform}.ghost-cursor-label{padding:2px 6px;border-radius:6px;color:#fff;font-size:10px;font-weight:500;box-shadow:0 2px 6px rgba(8,15,30,.35);margin-top:14px;font-family:var(--font-primary)}.ghost-cursor--a{top:28%;left:18%;animation:ghost-cursor-a 18s ease-in-out infinite}.ghost-cursor--b{top:60%;right:22%;animation:ghost-cursor-b 22s ease-in-out infinite}@keyframes ghost-cursor-a{0%{transform:translateZ(0);opacity:0}10%{opacity:1}35%{transform:translate3d(140px,70px,0)}60%{transform:translate3d(60px,160px,0)}85%{transform:translate3d(-20px,80px,0);opacity:1}to{transform:translateZ(0);opacity:0}}@keyframes ghost-cursor-b{0%{transform:translateZ(0);opacity:0}15%{opacity:1}40%{transform:translate3d(-120px,-90px,0)}65%{transform:translate3d(-200px,40px,0)}90%{transform:translate3d(-80px,120px,0);opacity:1}to{transform:translateZ(0);opacity:0}}.signin-brand-name{font-size:18px;font-weight:700;color:#fff}.signin-brand-sub{font-size:12px;color:rgba(255,255,255,.6)}.signin-dots{display:flex;gap:6px;margin-bottom:20px}.signin-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:background .2s,width .2s}.signin-dots .dot.active{background:#fff;width:24px;border-radius:4px}.signin-card h1{font-size:32px;font-weight:300;color:#fff;line-height:1.18;margin-bottom:10px}.signin-card h1 strong{font-weight:600}.signin-card p{color:rgba(255,255,255,.75);font-size:14px;line-height:1.6;margin-bottom:24px}.signin-actions{display:flex;flex-direction:column;gap:10px}.btn-uaepass{width:100%;height:52px;background:#fff;color:var(--studio-text);border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .12s,box-shadow .15s}.btn-uaepass:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.22)}.btn-uaepass:disabled{opacity:.7;cursor:default;transform:none}.signin-divider{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.5);font-size:11px;text-transform:uppercase;letter-spacing:.6px;margin:4px 0}.signin-divider:after,.signin-divider:before{content:"";flex:1 1;height:1px;background:rgba(255,255,255,.18)}.btn-email-mode{width:100%;height:48px;background:transparent;color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s}.btn-email-mode:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}.btn-primary-full{width:100%;height:52px;background:var(--studio-primary);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.btn-primary-full:hover:not(:disabled){background:var(--studio-primary-strong)}.btn-primary-full:disabled{opacity:.5;cursor:default}.btn-link{background:transparent;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:13px;padding:6px;display:inline-flex;align-items:center;gap:6px}.btn-link:hover{color:#fff}.signin-field{display:flex;flex-direction:column;gap:4px}.signin-field span{font-size:11px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.4px}.signin-field input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:10px;padding:12px 14px;font-size:14px;outline:none;transition:border-color .15s,background .15s}.signin-field input:focus{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12)}.signin-field input::placeholder{color:rgba(255,255,255,.4)}.signin-foot{font-size:11px;color:rgba(255,255,255,.5);margin-top:16px;text-align:center}.signin-foot a{color:rgba(255,255,255,.8);text-decoration:underline}.signin-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(192,0,10,.18);border:1px solid rgba(255,180,180,.3);border-radius:10px;color:#FFD5D5;font-size:13px;margin-bottom:12px}.signin-error i{color:#FF9292}.onboard-stage{height:100dvh;min-height:640px;box-sizing:border-box;overflow:hidden;background:linear-gradient(180deg,#F3F4F6,#E8ECF3);padding:32px;display:flex;align-items:center;justify-content:center}.onboard-shell{display:grid;grid-template-columns:280px 1fr;max-width:1080px;width:100%;height:min(800px,calc(100dvh - 64px));min-height:0;max-height:calc(100dvh - 64px);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 32px 80px rgba(15,23,42,.12);animation:dn-pop-in .32s cubic-bezier(.2,.9,.3,1)}.onboard-aside{background:linear-gradient(180deg,#245EA9,#1E4F8F);color:#fff;padding:32px 24px;display:flex;flex-direction:column}.onboard-aside-logo{gap:10px;margin-bottom:36px}.onboard-aside-logo,.onboard-aside-mark{display:flex;align-items:center;font-size:14px}.onboard-aside-mark{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.18);justify-content:center}.onboard-aside-steps{display:flex;flex-direction:column;gap:18px;flex:1 1}.onboard-aside-step{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,.55);font-weight:500;transition:color .15s}.onboard-aside-step.active{color:#fff}.onboard-aside-step.done{color:rgba(255,255,255,.75)}.onboard-aside-step-num{width:26px;height:26px;border-radius:999px;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.onboard-aside-step.active .onboard-aside-step-num{background:#fff;color:var(--studio-primary);border-color:#fff}.onboard-aside-step.done .onboard-aside-step-num{background:rgba(255,255,255,.25);color:#fff}.onboard-aside-foot button{color:rgba(255,255,255,.7)}.onboard-aside-foot button:hover{color:#fff}.onboard-aside-logo img{height:28px;width:auto;filter:brightness(0) invert(1)}.onboard-aside-logo{text-decoration:none;color:#fff}.onboard-aside-step{background:transparent;border:0;cursor:pointer;padding:8px 4px;text-align:left;border-radius:8px;transition:background-color .13s}.onboard-aside-step:hover:not(.active){background:rgba(255,255,255,.05)}.onboard-aside-step-title{font-size:13px;font-weight:500}.onboard-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.onboard-bg-orb{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(80px);opacity:.28}.onboard-bg-orb-a{background:#245EA9;top:-120px;left:-100px}.onboard-bg-orb-b{background:#7AACFC;bottom:-160px;right:-120px}.onboard-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(36,94,169,.05) 1px,transparent 0),linear-gradient(90deg,rgba(36,94,169,.05) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 75%)}.onboard-shell{position:relative;z-index:1}.onboard-progress{position:relative;height:4px;background:var(--studio-canvas-bg);border-radius:999px;margin-bottom:28px;overflow:hidden}.onboard-progress-bar{height:100%;background:linear-gradient(90deg,#245EA9,#5C8AC8);border-radius:999px;transition:width .28s cubic-bezier(.2,.9,.3,1)}.onboard-progress-label{position:absolute;right:0;top:-22px;font-size:11px;font-weight:600;color:var(--studio-text-soft);letter-spacing:.4px;text-transform:uppercase}.onboard-step{animation:dn-fade-slide-in .3s cubic-bezier(.2,.9,.3,1);display:flex;flex-direction:column;flex:1 1;min-height:0}.onboard-h1{font-size:30px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:10px}.onboard-h1 strong{color:var(--studio-primary);font-weight:700}.onboard-sub{color:var(--studio-text-muted);margin-bottom:24px;line-height:1.6;max-width:560px;font-size:14px}.onboard-pdf-drop{display:flex;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(135deg,rgba(36,94,169,.04),rgba(122,172,252,.04));border:1.5px dashed rgba(36,94,169,.45);border-radius:16px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;margin-bottom:16px}.onboard-pdf-drop:hover{border-color:var(--studio-primary);background:rgba(36,94,169,.06)}.onboard-pdf-drop.drag{border-color:var(--studio-primary);background:rgba(36,94,169,.1);transform:scale(1.01)}.onboard-pdf-drop.done{border-style:solid;border-color:#2E7D32;background:rgba(46,125,50,.06)}.onboard-pdf-drop.parsing{border-color:var(--studio-primary);background:rgba(36,94,169,.08);cursor:progress}.onboard-pdf-drop-icon{width:48px;height:48px;border-radius:12px;background:rgba(36,94,169,.1);color:var(--studio-primary);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.onboard-pdf-drop.done .onboard-pdf-drop-icon{background:rgba(46,125,50,.1);color:#2E7D32}.onboard-pdf-drop-body{flex:1 1;min-width:0}.onboard-pdf-drop-title{font-size:15px;font-weight:600;color:var(--studio-text)}.onboard-pdf-drop-sub{font-size:12.5px;color:var(--studio-text-muted);margin-top:2px;line-height:1.5}.onboard-error{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#FFE9E6;border:1px solid #ffb8ae;color:#C0000A;border-radius:8px;font-size:12.5px;margin-bottom:12px}.onboard-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--studio-text-soft);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.onboard-divider:after,.onboard-divider:before{content:"";flex:1 1;height:1px;background:var(--studio-border)}.onboard-template-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;flex:1 1;min-height:0;overflow-y:auto;align-content:start;margin-bottom:8px;padding:2px 4px 4px 2px;scrollbar-gutter:stable}.onboard-template-card{position:relative;padding:16px;background:#fff;border:1.5px solid var(--studio-border);border-radius:14px;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}.onboard-template-card:hover{border-color:var(--studio-primary);transform:translateY(-1px);box-shadow:0 8px 24px rgba(15,23,42,.06)}.onboard-template-card.selected{border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.18)}.onboard-template-badge{position:absolute;top:10px;right:10px;background:var(--studio-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.onboard-template-thumb{width:40px;height:40px;border-radius:10px;background:var(--studio-active);color:var(--studio-primary);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.onboard-template-name{font-size:13.5px;font-weight:600;color:var(--studio-text);margin-bottom:2px}.onboard-template-desc{font-size:11.5px;color:var(--studio-text-muted);line-height:1.5}.onboard-summary-card{background:#F9FAFB;border:1px solid var(--studio-border-soft);border-radius:12px;padding:4px;margin-bottom:24px}.onboard-summary-card .onboard-summary-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;justify-content:flex-start}.onboard-summary-card .onboard-summary-row+.onboard-summary-row{border-top:1px solid var(--studio-border-soft)}.onboard-summary-card .onboard-summary-row>i{width:32px;height:32px;border-radius:8px;background:var(--studio-active);color:var(--studio-primary);display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.onboard-summary-row-text{display:flex;flex-direction:column;gap:2px}.onboard-summary-row-label{font-size:11px;color:var(--studio-text-soft);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.onboard-summary-row-value{font-size:13.5px;color:var(--studio-text);font-weight:500}.onboard-btn-primary{background:var(--studio-primary);color:#fff;border:none;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,transform .12s;margin-left:auto}.onboard-btn-primary:hover{background:var(--studio-primary-strong)}.onboard-btn-primary:active{transform:scale(.97)}.onboard-btn-primary:disabled{opacity:.5;cursor:default}.onboard-btn-secondary{background:#fff;color:var(--studio-text);border:1px solid var(--studio-border);border-radius:10px;padding:12px 22px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s}.onboard-btn-secondary:hover{background:#F3F4F6}@keyframes dn-fade-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboard-main{padding:40px 48px;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.onboard-stepdots{display:flex;gap:6px;margin-bottom:24px}.onboard-stepdots .dot{width:32px;height:4px;border-radius:2px;background:#E5E7EB;transition:background .2s}.onboard-stepdots .dot.active,.onboard-stepdots .dot.done{background:var(--studio-primary)}.onboard-stepdots .dot.done{opacity:.5}.onboard-step-body{animation:dn-fade-slide-in .24s ease-out}.onboard-step-body h2{font-size:28px;font-weight:700;margin-bottom:8px}.onboard-step-body>p{color:var(--studio-text-muted);margin-bottom:24px;line-height:1.6;max-width:560px}.onboard-feat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:24px}.onboard-feat{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#F9FAFB;border:1px solid var(--studio-border-soft);border-radius:12px;transition:border-color .15s,transform .15s}.onboard-feat:hover{border-color:var(--studio-primary);transform:translateY(-1px)}.onboard-feat-icon{width:36px;height:36px;border-radius:10px;background:var(--studio-active);color:var(--studio-primary);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.onboard-feat-title{font-size:13px;font-weight:600;color:var(--studio-text);margin-bottom:2px}.onboard-feat-desc{font-size:12px;color:var(--studio-text-muted);line-height:1.5}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.template-card{position:relative;padding:18px 14px;background:#fff;border:1.5px solid var(--studio-border);border-radius:14px;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}.template-card:hover{border-color:var(--studio-primary);transform:translateY(-1px);box-shadow:0 8px 24px rgba(15,23,42,.06)}.template-card.selected{border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.18)}.template-badge{position:absolute;top:10px;right:10px;background:var(--studio-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.template-thumb{width:48px;height:48px;border-radius:12px;background:var(--studio-active);color:var(--studio-primary);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.template-name{font-size:14px;font-weight:600;color:var(--studio-text);margin-bottom:4px}.template-desc{font-size:12px;color:var(--studio-text-muted);line-height:1.5}.onboard-name-input{width:100%;height:48px;border:1.5px solid var(--studio-border);border-radius:10px;padding:0 14px;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s;margin-bottom:20px}.onboard-name-input:focus{border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.12)}.onboard-summary{background:#F9FAFB;border:1px solid var(--studio-border-soft);border-radius:12px;padding:14px 18px;margin-bottom:24px}.onboard-summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.onboard-summary-row span{color:var(--studio-text-muted)}.onboard-summary-row strong{color:var(--studio-text);font-weight:600}.onboard-cta-row{display:flex;flex-shrink:0;gap:12px;margin-top:auto;padding-top:16px}.onboard-cta-row .btn-cta{margin-left:auto}.onboard-cta-row .btn-cta:disabled{opacity:.5;cursor:default}.user-pill{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 4px;border-radius:999px;background:#F3F4F6;border:1px solid var(--studio-border);cursor:pointer;transition:background .15s;font-size:12px}.user-pill:hover{background:#E5E7EB}.user-pill-avatar{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#245EA9,#5C8AC8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.user-pill-name{font-weight:600;color:var(--studio-text)}.play-stage{width:100vw;height:100vh;background:var(--studio-bg);display:flex;align-items:center;justify-content:center}.play-back{position:fixed;top:16px;left:16px;background:#fff;color:var(--studio-text);padding:8px 14px;border-radius:999px;font-size:13px;text-decoration:none;z-index:1000;border:1px solid var(--studio-border);box-shadow:0 1px 3px rgba(0,0,0,.06);display:inline-flex;align-items:center;gap:6px}.dn-status-bar{height:50px;display:flex;align-items:flex-end;padding:0 24px 8px;flex-shrink:0;position:relative;z-index:10;font-family:var(--font-primary)}.dn-status-bar.light{background:rgba(241,240,244,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dn-status-bar.dark{background:rgba(68,71,78,.95)}.dn-status-bar.transparent{background:transparent}.dn-status-time{font-size:15px;font-weight:600}.dn-status-icons{margin-left:auto;display:flex;gap:5px;align-items:center;font-size:13px;line-height:1}.dn-status-bar.dark .dn-status-icons,.dn-status-bar.dark .dn-status-time{color:#F7F6FA}.dn-status-bar.light .dn-status-icons,.dn-status-bar.light .dn-status-time{color:#44474E}.dn-status-bar.transparent .dn-status-icons,.dn-status-bar.transparent .dn-status-time{color:#fff}.dn-top-bar{min-height:56px;background:rgba(247,246,250,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;padding:8px 20px;gap:8px;flex-shrink:0;z-index:9;font-family:var(--font-primary)}.dn-top-bar.has-subtitle{flex-direction:column;align-items:stretch;padding:8px 20px 12px;gap:4px}.dn-top-bar-row{display:flex;align-items:center;gap:8px}.dn-top-bar-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#245EA9;font-size:20px;border-radius:999px;flex-shrink:0}.dn-top-bar-titles{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.dn-top-bar-title{font-size:16px;font-weight:500;color:#000;letter-spacing:.15px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-top-bar.has-subtitle .dn-top-bar-title{font-size:22px;font-weight:600;line-height:28px}.dn-top-bar-subtitle{font-size:14px;color:#747477;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-top-bar-action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#245EA9;font-size:18px;border-radius:999px}.dn-top-bar-stack-titles{padding:0 4px}.dn-bottom-nav{position:absolute;bottom:0;left:0;right:0;height:84px;background:rgba(241,240,244,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(227,226,229,.8);display:flex;align-items:flex-start;padding-top:4px;z-index:20;font-family:var(--font-primary)}.dn-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding-top:6px;position:relative}.dn-nav-dot{width:32px;height:3px;border-radius:999px;background:#245EA9;position:absolute;top:0}.dn-nav-icon{font-size:22px;color:#747477}.dn-nav-icon.active{color:#245EA9}.dn-nav-label{font-size:10px;font-weight:500;color:#747477}.dn-nav-label.active{color:#245EA9}.dn-card{background:#fff;border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden}.dn-sec-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 8px;font-family:var(--font-primary)}.dn-sec-title{font-size:16px;font-weight:500;color:#44474E}.dn-sec-link{font-size:13px;color:#245EA9;font-weight:500;cursor:pointer}.dn-generic-header{padding:8px var(--page-pad-x,var(--dn-page-gutter,20px)) 0;font-family:var(--font-primary)}.dn-generic-header-row{display:flex;align-items:center;gap:8px}.dn-generic-header-icon{color:#44474E;font-size:16px;flex-shrink:0}.dn-generic-header-title{font-size:16px;font-weight:500;color:#1F2937;line-height:1.4;letter-spacing:.15px}.dn-generic-header-link{font-size:14px;font-weight:500;color:#245EA9;cursor:pointer;flex-shrink:0}.dn-generic-header-desc{font-size:13px;font-weight:400;color:#747477;margin-top:4px;padding-left:0;line-height:1.45}.dn-generic-header.is-form{padding:4px var(--page-pad-x,var(--dn-page-gutter,20px)) 0}.dn-generic-header.is-form .dn-generic-header-title{font-size:14px;font-weight:500;color:#44474E;letter-spacing:.1px}.dn-generic-header.is-form .dn-generic-header-desc{font-size:12px;color:#747477}.dn-page-header{padding:12px 20px 8px;font-family:var(--font-primary);display:flex;flex-direction:column;gap:4px;background:#F1F0F4}.canvas-slot-content>.node-wrap:has(.dn-page-header),.canvas-slot-content>.play-node-wrap:has(.dn-page-header){position:-webkit-sticky;position:sticky;top:0;z-index:5;background:#F1F0F4}.dn-page-header-icon{width:48px;height:48px;border-radius:999px;border:1.5px solid #44474e;color:#44474E;display:inline-flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:4px}.dn-page-header-top{display:flex;align-items:center;gap:8px}.dn-page-header-trailing{color:#44474E;font-size:18px;flex-shrink:0}.dn-page-header-main{font-size:24px;font-weight:600;color:#1F2937;line-height:1.2;letter-spacing:-.15px}.dn-page-header-sub{font-size:16px;font-weight:500;color:#44474E;line-height:1.35}.dn-page-header-highlight{font-size:14px;font-weight:500;color:#44474E;line-height:1.4;margin-top:4px}.dn-page-header-desc{font-size:14px;font-weight:400;color:#747477;line-height:1.55}.dn-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:var(--font-primary);font-weight:500}.dn-btn-primary{background:#245EA9;color:#fff;border-radius:16px}.dn-btn-outlined,.dn-btn-primary{width:100%;height:56px;font-size:16px}.dn-btn-outlined{background:transparent;color:#245EA9;border:1.5px solid #e3e2e5;border-radius:16px}.dn-btn-error{height:52px;background:#C0000A;color:#fff}.dn-btn-error,.dn-btn-tonal{width:100%;border-radius:16px;font-size:16px}.dn-btn-tonal{height:56px;background:#F5F5FF;color:#245EA9}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.32);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:dn-fade-in .18s ease-out}.modal{background:var(--glass-bg);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-primary);animation:dn-pop-in .18s cubic-bezier(.2,.9,.3,1)}.modal-head{display:flex;align-items:center;gap:8px;padding:18px 22px;border-bottom:1px solid var(--studio-border-soft)}.modal-title{flex:1 1;font-size:16px;font-weight:600;color:var(--studio-text)}.modal-body{padding:18px 22px;overflow-y:auto}.modal .field input,.modal .field textarea{width:100%}.modal .ghost-btn{background:transparent;border:1px solid var(--studio-border);border-radius:10px;padding:9px 14px;font:inherit;cursor:pointer;color:var(--studio-text);display:inline-flex;align-items:center;gap:8px;font-size:13px}.modal .ghost-btn:hover{background:var(--studio-canvas-bg)}.share-body{display:flex;flex-direction:column;gap:14px}.share-desc{font-size:13px;color:var(--studio-text-muted);line-height:1.55;margin:0}.share-invite-row{display:flex;gap:8px}.share-invite-input{flex:1 1;height:40px;padding:0 14px;background:rgba(255,255,255,.7);border:1px solid var(--studio-border);border-radius:10px;font-size:13px;outline:none;transition:border-color .13s,box-shadow .13s}.share-invite-input:focus{border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.15)}.share-invite-btn{height:40px;padding:0 16px;border:none;border-radius:10px;background:var(--studio-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .13s}.share-invite-btn:hover{background:var(--studio-primary-strong)}.share-invite-btn:disabled{opacity:.4;cursor:default}.share-section-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--studio-text-muted);letter-spacing:.5px;text-transform:uppercase;padding-top:4px}.share-count{display:inline-flex;min-width:22px;height:18px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:var(--studio-canvas-bg);color:var(--studio-text);font-size:10px;font-weight:700;letter-spacing:0}.share-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.share-list::-webkit-scrollbar{display:none}.share-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:rgba(255,255,255,.45);border:1px solid var(--studio-border-soft)}.share-row-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.share-row-avatar i{font-size:12px}.share-row-text{flex:1 1;min-width:0}.share-row-name{font-size:13px;font-weight:600;color:var(--studio-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-row-you{color:var(--studio-text-muted);font-weight:400}.share-row-email{font-size:11px;color:var(--studio-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-row-role{font-size:10px;font-weight:700;color:var(--studio-text-soft);padding:2px 8px;border-radius:999px;background:var(--studio-canvas-bg);text-transform:uppercase;letter-spacing:.4px}.share-copy{align-self:flex-start}.share-actions{display:flex;gap:8px}.share-leave{background:transparent;border:1px solid #ffb8ae;color:#C0000A;border-radius:10px;padding:9px 14px;font:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.share-leave:hover{background:#FFE9E6}.library-card{display:block;width:100%;text-align:left;padding:12px;background:#fff;border:1.5px solid var(--studio-border);border-radius:12px;cursor:pointer;font-family:inherit;transition:border-color .13s,transform .12s,box-shadow .13s}.library-card:hover:not(.disabled):not(.selected){border-color:var(--studio-primary);transform:translateY(-1px)}.library-card.selected{border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.15)}.library-card.disabled{opacity:.55;cursor:not-allowed}.library-card-row{display:flex;align-items:flex-start;gap:10px}.library-card-name{font-size:13px;font-weight:600;color:var(--studio-text)}.library-card-desc{font-size:11.5px;color:var(--studio-text-muted);line-height:1.5;margin-top:2px}.topbar-start-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;background:rgba(36,94,169,.1);color:var(--studio-primary);font-size:9px;font-weight:700;letter-spacing:.6px;margin-left:6px}.ai-key-banner{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.5;border:1px solid transparent}.ai-key-banner i{margin-top:1px;flex-shrink:0}.ai-key-banner.ok{background:rgba(46,125,50,.08);border-color:rgba(46,125,50,.2);color:#1B5E20}.ai-key-banner.info{background:rgba(36,94,169,.08);border-color:rgba(36,94,169,.2);color:#245EA9}.ai-key-banner.warn{background:rgba(230,81,0,.08);border-color:rgba(230,81,0,.25);color:#C75B00}.ai-key-banner.muted{background:var(--studio-canvas-bg);border-color:var(--studio-border);color:var(--studio-text-muted)}.lb-root [class*=ttribut],[class*=LiveblocksUI],[class*=lb-][class*=ttribut],[class*=liveblocks-attribution],a[href*="liveblocks.io"],div[data-liveblocks-attribution]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;width:0!important}.dn-btn.dn-btn-sm{height:40px;font-size:14px;border-radius:16px;padding:0 16px;width:auto;min-width:96px}.dn-btn.dn-btn-md{height:48px;font-size:16px;border-radius:16px}.dn-btn.dn-btn-lg{height:56px;font-size:16px;border-radius:16px}.dn-btn.is-loading{cursor:progress}.dn-btn-spinner{display:inline-flex;align-items:center;justify-content:center;width:100%}.dn-btn-spinner i{font-size:18px;animation:dn-spin .7s linear infinite}.dn-btn.is-disabled,.dn-btn:disabled{opacity:.4;cursor:not-allowed}.dn-btn-primary.is-error{background:#C0000A}.dn-btn-outlined.is-error{color:#C0000A;border-color:#C0000A}.dn-btn-tonal.is-error{background:#FFEDED;color:#C0000A}.dn-btn.is-empty{opacity:.7}.dn-btn-cta:hover:not(:disabled):not(.is-disabled),.dn-btn-primary:hover:not(:disabled):not(.is-disabled){filter:brightness(1.06)}.dn-btn-outlined:hover:not(:disabled):not(.is-disabled){background:rgba(36,94,169,.06)}.dn-btn-tonal:hover:not(:disabled):not(.is-disabled){background:#E8E8FA}.dn-btn-cta:active:not(:disabled):not(.is-disabled),.dn-btn-outlined:active:not(:disabled):not(.is-disabled),.dn-btn-primary:active:not(:disabled):not(.is-disabled),.dn-btn-tonal:active:not(:disabled):not(.is-disabled){transform:scale(.98);opacity:.92;transition:transform 60ms ease,opacity 60ms ease}.dn-btn-cta:focus-visible,.dn-btn-outlined:focus-visible,.dn-btn-primary:focus-visible,.dn-btn-tonal:focus-visible,.dn-icon-btn:focus-visible,.dn-link-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(36,94,169,.24)}.dn-list-row:active:not(.no-interact){background:rgba(36,94,169,.04)}.dn-list-row.is-tappable:hover,.dn-list-row[role=button]:hover{background:rgba(36,94,169,.02)}.dn-accordion-head:active,.dn-cat-accordion-head:active{background:rgba(36,94,169,.04);border-radius:8px}.dn-chip:active:not(.dn-chip-active){transform:scale(.97)}.dn-chip:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(36,94,169,.4)}.dn-checkbox-row.is-disabled,.dn-switch-row.is-disabled{opacity:.5;pointer-events:none}.dn-checkbox-row.is-error,.dn-checkbox-row.is-error .dn-checkbox-text,.dn-switch-row.is-error,.dn-switch-row.is-error .dn-switch-label{color:#D32F2F}.dn-checkbox-row.is-empty,.dn-switch-row.is-empty{opacity:.8}.dn-accordion.is-disabled,.dn-datepicker.is-disabled,.dn-icon-btn.is-disabled,.dn-link-btn.is-disabled,.dn-otp.is-disabled,.dn-progress.is-disabled,.dn-search-bar.is-disabled,.dn-segmented.is-disabled,.dn-sign-btn.is-disabled,.dn-slider.is-disabled,.dn-tabs.is-disabled{opacity:.5;pointer-events:none}.dn-accordion.is-error,.dn-datepicker.is-error,.dn-otp.is-error,.dn-progress.is-error,.dn-search-bar.is-error,.dn-segmented.is-error,.dn-slider.is-error,.dn-tabs.is-error{box-shadow:0 0 0 1px rgba(211,47,47,.18);border-radius:12px}.dn-search-bar.is-error,.dn-segmented.is-error,.dn-tabs.is-error{outline:1px solid #D32F2F;outline-offset:-1px}.dn-otp.is-error .dn-otp-box,.dn-otp.is-error .dn-otp-boxes>div{border-color:#D32F2F!important;color:#D32F2F}.dn-otp .dn-otp-boxes{display:flex;gap:8px}.dn-accordion.is-empty,.dn-datepicker.is-empty,.dn-progress.is-empty,.dn-search-bar.is-empty,.dn-segmented.is-empty,.dn-slider.is-empty,.dn-tabs.is-empty{opacity:.88}.dn-list-row{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:56px;background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.08);margin:0 16px;cursor:pointer;font-family:var(--font-primary)}.dn-card-group .dn-list-row{background:transparent;border-radius:0;box-shadow:none;margin:0;border-bottom:1px solid #f1f0f4}.dn-card-group>.node-wrap:last-child .dn-list-row{border-bottom:none}.dn-list-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dn-list-text{flex:1 1;min-width:0}.dn-list-title{font-size:16px;font-weight:400;color:#1F2937;line-height:24px;letter-spacing:.15px}.dn-list-sub,.dn-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-list-sub{font-size:13px;color:#747477;line-height:18px;margin-top:2px}.dn-list-arrow{width:24px;height:24px;justify-content:center;color:#3f4948;font-size:20px}.dn-badge,.dn-list-arrow{display:inline-flex;align-items:center}.dn-badge{gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;font-family:var(--font-primary)}.dn-badge-blue{background:#F5F5FF;color:#245EA9}.dn-badge-red{background:#FFE9E6;color:#C0000A}.dn-badge-gray{background:#F1F0F4;color:#747477}.dn-badge-green{background:#E8F5E9;color:#2E7D32}.dn-chip-row{display:flex;gap:8px;padding:10px 20px;overflow-x:auto;font-family:var(--font-primary)}.dn-chip-row::-webkit-scrollbar{display:none}.dn-chip{gap:4px;height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;white-space:nowrap;flex-shrink:0}.dn-chip,.dn-chip i{display:inline-flex;align-items:center}.dn-chip i{font-size:18px;width:18px;height:18px;justify-content:center}.dn-chip.has-leading{padding-left:12px}.dn-chip.has-trailing{padding-right:12px}.dn-chip-active{background:var(--studio-primary,#245EA9);color:#fff;border:1px solid var(--studio-primary,#245ea9)}.dn-chip-inactive{background:#fff;color:#44474E;border:1px solid #e3e2e5}.dn-pay-row{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid #f1f0f4;background:#fff;font-family:var(--font-primary)}.dn-pay-row:last-child{border-bottom:none}.dn-pay-label{font-size:14px;color:#747477}.dn-pay-value{font-size:14px;font-weight:500;color:#44474E}.dn-form-field{padding:12px 16px;font-family:var(--font-primary)}.dn-form-field-label{font-size:12px;color:#747477;margin-bottom:4px}.dn-form-field-input{width:100%;height:48px;border:1.5px solid #e3e2e5;border-radius:10px;padding:0 14px;font-size:15px;color:#44474E;background:#fff}.dn-form-field-input:focus{outline:none;border-color:#245EA9}.dn-ff-card{background:#FFFFFF;border-radius:16px;box-sizing:border-box;min-height:56px;padding:4px 16px;box-shadow:0 1px 4px rgba(0,0,0,.06);font-family:var(--font-primary);border:1px solid transparent;transition:border-color .15s ease,box-shadow .15s ease}.dn-ff-textfield{display:flex;flex-direction:column;justify-content:center}.dn-ff-card:hover{border-color:#DCE2EE}.dn-ff-card.is-disabled,.dn-ff-row.is-disabled{pointer-events:none}.dn-ff-card.is-disabled .dn-ff-label,.dn-ff-card.is-disabled .dn-ff-value,.dn-ff-row.is-disabled .dn-ff-label,.dn-ff-row.is-disabled .dn-ff-row-label{color:#A1A4AB}.dn-ff-error{margin-top:10px;padding-top:8px;border-top:1px solid #e3e2e5;font-size:12px;line-height:16px;color:#D32F2F;letter-spacing:.4px;display:flex;align-items:center;gap:6px}.dn-ff-error:before{content:"\f06a";font-family:Font Awesome\ 6 Pro;font-weight:400;font-size:14px}.dn-ff-label{font-size:12px;color:#747477;margin-bottom:4px;line-height:16px;font-family:var(--font-primary);font-weight:400;letter-spacing:.4px}.dn-ff-value{color:var(--dn-color-on-surface,#000);letter-spacing:.15px;word-break:break-word}.dn-ff-value,.dn-ff-value.is-placeholder{font-size:16px;font-weight:400;line-height:24px}.dn-ff-value.is-placeholder{color:#B0B3BC}.dn-ff-multiline{min-height:80px;padding-bottom:8px;white-space:pre-wrap}.dn-ff-empty-label{font-size:16px;font-weight:400;color:var(--dn-color-on-surface,#000);line-height:24px;letter-spacing:.15px}.dn-ff-divider{height:1px;background:#E3E2E5;margin:2px 0 6px}.dn-ff-counter{font-size:12px;color:#747477}.dn-ff-attachment,.dn-ff-controlrow,.dn-ff-plate,.dn-ff-select,.dn-ff-switch{display:flex;align-items:center;gap:12px}.dn-ff-text{flex:1 1;min-width:0}.dn-ff-action{display:inline-flex;align-items:center;gap:6px;color:var(--studio-primary,#245EA9);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.15px;flex-shrink:0}.dn-ff-action i{font-size:14px}.dn-ff-row{background:transparent;padding:14px 16px;font-family:var(--font-primary);display:flex;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid #f1f0f4}.dn-ff-row:last-child{border-bottom:none}.dn-ff-row .dn-ff-label{margin-bottom:4px}.dn-ff-row-label{font-size:16px;font-weight:400;color:#1F2937;line-height:24px;letter-spacing:.15px}.dn-switch-pill{display:inline-flex;align-items:center;gap:4px;height:32px;width:64px;padding:4px;border-radius:999px;background:#3f4948;transition:background .18s ease;position:relative}.dn-switch-pill.on{background:var(--studio-primary,#245EA9)}.dn-switch-pill.is-disabled{background:#F2F4F3}.dn-switch-pill-thumb{width:24px;height:24px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.2);flex-shrink:0;order:1;transition:transform .18s ease}.dn-switch-pill.on .dn-switch-pill-thumb{order:2}.dn-switch-pill.is-disabled .dn-switch-pill-thumb{background:#C4C6CE;box-shadow:none}.dn-switch-pill-label{font-size:12px;font-weight:500;padding:0 6px;color:#FFFFFF;letter-spacing:.5px;line-height:16px;order:2}.dn-switch-pill.on .dn-switch-pill-label{order:1}.dn-switch-pill.is-disabled .dn-switch-pill-label{color:#737776}.dn-ff-check{flex-shrink:0}.dn-checkbox-square{width:24px;height:24px;border-radius:4px;border:2px solid #c4c6ce;display:flex;align-items:center;justify-content:center;background:#fff;transition:background .15s,border-color .15s}.dn-checkbox-square.on{background:var(--studio-primary,#245EA9);border-color:var(--studio-primary,#245EA9);color:#fff;font-size:13px}.dn-radio-circle{width:24px;height:24px;border-radius:50%;border:2px solid #c4c6ce;background:#fff;position:relative;transition:border-color .15s}.dn-radio-circle.on{border-color:var(--studio-primary,#245EA9)}.dn-radio-circle.on:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;background:var(--studio-primary,#245EA9);border-radius:999px}.dn-ff-status{font-size:14px;line-height:20px;color:var(--studio-primary,#245EA9);font-weight:500;letter-spacing:.25px;flex-shrink:0}.dn-ff-plate-mini{display:inline-flex;flex-direction:column;align-items:stretch;background:#fff;border:1.5px solid #44474e;border-radius:4px;font-family:Roboto Mono,ui-monospace,monospace;overflow:hidden;min-width:96px}.dn-ff-plate-emirate{font-size:8px;font-weight:700;color:#44474E;padding:1px 4px 0;text-align:center;letter-spacing:.4px}.dn-ff-plate-row{display:flex;align-items:baseline;gap:4px;padding:0 8px 3px;font-size:14px;font-weight:700;color:#44474E}.dn-ff-plate-code{display:inline-block;padding-right:4px;border-right:1.5px solid #44474e;font-size:11px;line-height:16px}.dn-ff-attach-btn{width:36px;height:36px;border-radius:999px;background:#fff;border:1.5px solid #245ea9;color:#245EA9;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:14px;transition:background .15s,color .15s}.dn-ff-attach-btn:hover{background:#245EA9;color:#fff}.dn-otp{gap:8px;padding:16px;font-family:var(--font-primary)}.dn-otp,.dn-otp-box{display:flex;justify-content:center}.dn-otp-box{width:48px;height:48px;border:1px solid #737776;border-radius:16px;align-items:center;font-size:20px;font-weight:500;color:#1F2937;line-height:26px;background:#fff;box-shadow:0 8px 10px rgba(0,0,0,.08)}.dn-otp-box.filled{border-color:#245EA9}.dn-alert{display:flex;flex-direction:column;padding:16px;border-radius:16px;border:1px solid transparent;font-family:var(--font-primary)}.dn-alert-row{display:flex;align-items:center;gap:8px}.dn-alert-bottom{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.dn-alert-textbtn{height:32px;padding:0 12px;border-radius:999px;background:transparent;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;opacity:.78;color:inherit}.dn-alert-textbtn-primary{opacity:1;font-weight:600}.dn-alert i{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:24px}.dn-alert-text{flex:1 1;min-width:0;font-size:14px;line-height:20px;letter-spacing:.25px}.dn-alert-action{border:0;height:32px;padding:0 16px;border-radius:999px;background:#FFFFFF;font:inherit;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;flex-shrink:0}.dn-alert-info{background:#E6F0F7;border-color:var(--studio-primary,#245EA9)}.dn-alert-info .dn-alert-text,.dn-alert-info i{color:#0F3D7A}.dn-alert-info .dn-alert-action{color:var(--studio-primary,#245EA9)}.dn-alert-success{background:#E8F5E9;border-color:#2E7D32}.dn-alert-success .dn-alert-text,.dn-alert-success i{color:#1B5E20}.dn-alert-success .dn-alert-action{color:#2E7D32}.dn-alert-error{background:#FFEDEA;border-color:#C0000A}.dn-alert-error .dn-alert-text,.dn-alert-error i{color:#930005}.dn-alert-error .dn-alert-action{color:#C0000A}.dn-alert-warn{background:#FFEEDD;border-color:#835400}.dn-alert-warn .dn-alert-text,.dn-alert-warn i{color:#643F00}.dn-alert-warn .dn-alert-action{color:#835400}.dn-tile-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;padding:12px 20px;font-family:var(--font-primary)}.dn-tile{flex-direction:column;gap:8px;padding:4px 0;cursor:pointer}.dn-tile,.dn-tile-icon{display:flex;align-items:center}.dn-tile-icon{width:48px;height:48px;border-radius:16px;justify-content:center;font-size:22px}.dn-tile-label{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;color:#1F2937;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dn-success-wrap{flex:1 1;flex-direction:column;padding:32px 24px;text-align:center;background:#fff;min-height:400px;font-family:var(--font-primary)}.dn-success-icon-wrap,.dn-success-wrap{display:flex;align-items:center;justify-content:center}.dn-success-icon-wrap{width:88px;height:88px;background:#F5F5FF;border-radius:50%;margin-bottom:24px}.dn-success-title{font-size:22px;font-weight:500;color:#44474E;margin-bottom:8px}.dn-success-sub{font-size:14px;color:#747477;margin-bottom:28px;line-height:1.7}.dn-stepper{padding:12px 20px;font-family:var(--font-primary)}.dn-step{display:flex;gap:12px;position:relative}.dn-step-rail{flex-direction:column}.dn-step-dot,.dn-step-rail{display:flex;align-items:center;flex-shrink:0}.dn-step-dot{width:24px;height:24px;border-radius:999px;justify-content:center;font-size:12px;font-weight:500;position:relative;z-index:1}.dn-step-active,.dn-step-done{background:var(--studio-primary,#245EA9);color:#fff}.dn-step-active{box-shadow:0 0 0 4px rgba(36,94,169,.16)}.dn-step-next{background:#fff;border:2px solid #c4c6ce;color:#C4C6CE}.dn-step-connector{width:0;flex:1 1;min-height:24px}.dn-step-connector.done{border-left:1.5px solid var(--studio-primary,#245ea9)}.dn-step-connector.next{border-left:1.5px dashed #c4c6ce}.dn-step-text{padding:4px 0 12px;font-size:14px;line-height:20px;color:#1F2937;letter-spacing:.25px}.dn-step-next .dn-step-text{color:#C4C6CE}.canvas-padded{padding-block:0!important;padding-inline:var(--page-pad-x,var(--dn-page-gutter,20px))!important}.dn-search-bar{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:16px;font-family:var(--font-primary)}.dn-search-bar-outlined{background:#fff;border:1px solid #e3e2e5}.dn-search-bar-filled{background:#E0E6EE;border:1px solid transparent}.dn-search-bar i{color:#747477;font-size:14px}.dn-search-bar input{flex:1 1;border:none;outline:none;font-size:14px;color:#44474E;background:transparent}.dn-search-bar input::placeholder{color:#747477}.dn-segmented{height:40px;padding:4px;background:#E0EAE9;gap:0;font-family:var(--font-primary)}.dn-segment,.dn-segmented{display:inline-flex;border-radius:999px}.dn-segment{position:relative;flex:1 1;text-align:center;height:32px;padding:0 8px;align-items:center;justify-content:center;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:#3f4948;cursor:pointer;transition:background .15s,color .15s}.dn-segment.active{background:var(--studio-primary,#245EA9);color:#FFFFFF;font-weight:500}.dn-segment:not(.active)+.dn-segment:not(.active):before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:rgba(63,73,72,.18)}.dn-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid #e0e3e2;font-family:var(--font-primary);background:#fff}.dn-tab{height:40px;padding:0 12px;display:inline-flex;align-items:center;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;color:#3f4948;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s,font-weight .15s}.dn-tab.active{color:var(--studio-primary,#245EA9);border-bottom-color:var(--studio-primary,#245EA9);font-weight:500}.dn-banner{border-radius:16px;overflow:hidden;height:140px;position:relative;display:flex;align-items:flex-end;cursor:pointer;transition:transform .15s ease;font-family:var(--font-primary)}.dn-banner:hover{transform:translateY(-1px)}.dn-banner-blue{background:linear-gradient(135deg,#245EA9,#1E4F8F 60%,#7AACFC 120%)}.dn-banner-navy{background:linear-gradient(135deg,#202950,#0F1E36)}.dn-banner-sand{background:linear-gradient(135deg,#D4A574,#8B5A3C)}.dn-banner-sunset{background:linear-gradient(135deg,#E65100,#C0000A)}.dn-banner-green{background:linear-gradient(135deg,#2E7D32,#006A67)}.dn-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.35))}.dn-banner-content{position:relative;z-index:1;padding:14px 16px;width:100%}.dn-banner-eyebrow{font-size:11px;font-weight:600;color:rgba(255,255,255,.85);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.dn-banner-title{font-size:20px;font-weight:500;color:#fff;line-height:1.2;margin-bottom:10px;max-width:70%}.dn-banner-cta{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.22);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dn-uaepass-btn{width:100%;min-height:64px;padding:10px 14px;border-radius:12px;background:#fff;border:none;box-shadow:0 0 16px rgba(165,165,165,.18);display:flex;align-items:center;gap:12px;cursor:pointer;font-family:var(--font-primary);transition:transform .15s ease,box-shadow .15s ease}.dn-uaepass-btn:hover{transform:translateY(-1px);box-shadow:0 4px 18px rgba(36,94,169,.16)}.dn-uaepass-badge{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#1a3c6b,#245EA9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.dn-uaepass-text{flex:1 1;text-align:left}.dn-uaepass-title{font-size:14px;font-weight:600;color:#44474E}.dn-uaepass-sub{font-size:12px;color:#747477;margin-top:1px}.dn-uaepass-arrow{color:#245EA9;font-size:13px}.dn-switch-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;font-family:var(--font-primary)}.dn-switch-text{flex:1 1}.dn-switch-label{font-size:14px;font-weight:500;color:#44474E}.dn-switch-sub{font-size:12px;color:#747477;margin-top:1px}.dn-switch{width:44px;height:26px;border-radius:999px;background:#E3E2E5;position:relative;transition:background .18s ease;flex-shrink:0}.dn-switch:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .18s ease}.dn-switch.on{background:#245EA9}.dn-switch.on:after{transform:translateX(18px)}.dn-slider{padding:12px 20px;font-family:var(--font-primary)}.dn-slider-label{display:block;margin-bottom:12px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.15px;color:#1F2937}.dn-slider-row{display:flex;align-items:center;gap:12px}.dn-slider-track{position:relative;flex:1 1;height:6px;background:#E0EAE9;border-radius:999px}.dn-slider-fill{height:100%;border-radius:999px}.dn-slider-fill,.dn-slider-thumb{background:var(--studio-primary,#245EA9)}.dn-slider-thumb{position:absolute;top:-7px;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08)}.dn-slider-value-pill{flex-shrink:0;min-width:48px;height:32px;padding:0 12px;border-radius:8px;background:#E0EAE9;color:#0F3D7A;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.15px}.dn-progress{padding:12px 20px;font-family:var(--font-primary)}.dn-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dn-progress-label{font-size:13px;font-weight:500;color:#44474E}.dn-progress-value{font-size:13px;font-weight:600;color:#245EA9;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dn-progress-track{height:6px;background:#F1F0F4;border-radius:999px;overflow:hidden}.dn-progress-fill{height:100%;background:linear-gradient(90deg,#245EA9,#7AACFC);border-radius:999px;transition:width .28s cubic-bezier(.2,.9,.3,1)}.dn-progress-helper{font-size:12px;color:#747477;margin-top:6px}.dn-accordion{background:#fff;border-radius:16px;box-shadow:0 8px 16px rgba(0,0,0,.08);margin:0 16px;font-family:var(--font-primary);cursor:pointer;overflow:hidden}.dn-accordion-head{display:flex;align-items:center;padding:16px;gap:8px;min-height:56px}.dn-accordion-title{flex:1 1;font-size:18px;font-weight:500;line-height:26px;color:#1F2937;letter-spacing:.1px}.dn-accordion-head>i{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#3f4948;font-size:20px;transition:transform .2s ease}.dn-accordion.open .dn-accordion-head>i{color:var(--studio-primary,#245EA9)}.dn-accordion-body{padding:0 16px 16px;font-size:14px;line-height:20px;color:#3f4948;letter-spacing:.25px}.dn-card-group .dn-accordion{box-shadow:none;margin:0;border-radius:0}.dn-cat-accordion{background:#FFFFFF;border-radius:12px;padding:16px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);font-family:var(--font-primary)}.dn-cat-accordion-head{display:flex;align-items:center;gap:8px}.dn-cat-accordion-leading{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#44474E;flex-shrink:0}.dn-cat-accordion-title{flex:1 1;min-width:0;font-size:16px;font-weight:500;color:#1F2937;line-height:24px;letter-spacing:.15px}.dn-cat-accordion-chevron{font-size:18px;color:#44474E;flex-shrink:0}.dn-cat-accordion.is-disabled{opacity:.5;pointer-events:none}.dn-cat-accordion.is-error{box-shadow:0 0 0 1px #C0000A}.dn-avatar-row{gap:12px;font-family:var(--font-primary)}.dn-avatar,.dn-avatar-row{display:flex;align-items:center}.dn-avatar{border-radius:50%;background:linear-gradient(135deg,#245EA9,#7AACFC);color:#fff;justify-content:center;font-weight:600;flex-shrink:0}.dn-avatar-text{flex:1 1;min-width:0}.dn-avatar-name{font-size:14px;font-weight:500;color:#44474E}.dn-avatar-sub{font-size:12px;color:#747477;margin-top:1px}.dn-avatar-stack{display:flex;align-items:center;gap:8px;font-family:var(--font-primary)}.dn-avatar-stack-row{display:inline-flex;align-items:center}.dn-stack-av{border-radius:50%;background:linear-gradient(135deg,#245EA9,#7AACFC);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid #fff;margin-left:-8px;flex-shrink:0}.dn-avatar-stack-default .dn-stack-av{width:40px;height:40px;font-size:14px}.dn-avatar-stack-small .dn-stack-av{width:32px;height:32px;font-size:12px}.dn-stack-av:first-child{margin-left:0}.dn-stack-more{background:var(--studio-primary,#245EA9)}.dn-stack-add{background:#FFFFFF;border:1px solid #e0e3e2;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--studio-primary,#245EA9);flex-shrink:0}.dn-avatar-stack-default .dn-stack-add{width:40px;height:40px;font-size:18px}.dn-avatar-stack-small .dn-stack-add{width:32px;height:32px;font-size:14px}.dn-stack-more{background:#F1F0F4;color:#44474E}.dn-plate{display:inline-flex;flex-direction:column;align-items:center;background:#fff;border:2px solid #44474e;border-radius:10px;padding:8px 18px;min-width:200px;font-family:Roboto Mono,ui-monospace,monospace}.dn-plate-emirate{font-size:11px;font-weight:700;color:#44474E;letter-spacing:1.5px}.dn-plate-number{font-size:28px;font-weight:700;color:#44474E;letter-spacing:2px;display:flex;align-items:baseline;gap:8px}.dn-plate-code{display:inline-block;min-width:28px;text-align:center;border-right:2px solid #44474e;padding:0 12px 0 6px}.dn-upload{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1.5px dashed #e3e2e5;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;font-family:var(--font-primary)}.dn-upload:hover{border-color:#245EA9;background:#F5F5FF}.dn-upload-empty .dn-upload-icon{color:#245EA9;background:#F5F5FF}.dn-upload-uploading{border-style:solid;border-color:#245EA9}.dn-upload-uploading .dn-upload-icon{color:#245EA9;background:#F5F5FF}.dn-upload-done{border-style:solid;border-color:#2E7D32;background:#E8F5E9}.dn-upload-done .dn-upload-icon{color:#2E7D32;background:#fff}.dn-upload-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.dn-upload-text{flex:1 1;min-width:0}.dn-upload-title{font-size:14px;font-weight:500;color:#44474E}.dn-upload-hint{font-size:12px;color:#747477;margin-top:1px}.dn-upload-clear{color:#747477;cursor:pointer;padding:4px}.dn-attach-card{background:#FFFFFF;border-radius:16px;padding:16px 20px;box-shadow:0 1px 4px rgba(0,0,0,.06);font-family:var(--font-primary);cursor:pointer;transition:box-shadow .15s ease}.dn-attach-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.dn-attach-card.dn-attach-done{background:#F4FBF5}.dn-attach-card.dn-attach-error{background:#FFF5F4}.dn-attach-card-row{display:flex;align-items:center;gap:12px}.dn-attach-card-title{flex:1 1;font-size:14px;font-weight:500;color:#1F2937;line-height:1.4}.dn-attach-card-action{background:none;border:0;color:#245EA9;font-size:24px;cursor:pointer;padding:0;line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.dn-attach-card-action-clear{color:#747477}.dn-attach-helper{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 4px 0;font-size:13px;color:#747477;font-family:var(--font-primary)}.dn-attach-helper i{color:#B0B3BC}.dn-attach-counter{color:#747477;font-weight:500}.dn-spin{animation:dn-spin .9s linear infinite}.dn-multi-upload{background:#fff;border-radius:14px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden;font-family:var(--font-primary)}.dn-multi-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f0f4}.dn-multi-row:last-child{border-bottom:none}.dn-multi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.dn-multi-empty .dn-multi-icon{background:#F1F0F4;color:#747477}.dn-multi-uploading .dn-multi-icon{background:#F5F5FF;color:#245EA9}.dn-multi-done .dn-multi-icon{background:#E8F5E9;color:#2E7D32}.dn-multi-error .dn-multi-icon{background:#FFE9E6;color:#C0000A}.dn-multi-text{flex:1 1;min-width:0}.dn-multi-name{font-size:14px;font-weight:500;color:#44474E;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-multi-sub{font-size:12px;color:#747477;margin-top:1px}.dn-datepicker{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.08);font-family:var(--font-primary)}.dn-date-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dn-date-month{display:inline-flex;align-items:center;gap:4px;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:#1F2937}.dn-date-month i{font-size:14px;color:#3f4948}.dn-date-nav{display:inline-flex;gap:16px}.dn-date-nav i{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#3f4948;cursor:pointer;font-size:16px}.dn-date-weekrow{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px;opacity:.5}.dn-date-weekrow span{text-align:center;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.4px;color:#3f4948}.dn-date-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.dn-date-cell{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:16px;line-height:24px;letter-spacing:.15px;color:#1F2937;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s;justify-self:center}.dn-date-cell:hover{background:rgba(36,94,169,.06)}.dn-date-cell.today{color:var(--studio-primary,#245EA9)}.dn-date-cell.selected,.dn-date-cell.today{border-color:var(--studio-primary,#245EA9);font-weight:500}.dn-date-cell.selected{background:var(--studio-primary,#245EA9);color:#fff}.dn-sheet{background:#fff;border-radius:24px 24px 0 0;padding:8px 16px 24px;font-family:var(--font-primary);margin-top:8px;box-shadow:0 -8px 24px rgba(15,23,42,.08);display:flex;flex-direction:column;align-items:center;text-align:center}.dn-sheet-handle{width:36px;height:5px;background:#E3E2E5;border-radius:999px;margin:4px 0 16px;flex-shrink:0}.dn-sheet-icon{width:80px;height:80px;border-radius:50%;background:rgba(36,94,169,.1);display:inline-flex;align-items:center;justify-content:center;color:var(--studio-primary,#245EA9);font-size:40px;margin-bottom:16px}.dn-sheet-title{font-size:22px;font-weight:500;color:#1F2937;line-height:28px;letter-spacing:0;margin-bottom:8px;align-self:stretch}.dn-sheet-status{font-size:14px;line-height:20px;letter-spacing:.25px;margin-bottom:8px}.dn-sheet-body,.dn-sheet-status{font-weight:400;color:#3f4948;align-self:stretch}.dn-sheet-body{font-size:16px;line-height:24px;letter-spacing:.15px;margin-bottom:20px}.dn-sheet-actions{display:flex;flex-direction:column;gap:12px;align-self:stretch}.dn-btn-tertiary{border-radius:16px;background:transparent;border:0;cursor:pointer;font:inherit;color:var(--studio-primary,#245EA9)}.dn-btn-tertiary,.dn-sheet-actions .dn-btn{width:100%;height:56px;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}.dn-sheet-actions .dn-btn{border-radius:16px}.dn-action-sheet-stack{display:flex;flex-direction:column;gap:16px;padding:0 16px;font-family:var(--font-primary)}.dn-action-sheet-card{background:#FFFFFF;border-radius:16px;padding:0 16px;overflow:hidden}.dn-action-sheet-header{padding:16px 0;border-bottom:1px solid #e0e3e2;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.dn-action-sheet-title{font-size:16px;font-weight:500;color:#1F2937;line-height:24px;letter-spacing:.15px}.dn-action-sheet-desc{font-size:14px;font-weight:400;color:#3f4948;line-height:20px;letter-spacing:.25px;padding:0 12px}.dn-action-sheet-list{display:flex;flex-direction:column}.dn-action-sheet-row{display:flex;align-items:center;justify-content:center;height:56px;padding:0 16px;border-bottom:1px solid #e0e3e2;cursor:pointer;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:var(--studio-primary,#245EA9);text-align:center}.dn-action-sheet-row:last-child{border-bottom:none}.dn-action-sheet-row.danger{color:#C0000A}.dn-action-sheet-cancel{width:100%;height:56px;background:transparent;border:0;cursor:pointer;font:inherit;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:#C0000A}.dn-dialog-wrap{display:flex;align-items:center;justify-content:center;padding:24px}.dn-dialog{background:#fff;border-radius:16px;box-shadow:0 16px 48px rgba(15,23,42,.18);padding:8px 16px 16px;width:100%;max-width:360px;font-family:var(--font-primary);display:flex;flex-direction:column;gap:16px}.dn-dialog-row{display:flex;align-items:flex-start;gap:16px}.dn-dialog-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:26px}.dn-dialog-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.dn-dialog-info .dn-dialog-icon{color:var(--studio-primary,#245EA9)}.dn-dialog-warn .dn-dialog-icon{color:#835400}.dn-dialog-error .dn-dialog-icon{color:#C0000A}.dn-dialog-success .dn-dialog-icon{color:#2E7D32}.dn-dialog-title{font-size:20px;font-weight:500;color:#1F2937;line-height:26px;letter-spacing:.15px}.dn-dialog-subtitle{font-size:14px;font-weight:500;color:#1F2937;line-height:20px;letter-spacing:.1px;margin-top:-2px}.dn-dialog-body{font-size:14px;color:#3f4948;line-height:20px;letter-spacing:.25px}.dn-dialog-status{font-size:12px;font-weight:500;color:#C0000A;line-height:16px;letter-spacing:.4px;margin-top:4px}.dn-empty{flex-direction:column;gap:12px;padding:48px 28px;text-align:center;font-family:var(--font-primary)}.dn-empty,.dn-empty-illust{display:flex;align-items:center;justify-content:center}.dn-empty-illust{width:80px;height:80px;border-radius:999px;background:rgba(36,94,169,.1);color:var(--studio-primary,#245EA9);font-size:32px;margin-bottom:8px}.dn-empty-title{font-size:22px;font-weight:500;line-height:28px;letter-spacing:0;color:#1F2937}.dn-empty-status{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;color:#3f4948;margin-top:4px}.dn-empty-body{font-size:16px;font-weight:400;line-height:24px;letter-spacing:.15px;color:#3f4948;max-width:320px}.dn-empty-actions{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;margin-top:16px}.dn-empty-actions .dn-btn{width:100%;height:56px}.dn-empty.error .dn-empty-illust,.dn-error-state .dn-error-illust{background:#FFEDEA;color:#C0000A}.dn-qr{display:inline-block;padding:16px;background:#fff;border:1px solid #e3e2e5;border-radius:14px;position:relative;box-shadow:0 1px 4px rgba(0,0,0,.06)}.dn-qr-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px;width:168px;height:168px}.dn-qr-grid span{width:100%;aspect-ratio:1;border-radius:2px}.dn-qr-corner{position:absolute;width:36px;height:36px;border:4px solid #44474e;border-radius:6px;background:#fff}.dn-qr-corner.tl{top:12px;left:12px}.dn-qr-corner.tr{top:12px;right:12px}.dn-qr-corner.bl{bottom:12px;left:12px}.dn-radio-row{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:56px;background:#fff;border-bottom:1px solid #f1f0f4;cursor:pointer;font-family:var(--font-primary)}.dn-radio-row:last-child{border-bottom:none}.dn-radio{width:24px;height:24px;border-radius:999px;border:2px solid #c4c6ce;flex-shrink:0;position:relative;transition:border-color .15s}.dn-radio.on{border-color:var(--studio-primary,#245EA9)}.dn-radio.on:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;background:var(--studio-primary,#245EA9);border-radius:999px}.dn-radio-text{flex:1 1;min-width:0}.dn-radio-label{font-size:16px;font-weight:400;line-height:24px;color:#1F2937;letter-spacing:.15px}.dn-radio-sub{font-size:12px;font-weight:400;line-height:16px;color:#3f4948;letter-spacing:.4px;margin-top:2px}.dn-select-input{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;border:1.5px solid #e3e2e5;border-radius:10px;padding:0 14px;background:#fff;font-size:15px;cursor:pointer;transition:border-color .15s}.dn-select-input:hover{border-color:#245EA9}.dn-select-input i{color:#747477;font-size:12px}.dn-profile-hero{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.08);font-family:var(--font-primary)}.dn-profile-hero-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#245EA9,#7AACFC);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.dn-profile-hero-text{flex:1 1;min-width:0}.dn-profile-hero-name{font-size:16px;font-weight:600;color:#000}.dn-profile-hero-sub{font-size:13px;color:#747477;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-profile-hero-trail{width:40px;height:40px;border-radius:999px;background:#F1F0F4;display:flex;align-items:center;justify-content:center;color:#44474E;flex-shrink:0;cursor:pointer}.dn-stacked-row{padding:14px 16px;background:#fff;font-family:var(--font-primary)}.dn-stacked-label{font-size:13px;color:#747477;margin-bottom:4px}.dn-stacked-value{font-size:15px;font-weight:500;color:#000;word-break:break-word}.dn-info-caption{display:flex;gap:10px;padding:12px 20px;font-family:var(--font-primary);font-size:12px;color:#747477;line-height:1.5;background:transparent}.dn-info-caption i{color:#747477;flex-shrink:0;margin-top:2px;font-size:13px}.dn-footer-buttons{background:rgba(247,246,250,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 16px 16px;font-family:var(--font-primary);border-top:1px solid rgba(227,226,229,.6)}.dn-footer-buttons-stacked{flex-direction:column}.dn-footer-buttons-inline,.dn-footer-buttons-stacked{display:flex;gap:var(--dn-space-2,8px)}.dn-footer-buttons-inline .dn-btn{flex:1 1}.dn-footer-dont-show{gap:10px;font-size:13px;color:#44474E;margin-bottom:12px}.dn-footer-dont-show,.dn-footer-helper{display:flex;align-items:flex-start;line-height:1.5}.dn-footer-helper{font-size:11px;color:#747477;padding:10px 4px 0;gap:8px}.dn-footer-helper:before{content:"\f05a";font-family:Font Awesome\ 6 Free;font-weight:400;color:#747477;font-size:12px;margin-top:1px}.dn-checkbox-row{gap:12px;padding:12px 16px;min-height:56px;font-family:var(--font-primary)}.dn-checkbox,.dn-checkbox-row{display:flex;align-items:center}.dn-checkbox{width:24px;height:24px;border:2px solid #c4c6ce;border-radius:4px;flex-shrink:0;justify-content:center;transition:border-color .15s,background .15s}.dn-checkbox.on{color:#fff;font-size:13px}.dn-checkbox.indeterminate,.dn-checkbox.on{background:var(--studio-primary,#245EA9);border-color:var(--studio-primary,#245EA9)}.dn-checkbox.indeterminate:after{content:"";display:block;width:12px;height:2px;background:#fff;border-radius:1px}.dn-checkbox-text{flex:1 1;min-width:0;font-size:16px;font-weight:400;line-height:24px;color:#1F2937;letter-spacing:.15px}.dn-link{color:#245EA9;text-decoration:underline;font-weight:500}.dn-flight-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border-bottom:1px solid #f1f0f4;cursor:pointer;font-family:var(--font-primary)}.dn-flight-card:last-child{border-bottom:none}.dn-flight-logo{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.dn-flight-body{flex:1 1;min-width:0}.dn-flight-code{font-size:12px;color:#747477}.dn-flight-route{font-size:15px;font-weight:600;color:#000;margin-top:2px}.dn-flight-time{font-size:12px;color:#747477;margin-top:2px}.dn-flight-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.dn-flight-right i{color:#44474E;font-size:16px}.dn-flight-status{font-size:12px;font-weight:500}.dn-tone-green{color:#2E7D32}.dn-tone-orange{color:#E65100}.dn-tone-grey{color:#747477}.dn-tone-red{color:#C0000A}.dn-plate-chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:50px;padding:0 12px;border-radius:8px;font-family:Roboto Mono,ui-monospace,monospace;font-weight:700;color:#fff;font-size:16px;letter-spacing:1px;flex-shrink:0}.dn-plate-chip-orange{background:#C68425}.dn-plate-chip-blue{background:#245EA9}.dn-plate-chip-green{background:#2E7D32}.dn-plate-chip-red{background:#C0000A}.dn-plate-chip-grey{background:#44474E}.dn-info-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #f1f0f4;cursor:pointer;font-family:var(--font-primary)}.dn-info-row:last-child{border-bottom:none}.dn-info-row-lead{margin-right:4px}.dn-info-row-body{flex:1 1;min-width:0}.dn-info-row-title{font-size:13px;color:#44474E}.dn-info-row-sub{font-size:14px;font-weight:500;color:#000;margin-top:2px}.dn-info-row-caption{font-size:12px;color:#747477;margin-top:2px}.dn-info-row-action{background:#245EA9;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;flex-shrink:0}.dn-info-row-action:hover{background:#00468B}.dn-doc-preview{background:#fff;border-radius:16px;padding:18px 16px 16px;font-family:var(--font-primary);box-shadow:0 1px 4px rgba(0,0,0,.08);border:1px solid #e3e2e5}.dn-doc-header{display:flex;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:2px solid #c0000a;margin-bottom:12px}.dn-doc-header i{font-size:28px;color:#C0000A;flex-shrink:0}.dn-doc-org-eyebrow{font-size:11px;font-weight:600;color:#44474E;letter-spacing:.4px;text-transform:uppercase}.dn-doc-org-name{font-size:14px;font-weight:700;color:#C0000A;margin-top:2px}.dn-doc-subject{background:#FAEDE8;color:#C0000A;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.5;margin-bottom:12px}.dn-doc-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.dn-doc-meta>div{display:flex;flex-direction:column;gap:2px}.dn-doc-meta span{font-size:10px;color:#747477;text-transform:uppercase;letter-spacing:.4px}.dn-doc-meta strong{font-size:12px;color:#44474E;font-weight:500}.dn-doc-body{font-size:12px;color:#44474E;line-height:1.6;padding:10px 0;border-top:1px dashed #e3e2e5;border-bottom:1px dashed #e3e2e5;margin-bottom:12px}.dn-doc-stamp{background:#C0000A;color:#fff;padding:8px 12px;border-radius:6px;display:flex;gap:8px;align-items:center;font-size:11px;line-height:1.4}.dn-doc-stamp i{font-size:14px}.dn-sign-btn{width:100%;height:64px;border-radius:16px;background:#fff;border:1.5px solid #e3e2e5;display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--font-primary);font-size:16px;font-weight:500;color:#44474E;cursor:pointer;box-shadow:0 0 24px rgba(0,0,0,.04);transition:border-color .15s,transform .12s}.dn-sign-btn:hover{border-color:#245EA9;transform:translateY(-1px)}.dn-sign-btn i{font-size:26px;color:#C0000A}.dn-date-pill{display:inline-flex;flex-direction:column;align-items:stretch;width:44px;border-radius:6px;background:#fff;border:1px solid #e3e2e5;overflow:hidden;font-family:var(--font-primary);box-shadow:0 1px 2px rgba(0,0,0,.06)}.dn-date-pill-month{padding:2px 0;text-align:center;font-size:10px;font-weight:700;color:#fff;letter-spacing:.4px;text-transform:uppercase}.dn-date-pill-day{padding:4px 0 6px;text-align:center;font-size:16px;font-weight:700;color:#44474E}.dn-date-pill-red .dn-date-pill-month{background:#C0000A}.dn-date-pill-blue .dn-date-pill-month{background:#245EA9}.dn-date-pill-green .dn-date-pill-month{background:#2E7D32}.dn-date-pill-orange .dn-date-pill-month{background:#E65100}.dn-date-pill-sm{width:36px}.dn-date-pill-sm .dn-date-pill-day{font-size:14px;padding:3px 0 4px}.dn-event-banner{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer;font-family:var(--font-primary);transition:transform .15s}.dn-event-banner:hover{transform:translateY(-1px)}.dn-event-banner-img{height:110px;background-size:cover;background-position:50%}.dn-event-banner-body{padding:10px 12px 12px}.dn-event-banner-dates{font-size:12px;color:#44474E;line-height:1.5;margin-bottom:8px}.dn-event-banner-row{display:flex;gap:12px;align-items:flex-start}.dn-event-banner-title{flex:1 1;font-size:13px;font-weight:500;color:#44474E;line-height:1.4}.dn-menu-list{background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(15,23,42,.08);padding:4px;font-family:var(--font-primary)}.dn-menu-list-title{font-weight:500;padding:12px 12px 8px}.dn-menu-item,.dn-menu-list-title{font-size:16px;color:#1F2937;line-height:24px;letter-spacing:.15px}.dn-menu-item{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;font-weight:400;border-bottom:1px solid #e0e3e2;cursor:pointer;transition:background .12s}.dn-menu-item:last-child{border-bottom:none}.dn-menu-item:hover{background:rgba(36,94,169,.04)}.dn-menu-item i{color:#3f4948;font-size:20px;width:24px;text-align:center}.dn-menu-item.danger,.dn-menu-item.danger i{color:#C0000A}.dn-selector-sheet{padding-bottom:20px;align-items:stretch!important;text-align:left!important}.dn-selector-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 0}.dn-selector-title{font-size:16px;font-weight:500;color:#1F2937;line-height:24px;letter-spacing:.15px}.dn-selector-head i{color:#3f4948;cursor:pointer;padding:6px;font-size:16px}.dn-selector-wheel{position:relative;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:4px;max-height:240px;overflow:hidden}.dn-selector-opt{padding:8px 24px;border-radius:999px;font-size:14px;line-height:20px;letter-spacing:.25px;transition:all .18s}.dn-selector-opt.far{color:#C4C6CE;opacity:.5;font-size:12px;line-height:16px;letter-spacing:.4px}.dn-selector-opt.near{color:#3f4948;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.dn-selector-opt.sel{background:#E0E6EE;color:var(--studio-primary,#245EA9);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.15px;padding:8px 28px}.dn-chatbot{display:flex;align-items:flex-end;gap:10px;font-family:var(--font-primary)}.dn-chatbot-body{flex:1 1;background:#245EA9;color:#fff;padding:14px 16px;border-radius:16px 16px 16px 4px}.dn-chatbot-msg{font-size:14px;margin-bottom:12px}.dn-chatbot-chips{display:flex;gap:8px;flex-wrap:wrap}.dn-chatbot-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#44474E;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer}.dn-chatbot-chip i{color:#245EA9;font-size:12px}.dn-chatbot-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#245EA9,#7AACFC);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.dn-inline-toast{display:flex;flex-direction:column;padding:16px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.12);font-family:var(--font-primary);color:#FFFFFF}.dn-inline-toast-row{display:flex;align-items:center;gap:8px}.dn-inline-toast-icon{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:22px}.dn-inline-toast-msg{flex:1 1;min-width:0;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.dn-inline-toast-pill{flex-shrink:0;height:32px;padding:0 16px;border-radius:999px;background:#FFFFFF;border:0;font:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;cursor:pointer}.dn-inline-toast-bottom{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.dn-inline-toast-textbtn{height:24px;padding:0 8px;border-radius:999px;background:transparent;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;color:rgba(255,255,255,.85)}.dn-inline-toast-textbtn-primary{color:#FFFFFF;font-weight:600}.dn-inline-toast-primary{background:var(--studio-primary,#245EA9)}.dn-inline-toast-primary .dn-inline-toast-pill{color:var(--studio-primary,#245EA9)}.dn-inline-toast-info{background:#0F3D7A}.dn-inline-toast-info .dn-inline-toast-pill{color:#0F3D7A}.dn-inline-toast-success{background:#1B5E20}.dn-inline-toast-success .dn-inline-toast-pill{color:#1B5E20}.dn-inline-toast-warn{background:#643F00}.dn-inline-toast-warn .dn-inline-toast-pill{color:#643F00}.dn-inline-toast-error{background:#930005}.dn-inline-toast-error .dn-inline-toast-pill{color:#930005}.dn-stepper-h{display:flex;align-items:flex-start;padding:12px 20px;gap:0;font-family:var(--font-primary)}.dn-stepper-h-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.dn-stepper-h-ring{width:40px;height:40px;border-radius:999px;border:2px solid #245ea9;background:#fff;color:#245EA9;display:flex;align-items:center;justify-content:center;font-size:20px}.dn-stepper-h-label{font-size:11px;font-weight:500;color:#245EA9;text-align:center;max-width:80px}.dn-stepper-j{display:flex;flex-direction:column;gap:16px;font-family:var(--font-primary)}.dn-step-j{display:grid;grid-template-columns:40px 1fr;grid-gap:16px;gap:16px;position:relative}.dn-step-j:not(:last-child):before{content:"";position:absolute;left:19px;top:56px;bottom:-20px;border-left:1.5px dashed #c4c6ce;z-index:0}.dn-step-j-done:not(:last-child):before{border-left-color:var(--studio-primary,#245EA9);border-left-style:solid}.dn-step-j-rail{display:flex;flex-direction:column;position:relative;padding-top:12px}.dn-step-j-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#C4C6CE;flex-shrink:0;background:transparent;position:relative;z-index:1;padding:0 4px}.dn-step-j-active .dn-step-j-icon,.dn-step-j-done .dn-step-j-icon{color:var(--studio-primary,#245EA9)}.dn-step-j-connector{display:none}.dn-step-j-body{background:#FFFFFF;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);border:1.5px solid transparent;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.dn-step-j-active .dn-step-j-body{border-color:var(--studio-primary,#245EA9);box-shadow:0 4px 16px rgba(36,94,169,.12),0 1px 3px rgba(36,94,169,.08)}.dn-step-j-status{display:inline-flex;align-self:flex-start;padding:2px 0;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.dn-step-j-status-green{color:#1B5E20}.dn-step-j-status-primary{color:var(--studio-primary,#245EA9)}.dn-step-j-status-amber{color:#835400}.dn-step-j-status-red{color:#C0000A}.dn-step-j-title{font-size:20px;font-weight:600;color:#1F2937;line-height:26px;letter-spacing:.15px}.dn-step-j-next .dn-step-j-title{color:#C4C6CE;font-weight:500}.dn-step-j-desc{font-size:14px;line-height:20px;color:#3f4948;letter-spacing:.25px}.dn-step-j-next .dn-step-j-desc{color:#C4C6CE}.dn-step-j-cta{align-self:flex-end;margin-top:12px;background:var(--studio-primary,#245EA9);color:#FFFFFF;border:0;padding:10px 24px;border-radius:999px;font:inherit;font-size:15px;font-weight:500;letter-spacing:.15px;cursor:pointer;box-shadow:0 4px 12px rgba(36,94,169,.24);transition:filter .12s ease,transform 80ms ease}.dn-step-j-cta:hover{filter:brightness(1.08)}.dn-step-j-cta:active{transform:scale(.97)}.dn-stepper-h-done .dn-stepper-h-ring{background:#245EA9;color:#fff}.dn-stepper-h-done .dn-stepper-h-label{color:#44474E}.dn-stepper-h-next .dn-stepper-h-ring{border-color:#C4C6CE;color:#C4C6CE}.dn-stepper-h-next .dn-stepper-h-label{color:#747477}.dn-stepper-h-line{flex:1 1;height:2px;margin-top:20px;background:#C4C6CE;min-width:32px}.dn-stepper-h-line-done{background:#245EA9}.dn-stepper-h-line-active{background:linear-gradient(90deg,#245EA9 50%,#C4C6CE 0)}.dn-page-controls{display:flex;justify-content:center;gap:6px;padding:12px 20px;align-items:center}.dn-page-dot{border-radius:50%;background:#B0B3BC;transition:width .2s ease,height .2s ease,background .2s ease;flex-shrink:0}.dn-page-dot.active{background:var(--studio-primary,#245EA9)}.dn-pill-tabs{height:32px;padding:0 4px;border-radius:999px;background:#E0E6EE;font-family:var(--font-primary)}.dn-pill-tab,.dn-pill-tabs{display:inline-flex;align-items:center}.dn-pill-tab{justify-content:center;height:24px;min-width:60px;padding:4px 8px;border-radius:16px;font-size:14px;line-height:20px;color:#1F2937;background:transparent;border:.5px solid transparent;transition:background .14s ease,box-shadow .14s ease}.dn-pill-tab.active{background:#FFFFFF;border-color:#FFFFFF;box-shadow:0 2px 3px rgba(0,0,0,.12);min-width:auto}.dn-pill-tabs.is-disabled{opacity:.5;pointer-events:none}.dn-pill-tabs.is-error{box-shadow:0 0 0 1px rgba(211,47,47,.4)}.dn-cal-small{display:inline-flex;flex-direction:column;align-items:stretch;width:40px;min-height:42px;background:#FFFFFF;border-radius:4px;overflow:hidden;font-family:var(--font-primary)}.dn-cal-small-date{height:21px;line-height:21px;font-size:16px;font-weight:500;color:#1F2937;text-align:center;letter-spacing:.15px}.dn-cal-small-month{padding:2px 0;font-size:12px;font-weight:500;line-height:16px;color:#FFFFFF;text-align:center;letter-spacing:.5px}.dn-cal-small-red .dn-cal-small-month{background:#C0000A}.dn-cal-small-primary .dn-cal-small-month{background:var(--studio-primary,#245EA9)}.dn-cal-small-green .dn-cal-small-month{background:#2E7D32}.dn-cal-small-gray .dn-cal-small-month{background:#44474E}.dn-cal-small.is-disabled{opacity:.5}.dn-cal-small.is-error{box-shadow:0 0 0 1px #D32F2F}.dn-cal{background:#FFFFFF;border-radius:16px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.08);font-family:var(--font-primary)}.dn-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dn-cal-monthrow{display:inline-flex;align-items:center;gap:4px}.dn-cal-month{font-size:16px;font-weight:500;color:#1F2937;line-height:24px}.dn-cal-monthrow i{font-size:14px;color:#44474E}.dn-cal-nav{display:inline-flex;align-items:center;gap:16px}.dn-cal-nav i{font-size:16px;color:#44474E}.dn-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);opacity:.5;margin-bottom:8px}.dn-cal-dow span{font-size:11px;font-weight:500;color:#44474E;text-align:center;letter-spacing:.04em}.dn-cal-grid{display:flex;flex-direction:column;gap:8px}.dn-cal-row{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.dn-cal-cell{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;font-size:15px;color:#1F2937;border-radius:999px;border:1px solid transparent}.dn-cal-cell.empty{color:transparent}.dn-cal-cell.selected{border-color:var(--studio-primary,#245EA9);color:var(--studio-primary,#245EA9);font-weight:500}.dn-cal-event{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:14px;height:6px;background:var(--studio-primary,#245EA9);border-radius:999px}.dn-wheel{background:#FFFFFF;border-radius:16px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.08);font-family:var(--font-primary)}.dn-wheel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dn-wheel-title{font-size:20px;font-weight:500;color:#1F2937;line-height:26px}.dn-wheel-close{font-size:18px;color:#44474E;cursor:pointer}.dn-wheel-cols{display:flex;flex-direction:column;gap:8px}.dn-wheel-labels,.dn-wheel-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.dn-wheel-labels{opacity:.38}.dn-wheel-labels span{font-size:12px;line-height:16px;color:#44474E;text-align:center;padding:0 10px}.dn-wheel-row span{height:48px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:20px;color:#44474E;border-radius:999px}.dn-wheel-row.active span{background:var(--studio-active,#E0E6EE);font-size:16px;font-weight:500;color:var(--studio-primary,#245EA9);border-radius:16px}.dn-wheel-cta{width:100%;height:56px;margin-top:16px;background:var(--studio-primary,#245EA9);color:#fff;border:0;border-radius:16px;font:inherit;font-size:16px;font-weight:500;cursor:pointer}.dn-list-dialog{background:#FFFFFF;border-radius:16px;padding:8px 16px 16px;box-shadow:0 1px 4px rgba(0,0,0,.08);font-family:var(--font-primary)}.dn-list-dialog-head{padding:8px 0 4px;display:flex;flex-direction:column;gap:4px}.dn-list-dialog-title{font-size:18px;font-weight:500;color:#1F2937;line-height:26px}.dn-list-dialog-sub{font-size:16px;color:#1F2937;line-height:24px}.dn-list-dialog-body{font-size:14px;color:#44474E;line-height:20px}.dn-list-dialog-list{display:flex;flex-direction:column;margin-top:12px}.dn-list-dialog-row{height:56px;display:flex;align-items:center;gap:16px;padding:12px 0;cursor:pointer}.dn-list-dialog-row i{width:24px;font-size:20px;color:var(--studio-primary,#245EA9);text-align:center}.dn-list-dialog-row span{font-size:16px;color:#1F2937;line-height:24px;flex:1 1;min-width:0}.dn-list-dialog-row:hover{background:var(--studio-active,rgba(36,94,169,.06));border-radius:8px}.dn-list-dialog-actions{display:flex;flex-direction:column;gap:16px;margin-top:16px}.dn-org-card{background:#FFFFFF;border-radius:16px;padding:16px;display:flex;align-items:flex-start;gap:16px;font-family:var(--font-primary);box-shadow:0 1px 4px rgba(0,0,0,.06)}.dn-org-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:16px;position:relative}.dn-org-card-hier .dn-org-card-body:before{content:"";position:absolute;left:20px;top:24px;bottom:24px;width:1px;background:#D7E0DE}.dn-org-row{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.dn-org-avatar{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#E0E6EE;color:#44474E;font-size:14px;font-weight:500;overflow:hidden}.dn-org-avatar-1{width:24px;height:24px;border-radius:8px;background:#E6F0EE;font-size:12px;line-height:16px}.dn-org-avatar-2{width:32px;height:32px;font-size:16px}.dn-org-avatar-3{width:40px;height:40px;font-size:18px}.dn-org-text-sm{flex:1 1;min-width:0;font-size:12px;line-height:16px;color:#44474E;letter-spacing:.4px}.dn-org-text-lg{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center}.dn-org-name{font-size:16px;font-weight:500;color:#1F2937;line-height:24px;letter-spacing:.15px}.dn-org-sub{font-size:12px;color:#44474E;line-height:16px;letter-spacing:.4px}.dn-org-chevron{font-size:18px;color:#44474E;flex-shrink:0;align-self:center}.dn-get-started{width:132px;min-height:132px;padding:16px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;gap:16px;cursor:pointer;font-family:var(--font-primary);transition:transform .12s ease,box-shadow .12s ease}.dn-get-started:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08)}.dn-get-started-icon{font-size:20px;color:#3f4948}.dn-get-started-body{display:flex;flex-direction:column;gap:4px}.dn-get-started-title{font-size:16px;font-weight:500;color:#1F2937;line-height:24px;letter-spacing:.15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-get-started-desc{font-size:12px;font-weight:400;color:#3f4948;line-height:16px;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dn-get-started-blue{background:linear-gradient(140deg,#EBEEF0 14%,#CADBE2 87%)}.dn-get-started-green{background:linear-gradient(140deg,#EEF2E9 14%,#C8DBBD 87%)}.dn-get-started-purple{background:linear-gradient(140deg,#EEEAF1 14%,#D5C9DA 87%)}.dn-get-started-teal{background:linear-gradient(140deg,#E5EFEC 14%,#BCD7CF 87%)}.dn-get-started-red{background:linear-gradient(140deg,#F3EAEA 14%,#DEBFBE 87%)}.dn-get-started-orange{background:linear-gradient(140deg,#F3EDE5 14%,#E6CCAB 87%)}.dn-action-card{background:#FFFFFF;border-radius:16px;padding:16px;display:flex;gap:12px;box-shadow:0 4px 8px -2px rgba(0,0,0,.08);cursor:pointer;font-family:var(--font-primary);transition:transform .12s ease,box-shadow .12s ease}.dn-action-card:hover{transform:translateY(-1px);box-shadow:0 6px 14px -2px rgba(0,0,0,.1)}.dn-action-card.is-tonal{background:var(--studio-active,#E0E6EE);box-shadow:none}.dn-action-card-left{flex-direction:row;align-items:flex-start}.dn-action-card-top{flex-direction:column;align-items:flex-start}.dn-action-card-icon{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:#3f4948}.dn-action-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.dn-action-card-category{font-size:14px;line-height:20px;color:#1F2937;letter-spacing:.25px}.dn-action-card-title{font-size:16px;font-weight:500;line-height:24px;color:#1F2937;letter-spacing:.15px}.dn-action-card-status{padding-top:4px;font-size:12px;line-height:16px;color:#3f4948;letter-spacing:.4px}.dn-small-card{background:#F2F4F3;border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;font-family:var(--font-primary);min-height:48px}.dn-small-card-large{min-height:96px;align-items:flex-start}.dn-small-card-large .dn-small-card-body{padding-top:0}.dn-small-card-icon{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:#3f4948}.dn-small-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.dn-small-card-title{font-size:14px;line-height:20px;color:#1F2937;letter-spacing:.25px}.dn-small-card-sub{color:#1F2937;padding-top:2px}.dn-small-card-helper,.dn-small-card-sub{font-size:12px;line-height:16px;letter-spacing:.4px}.dn-small-card-helper{color:#3f4948;padding-top:4px}.dn-small-card-chevron{font-size:14px;color:#3f4948;flex-shrink:0;align-self:center}.dn-bg-shade{width:100%;pointer-events:none}.dn-bg-shade-primary{--shade-color:36,94,169}.dn-bg-shade-dark{--shade-color:31,41,55}.dn-bg-shade-red{--shade-color:192,0,10}.dn-bg-shade-fade-bottom{background:linear-gradient(to bottom,transparent 0,rgba(var(--shade-color),.4) 100%)}.dn-bg-shade-fade-top{background:linear-gradient(to top,transparent 0,rgba(var(--shade-color),.4) 100%)}.dn-bg-shade-fade-left{background:linear-gradient(to left,transparent 0,rgba(var(--shade-color),.4) 100%)}.dn-bg-shade-fade-right{background:linear-gradient(to right,transparent 0,rgba(var(--shade-color),.4) 100%)}.dn-bg-shade-blurred{background:radial-gradient(circle at center,rgba(var(--shade-color),.4) 0,transparent 70%)}.dn-progress-circle{border-radius:50%;position:relative;display:inline-flex;align-items:center;justify-content:center}.dn-progress-circle:after{content:"";position:absolute;inset:4px;background:#FFFFFF;border-radius:50%}.dn-progress-circle-inner{z-index:1;font-size:12px;font-weight:500;line-height:16px;color:#3f4948;letter-spacing:.5px}.dn-donut-chart,.dn-progress-circle-inner{position:relative;font-family:var(--font-primary)}.dn-donut-chart{width:128px;height:128px;display:inline-flex}.dn-donut-chart,.dn-donut-chart-center{align-items:center;justify-content:center}.dn-donut-chart-center{position:absolute;inset:0;display:flex;flex-direction:column;text-align:center;color:#3f4948}.dn-donut-chart-value{font-size:20px;font-weight:500;line-height:26px;letter-spacing:.15px}.dn-donut-chart-caption{font-size:14px;line-height:20px;letter-spacing:.25px}.dn-sparkline{display:inline-flex;align-items:flex-end;gap:3px;width:40px;height:32px}.dn-sparkline-bar{width:4px;border-radius:8px;background:#D2DCDB;flex-shrink:0}.dn-sparkline-bar.active{background:var(--studio-primary,#245EA9)}.dn-bar-ranking{display:flex;flex-direction:column;gap:2px;font-family:var(--font-primary)}.dn-bar-ranking-row{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;align-items:center;grid-gap:8px;gap:8px;height:24px}.dn-bar-ranking-label{font-size:12px;line-height:16px;color:#3f4948;letter-spacing:.4px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-bar-ranking-bar{height:11px;border-radius:0 8px 8px 0}.dn-bar-ranking-green{background:#0D6D2D}.dn-bar-ranking-amber{background:#C78200}.dn-bar-ranking-red{background:#C0000A}.dn-carousel{background:#FFFFFF;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);font-family:var(--font-primary);cursor:pointer}.dn-carousel-full-photo{aspect-ratio:16/9}.dn-carousel-img{width:100%;height:100%;object-fit:cover;display:block}.dn-carousel-overlay{position:absolute;left:16px;right:16px;bottom:32px;color:#FFFFFF;text-shadow:0 2px 8px rgba(0,0,0,.4)}.dn-carousel-icon-left,.dn-carousel-photo-left{display:flex;align-items:center;gap:16px;padding:16px}.dn-carousel-thumb{width:84px;height:84px;border-radius:12px;object-fit:cover;flex-shrink:0}.dn-carousel-icon{width:56px;height:56px;border-radius:12px;background:#E0E6EE;color:var(--studio-primary,#245EA9);display:inline-flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.dn-carousel-row-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.dn-carousel-title{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px;color:#1F2937}.dn-carousel-full-photo .dn-carousel-title{color:#FFFFFF;font-size:18px;line-height:26px}.dn-carousel-desc{font-size:12px;line-height:16px;color:#3f4948;letter-spacing:.4px}.dn-carousel-full-photo .dn-carousel-desc{color:rgba(255,255,255,.92);font-size:14px;line-height:20px}.dn-carousel-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;gap:4px;justify-content:center}.dn-carousel-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)}.dn-carousel-dot.active{width:18px;border-radius:999px;background:#FFFFFF}.dn-carousel-icon-left .dn-carousel-dots,.dn-carousel-photo-left .dn-carousel-dots{position:static;margin-top:12px}.dn-carousel-icon-left .dn-carousel-dot,.dn-carousel-photo-left .dn-carousel-dot{background:#C4C6CE}.dn-carousel-icon-left .dn-carousel-dot.active,.dn-carousel-photo-left .dn-carousel-dot.active{background:var(--studio-primary,#245EA9)}.dn-event-card{background:#FFFFFF;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer;font-family:var(--font-primary)}.dn-event-card-vertical{display:flex;flex-direction:column}.dn-event-card-horizontal{display:grid;grid-template-columns:56px 1fr;grid-gap:16px;gap:16px;padding:12px;align-items:center}.dn-event-card-img{width:100%;object-fit:cover}.dn-event-card-vertical .dn-event-card-img{height:168px}.dn-event-card-horizontal .dn-event-card-img{width:56px;height:56px;border-radius:12px}.dn-event-card-body{padding:16px;display:flex;flex-direction:column;gap:8px}.dn-event-card-horizontal .dn-event-card-body{padding:0;justify-content:center}.dn-event-card-meta{display:flex;align-items:center;gap:8px}.dn-event-card-date{gap:6px;color:#3f4948;letter-spacing:.4px}.dn-event-card-date,.dn-event-card-tag{display:inline-flex;align-items:center;font-size:12px;line-height:16px}.dn-event-card-tag{height:24px;padding:0 10px;border-radius:999px;font-weight:500;letter-spacing:.5px}.dn-event-card-tag-green{background:#E8F5E9;color:#1B5E20}.dn-event-card-tag-amber{background:#FFF3E0;color:#643F00}.dn-event-card-tag-red{background:#FFEDEA;color:#930005}.dn-event-card-tag-blue{background:#E6F0F7;color:#0F3D7A}.dn-event-card-title{font-size:16px;font-weight:500;line-height:24px;color:#1F2937;letter-spacing:.15px}.dn-event-card-location{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;color:#3f4948;letter-spacing:.4px}.dn-donation-card{background:#FFFFFF;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);font-family:var(--font-primary)}.dn-donation-card-img{width:100%;height:168px;object-fit:cover;display:block}.dn-donation-card-body{padding:16px;display:flex;flex-direction:column;gap:12px}.dn-donation-card-title{font-size:16px;font-weight:500;line-height:24px;color:#1F2937;letter-spacing:.15px}.dn-donation-card-progress{background:#E0E6EE;height:8px;border-radius:999px;overflow:hidden}.dn-donation-card-progress-bar{display:block;height:100%;background:var(--studio-primary,#245EA9);border-radius:999px}.dn-donation-card-amounts{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:16px;color:#3f4948;letter-spacing:.4px}.dn-donation-card-amounts strong{color:#1F2937;font-weight:600;font-size:14px}.dn-payment-card{position:relative;height:200px;padding:24px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;color:#FFFFFF;font-family:var(--font-primary);cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.12)}.dn-payment-card.is-compact{height:84px;padding:16px 24px;justify-content:center}.dn-payment-card-blue{background:linear-gradient(135deg,#245EA9,#0F3D7A)}.dn-payment-card-dark{background:linear-gradient(135deg,#1F2937,#0a0d12)}.dn-payment-card-purple{background:linear-gradient(135deg,#6B5BD3,#341E94)}.dn-payment-card.is-compact.dn-payment-card-blue{background:linear-gradient(135deg,#1A4D8F,#0A2E5C)}.dn-payment-card.is-compact.dn-payment-card-dark{background:linear-gradient(135deg,#14181E,#03050A)}.dn-payment-card.is-compact.dn-payment-card-purple{background:linear-gradient(135deg,#5048A8,#1E1466)}.dn-payment-card-brand{font-size:16px;font-weight:600;letter-spacing:1px}.dn-payment-card-num{font-size:18px;letter-spacing:2px;font-family:ui-monospace,SFMono-Regular,monospace}.dn-payment-card-foot{display:flex;justify-content:space-between;align-items:flex-end;font-size:13px;letter-spacing:.5px}.dn-payment-card-name{font-weight:500;text-transform:uppercase}.dn-payment-card-exp{font-family:ui-monospace,SFMono-Regular,monospace}.dn-parking-slot{background:#FFFFFF;border-radius:16px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.08);font-family:var(--font-primary)}.dn-parking-slot-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f0f4}.dn-parking-slot-row:last-of-type{border-bottom:none}.dn-parking-slot-label{font-size:12px;line-height:16px;color:#3f4948;letter-spacing:.4px;text-transform:uppercase}.dn-parking-slot-value{font-size:16px;line-height:24px;color:#1F2937;letter-spacing:.15px;font-weight:500}.dn-parking-slot-value-strong{font-size:24px;line-height:28px;font-weight:600}.dn-parking-slot-status{margin-top:12px;display:inline-flex;align-items:center;align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--studio-active,#E0E6EE);color:var(--studio-primary,#245EA9);font-size:12px;font-weight:500;letter-spacing:.5px}.dn-special-alert{display:flex;flex-direction:column;padding:16px 8px;border-radius:16px;border:1px solid transparent;font-family:var(--font-primary);cursor:pointer}.dn-special-alert-row{display:flex;align-items:flex-start;gap:16px}.dn-special-alert-icon{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:24px}.dn-special-alert-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:6px}.dn-special-alert-title{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}.dn-special-alert-desc{font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;opacity:.92}.dn-special-alert-pill{flex-shrink:0;align-self:center;height:32px;padding:0 16px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.dn-special-alert-close{width:40px;height:40px;flex-shrink:0;background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.dn-special-alert-bottom{display:flex;justify-content:flex-end;gap:8px;padding:8px 8px 0}.dn-special-alert-textbtn{height:32px;padding:0 12px;border-radius:999px;background:transparent;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;opacity:.78}.dn-special-alert-textbtn-primary{opacity:1;font-weight:600}.dn-special-alert-orange{background:#FFFCF5;border-color:#EDE9E2;color:#643F00}.dn-special-alert-orange .dn-special-alert-pill{background:#FFEEDD;color:#835400}.dn-special-alert-red{background:#FFF8F7;border-color:#F0E1DF;color:#930005}.dn-special-alert-red .dn-special-alert-pill{background:#FFEDEA;color:#C0000A}.dn-special-alert-green{background:#F8FCF8;border-color:#DDEBDD;color:#1B5E20}.dn-special-alert-green .dn-special-alert-pill{background:#E8F5E9;color:#2E7D32}.dn-special-alert-blue{background:#F7FAFD;border-color:#DCE6F0;color:#0F3D7A}.dn-special-alert-blue .dn-special-alert-pill{background:#E6F0F7;color:var(--studio-primary,#245EA9)}.dn-special-alert-purple{background:#FAF7FD;border-color:#E5DCEE;color:#3F1F8A}.dn-special-alert-purple .dn-special-alert-pill{background:#ECE5F5;color:#6B5BD3}.dn-benefits-card{position:relative;height:256px;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08);font-family:var(--font-primary)}.dn-benefits-card-img{width:100%;height:100%;object-fit:cover;display:block}.dn-benefits-card-overlay{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.dn-benefits-card-eyebrow{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--studio-primary,#245EA9);color:#FFFFFF;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dn-benefits-card-title{font-size:18px;font-weight:500;line-height:26px;color:#1F2937;letter-spacing:.1px}.dn-benefits-card-cta{align-self:flex-start;border:0;padding:0;background:transparent;color:var(--studio-primary,#245EA9);font:inherit;font-size:14px;font-weight:500;gap:6px}.dn-benefits-card-cta,.dn-time-chip{cursor:pointer;display:inline-flex;align-items:center}.dn-time-chip{flex-direction:column;justify-content:center;width:84px;height:56px;border-radius:16px;background:#EBF6F4;color:#1F2937;font-family:var(--font-primary);transition:background .12s ease,color .12s ease,transform 80ms ease}.dn-time-chip:active{transform:scale(.97)}.dn-time-chip-label{font-size:12px;line-height:16px;letter-spacing:.5px;font-weight:500}.dn-time-chip-time{font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:600}.dn-time-chip.is-active{background:var(--studio-primary,#245EA9);color:#FFFFFF}.dn-profile-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:16px;background:#FFFFFF;cursor:pointer;font-family:var(--font-primary);min-height:56px}.dn-profile-bar.has-shadow{box-shadow:0 1px 4px rgba(0,0,0,.08)}.dn-profile-bar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#245EA9,#7AACFC);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.dn-profile-bar-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.dn-profile-bar-name{font-size:16px;font-weight:500;line-height:24px;color:#1F2937;letter-spacing:.15px}.dn-profile-bar-meta{font-size:12px;line-height:16px;color:#3f4948;letter-spacing:.4px}.dn-profile-bar-chevron{font-size:14px;color:#3f4948;flex-shrink:0}.dn-chatbot-input{background:#FFFFFF;display:flex;align-items:flex-end;gap:8px;padding:8px 16px;font-family:var(--font-primary)}.dn-chatbot-input-more{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:#44474E;flex-shrink:0}.dn-chatbot-input-pill{flex:1 1;min-width:0;min-height:40px;background:#EBF6F4;display:flex;align-items:center;padding:10px 16px;border-radius:999px;overflow:hidden}.dn-chatbot-input-text{font-size:14px;line-height:20px;color:#1F2937;letter-spacing:.25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.dn-chatbot-input-text.is-placeholder{color:#747477}.dn-chatbot-input-send{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--studio-primary,#245EA9);color:#FFFFFF;border:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.dn-chatbot-helper{display:flex;align-items:center;gap:8px;padding:4px 0;font-family:var(--font-primary)}.dn-chatbot-helper-label{font-size:12px;font-weight:500;line-height:16px;color:#1F2937;letter-spacing:.5px;flex:1 1;min-width:0}.dn-chatbot-helper-buttons{display:inline-flex;gap:8px;flex-shrink:0}.dn-chatbot-helper-chip{height:32px;padding:0 12px;border-radius:999px;border:0;background:#EBF6F4;color:var(--studio-primary,#245EA9);font:inherit;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.dn-link-btn{background:transparent;border:none;padding:6px 0;font-family:var(--font-primary);font-size:14px;font-weight:500;color:#245EA9;cursor:pointer}.dn-link-btn:hover{color:#00468B;text-decoration:underline}.dn-icon-btn{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background .15s,color .15s,transform .12s;border:none;background:transparent;font-family:inherit}.dn-icon-btn:active{transform:scale(.92)}.dn-icon-btn-primary{color:#245EA9}.dn-icon-btn-charcoal{color:#44474E}.dn-icon-btn-error{color:#C0000A}.dn-icon-btn-plain:hover{background:rgba(0,0,0,.06)}.dn-icon-btn-tonal,.dn-icon-btn-tonal.dn-icon-btn-primary{background:#F5F5FF}.dn-icon-btn-tonal.dn-icon-btn-charcoal{background:#F1F0F4}.dn-icon-btn-tonal.dn-icon-btn-error{background:#FFE9E6}.dn-icon-btn-filled{color:#fff}.dn-icon-btn-filled.dn-icon-btn-primary{background:#245EA9}.dn-icon-btn-filled.dn-icon-btn-charcoal{background:#44474E}.dn-icon-btn-filled.dn-icon-btn-error{background:#C0000A}.dn-fav-card{background:#fff;border-radius:14px;padding:18px 16px 16px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer;font-family:var(--font-primary);transition:transform .15s ease,box-shadow .15s ease;max-width:200px}.dn-fav-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.08)}.dn-fav-card-icon{width:40px;height:40px;border-radius:999px;border:1.5px solid #44474e;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:18px;color:#44474E}.dn-fav-card-title{font-size:16px;font-weight:600;color:#1F2937;margin-bottom:4px}.dn-fav-card-helper{font-size:13px;color:#747477}.dn-info-widget{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.06);cursor:pointer;font-family:var(--font-primary);transition:box-shadow .15s ease,transform .15s ease}.dn-info-widget:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.08)}.dn-info-widget-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.dn-info-widget-leading{color:#44474E;font-size:26px}.dn-info-widget-chev{color:#C4C6CE;font-size:14px}.dn-info-widget-name{font-size:18px;font-weight:500;color:#1F2937;line-height:26px;letter-spacing:.1px;margin-bottom:4px}.dn-info-widget-headline{font-size:12px;font-weight:400;color:var(--studio-primary,#245EA9);line-height:16px;letter-spacing:.4px;margin-bottom:4px}.dn-info-widget-row{display:flex;align-items:flex-end;gap:12px}.dn-info-widget-desc{flex:1 1;font-size:13px;color:#747477;line-height:1.5}.dn-info-widget-trailing{color:#44474E;font-size:24px;flex-shrink:0}.dn-helper-text{display:flex;align-items:center;gap:6px;padding:8px 20px;font-family:var(--font-primary);font-size:12px;color:#747477}.dn-helper-text i{font-size:12px}.dn-helper-text.dn-helper-md{font-size:13px;padding:10px 20px}.dn-helper-text.dn-helper-md i{font-size:13px}.dn-ff-plate-entry,.dn-ff-plate-entry-row{display:flex;align-items:center}.dn-ff-plate-entry{gap:16px;width:100%;flex-wrap:wrap}.dn-ff-plate-pill{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;font-family:var(--font-primary);font-size:14px;color:#245EA9;cursor:pointer;padding:4px 0}.dn-ff-plate-pill i{font-size:11px}.dn-ff-plate-pill-emirate{padding:4px 8px;border:1.5px solid #44474e;border-radius:4px;color:#44474E}.dn-ff-plate-emirate-mini{font-family:Roboto Mono,ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.4px}.dn-ff-plate-number-input{color:#C4C6CE;font-size:15px;font-weight:500;flex:1 1}.canvas-frame.tablet .canvas-slot-content{padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}.canvas-frame.tablet .dn-banner,.canvas-frame.tablet .dn-card-group,.canvas-frame.tablet .dn-ff-card{max-width:720px;margin-left:auto;margin-right:auto}.canvas-frame.tablet .dn-btn{max-width:560px;margin-left:auto;margin-right:auto}:root{--desktop-col:640px;--desktop-two-col:960px}.canvas-frame.desktop .canvas-slot-content{padding:32px 24px;max-width:var(--desktop-two-col);margin-left:auto;margin-right:auto;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));grid-auto-flow:dense;grid-gap:12px 32px;gap:12px 32px;align-items:start}.canvas-frame.desktop .canvas-slot-content>.node-wrap:has(.dn-generic-header),.canvas-frame.desktop .canvas-slot-content>.node-wrap:has(.dn-page-header){grid-column:1/-1}.canvas-frame.desktop .canvas-slot-content>.node-wrap[data-bleed=true]{grid-column:1/-1}.canvas-frame.desktop .canvas-slot-content>.node-wrap+.node-wrap,.canvas-frame.desktop .canvas-slot-content>.play-node-wrap+.play-node-wrap{margin-top:0}.canvas-frame.desktop .canvas-slot-footer,.canvas-frame.desktop .canvas-slot-header{max-width:var(--desktop-two-col);margin-left:auto;margin-right:auto;width:100%}.canvas-frame.desktop .dn-status-bar,.canvas-frame.desktop .dn-top-bar,.dn-webshell .dn-status-bar,.dn-webshell .dn-top-bar{display:none!important}.canvas-frame.desktop .dn-btn,.canvas-frame.desktop .dn-footer-buttons{max-width:480px;margin-left:auto;margin-right:auto}@media (max-width:720px){.canvas-frame.desktop .canvas-slot-content,.canvas-frame.desktop .canvas-slot-footer,.canvas-frame.desktop .canvas-slot-header{padding-left:16px;padding-right:16px}}@media (max-width:480px){.dn-ff-card{padding:4px 16px}.dn-ff-value{font-size:16px}.dn-info-widget{padding:14px}.dn-info-widget-name{font-size:15px}.dn-info-widget-headline{font-size:12px}.dn-fav-card{padding:14px 12px 12px}.dn-stepper-h{padding:8px 12px}.dn-stepper-h-ring{width:40px;height:40px;font-size:16px}.dn-stepper-h-label{font-size:10px}}.dn-card-group{background:#FFFFFF;border-radius:var(--radius-xl,16px);box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden;margin:0 var(--page-pad-x,var(--dn-page-gutter,20px));font-family:var(--font-primary)}.dn-group-eyebrow{font-size:12px;color:#747477;line-height:1.3;padding:4px 4px 8px;font-family:var(--font-primary)}.dn-group-eyebrow-bold{font-size:13px;font-weight:600;color:#44474E}.dn-card-group+.dn-card-group,.dn-card-group+.node-wrap,.dn-card-group+.play-node-wrap,.node-wrap+.dn-card-group,.play-node-wrap+.dn-card-group{margin-top:var(--page-section-gap,var(--dn-section-gap,24px))}.dn-card-group>.node-wrap>.dn-form-field,.dn-card-group>.node-wrap>.dn-list-row,.dn-card-group>.node-wrap>.dn-pay-row,.dn-card-group>.play-node-wrap>.dn-form-field,.dn-card-group>.play-node-wrap>.dn-list-row,.dn-card-group>.play-node-wrap>.dn-pay-row{border-bottom:1px solid #f1f0f4}.dn-card-group>.node-wrap:last-child>.dn-form-field,.dn-card-group>.node-wrap:last-child>.dn-list-row,.dn-card-group>.node-wrap:last-child>.dn-pay-row,.dn-card-group>.play-node-wrap:last-child>.dn-form-field,.dn-card-group>.play-node-wrap:last-child>.dn-list-row,.dn-card-group>.play-node-wrap:last-child>.dn-pay-row{border-bottom:none}.dn-card-group .canvas-padded{padding:0!important}.dn-card-group .dn-accordion,.dn-card-group .dn-ff-card,.dn-card-group .dn-stacked-row,.dn-card-group .dn-switch-row{background:transparent;box-shadow:none;border:none;border-radius:0}.dn-card-group-form{padding-block:4px}.dn-card-group .dn-ff-card,.dn-card-group .dn-switch-row{min-height:56px;padding:4px 16px}.dn-card-group>.node-wrap,.dn-card-group>.play-node-wrap{position:relative}.dn-card-group>.node-wrap:not(.selected):hover{background:rgba(36,94,169,.05)}.dn-card-group>.node-wrap.selected{background:rgba(36,94,169,.1);box-shadow:inset 3px 0 0 var(--studio-primary)}.dn-card-group>.node-wrap.selected>.canvas-padded>*,.dn-card-group>.node-wrap.selected>:not(.canvas-padded),.dn-card-group>.node-wrap:not(.selected):hover>.canvas-padded>*,.dn-card-group>.node-wrap:not(.selected):hover>:not(.canvas-padded){box-shadow:none!important}.dn-card-group>.node-wrap+.node-wrap:before,.dn-card-group>.play-node-wrap+.play-node-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#F1F0F4;pointer-events:none}.canvas-slot-content>.node-wrap>:is(.dn2-field,.dn2-list-row).has-separator:after,.canvas-slot-content>.play-node-wrap>:is(.dn2-field,.dn2-list-row).has-separator:after,.dn-card-group .dn2-field.has-separator:after,.dn-card-group .dn2-list-row.has-separator:after{display:none}.canvas-slot-content>.node-wrap+.node-wrap,.canvas-slot-content>.play-node-wrap+.play-node-wrap{margin-top:var(--page-gap,var(--dn-element-gap,8px))}.dn-card-group>.node-wrap+.node-wrap,.dn-card-group>.play-node-wrap+.play-node-wrap{padding-top:var(--page-compact-gap,var(--dn-compact-gap,4px))}.canvas-slot-content>.dn-card-group-form+.node-wrap:has(:is(.dn-ff-card,.dn2-field,.dn-switch-row)),.canvas-slot-content>.dn-card-group-form+.play-node-wrap:has(:is(.dn-ff-card,.dn2-field,.dn-switch-row)),.canvas-slot-content>.node-wrap:has(:is(.dn-ff-card,.dn2-field,.dn-switch-row))+.dn-card-group-form,.canvas-slot-content>.node-wrap:has(:is(.dn-ff-card,.dn2-field,.dn-switch-row))+.node-wrap:has(:is(.dn-ff-card,.dn2-field,.dn-switch-row)),.canvas-slot-content>.play-node-wrap:has(:is(.dn-ff-card,.dn2-field,.dn-switch-row))+.dn-card-group-form,.canvas-slot-content>.play-node-wrap:has(:is(.dn-ff-card,.dn2-field,.dn-switch-row))+.play-node-wrap:has(:is(.dn-ff-card,.dn2-field,.dn-switch-row)){margin-top:var(--page-compact-gap,var(--dn-compact-gap,4px))}.dn-card-group-form>.node-wrap+.node-wrap,.dn-card-group-form>.play-node-wrap+.play-node-wrap{padding-top:0}.canvas-slot-content>.node-wrap+.node-wrap:has(.dn-generic-header),.canvas-slot-content>.node-wrap+.node-wrap:has(.dn-page-header),.canvas-slot-content>.play-node-wrap+.play-node-wrap:has(.dn-generic-header),.canvas-slot-content>.play-node-wrap+.play-node-wrap:has(.dn-page-header){margin-top:var(--page-section-gap,24px)}.canvas-slot-content>.node-wrap:has(.dn-page-header)+.node-wrap:has(.dn-generic-header),.canvas-slot-content>.play-node-wrap:has(.dn-page-header)+.play-node-wrap:has(.dn-generic-header){margin-top:var(--page-section-gap,var(--dn-section-gap,24px))}.canvas-slot-content>.node-wrap[data-bleed=true]+.dn-card-group,.canvas-slot-content>.node-wrap[data-bleed=true]+.node-wrap,.canvas-slot-content>.play-node-wrap[data-bleed=true]+.dn-card-group,.canvas-slot-content>.play-node-wrap[data-bleed=true]+.play-node-wrap{margin-top:8px}.canvas-slot-content>.canvas-slot-label+.dn-card-group,.canvas-slot-content>.canvas-slot-label+.node-wrap,.canvas-slot-content>.canvas-slot-label+.play-node-wrap,.canvas-slot-content>.dn-card-group:first-child,.canvas-slot-content>.node-wrap:first-child,.canvas-slot-content>.play-node-wrap:first-child{margin-top:var(--page-pad-top,var(--dn-content-top-gap,16px))}.canvas-slot-content>.node-wrap[data-bleed=true]+.node-wrap[data-bleed=true],.canvas-slot-content>.play-node-wrap[data-bleed=true]+.play-node-wrap[data-bleed=true]{margin-top:0}.canvas-slot-content>.node-wrap:has(.dn-generic-header)+.dn-card-group,.canvas-slot-content>.play-node-wrap:has(.dn-generic-header)+.dn-card-group{margin-top:8px}.canvas-slot-content>.node-wrap:has(.dn-generic-header)+.node-wrap,.canvas-slot-content>.play-node-wrap:has(.dn-generic-header)+.play-node-wrap{margin-top:8px}.node-wrap[data-elev="1"],.play-node-wrap[data-elev="1"]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3)) drop-shadow(0 1px 3px rgba(0,0,0,.15))}.node-wrap[data-elev="2"],.play-node-wrap[data-elev="2"]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3)) drop-shadow(0 2px 6px rgba(0,0,0,.15))}.node-wrap[data-elev="3"],.play-node-wrap[data-elev="3"]{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.15))}.node-wrap[data-elev="4"],.play-node-wrap[data-elev="4"]{filter:drop-shadow(0 2px 3px rgba(0,0,0,.3)) drop-shadow(0 6px 10px rgba(0,0,0,.15))}.node-wrap[data-elev="5"],.play-node-wrap[data-elev="5"]{filter:drop-shadow(0 4px 4px rgba(0,0,0,.3)) drop-shadow(0 8px 12px rgba(0,0,0,.15))}.dn-webshell{width:100%;height:100%;background:#FFFFFF;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:260px 1fr;box-shadow:0 8px 32px rgba(15,23,42,.1);border:1px solid var(--studio-border-soft)}.dn-webshell-side{background:#FFFFFF;padding:24px 20px;display:flex;flex-direction:column;border-right:1px solid var(--studio-border-soft);font-family:var(--font-primary)}.dn-webshell-side-mark{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#245EA9;font-size:22px;margin-bottom:16px}.dn-webshell-side-title{font-size:22px;font-weight:600;color:#1F2937;line-height:1.2}.dn-webshell-side-sub{font-size:13px;color:#747477;margin-top:6px;line-height:1.45}.dn-webshell-side-foot{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--studio-border-soft)}.dn-webshell-icon{width:36px;height:36px;border-radius:8px;background:transparent;border:none;color:#44474E;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.dn-webshell-icon:hover{background:#F1F0F4}.dn-webshell-exit{background:transparent;border:none;color:#C0000A;font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-primary)}.dn-webshell-main{display:flex;flex-direction:column;min-width:0;background:#F7F6FA}.dn-webshell-top{display:flex;align-items:center;gap:12px;padding:14px 24px;background:#FFFFFF;border-bottom:1px solid var(--studio-border-soft)}.dn-webshell-logo{width:24px;height:24px;border-radius:6px}.dn-webshell-brand{font-family:var(--font-primary);font-size:15px;color:#1F2937}.dn-webshell-brand strong{font-weight:700;color:#245EA9}.dn-webshell-breadcrumb{display:flex;align-items:center;gap:8px;margin-left:24px;font-size:14px;color:#44474E;font-family:var(--font-primary)}.dn-webshell-bc-sep{color:#C4C6CE}.dn-webshell-bc-active{color:#1F2937;font-weight:500}.dn-webshell-lang{background:transparent;border:none;font-size:14px;color:#44474E;cursor:pointer;font-family:var(--font-primary)}.dn-webshell-avatar{width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#245EA9,#7AACFC)}.dn-webshell-body{flex:1 1;min-height:0;overflow:auto;display:flex;flex-direction:column}.dn-webshell-body .canvas-slot-content{padding:24px 32px;max-width:920px;width:100%}.dn-webshell-body .canvas-slot-footer{background:transparent;padding:16px 32px;max-width:920px;width:100%}.dn-webshell-body .dn-btn{max-width:280px}.studio-canvas{background-color:#F4F5F8;background-image:radial-gradient(circle,rgba(15,23,42,.1) 1px,transparent 1.2px);background-size:20px 20px;background-position:0 0}.tree-slot-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 12px;border:1.5px dashed var(--studio-border);border-radius:10px;background:transparent;color:var(--studio-text-soft);font-family:var(--font-studio);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.tree-slot-add-btn:hover{border-color:var(--studio-primary);color:var(--studio-primary);background:rgba(36,94,169,.04)}.tree-slot-add-btn i{font-size:11px}.canvas-slot-add-btn{margin:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1.5px dashed var(--studio-border);border-radius:12px;background:transparent;color:var(--studio-text-soft);font-family:var(--font-primary);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.canvas-slot-add-btn:hover{border-color:var(--studio-primary);color:var(--studio-primary);background:rgba(36,94,169,.04)}.canvas-slot-add-header{margin-top:16px}.canvas-slot-add-footer{margin-bottom:16px}.project-card-thumb.thumb-render{position:relative;overflow:hidden;background:#F1F0F4;display:block;padding:0;height:200px}.project-card-thumb.thumb-render .thumb-frame{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}.project-card-thumb.thumb-render .thumb-scaler{width:393px;height:852px;background:#F1F0F4;display:flex;flex-direction:column;transform:scale(.61);transform-origin:top center}.dn-btn-group{display:flex;gap:8px}.dn-btn-group .dn-btn{flex:1 1;height:48px;font-size:14px}.dn-map{position:relative;width:100%;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#E8F0FB,#DCE7F8);background-image:repeating-linear-gradient(0deg,rgba(36,94,169,.06) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(36,94,169,.06) 0 1px,transparent 1px 36px),linear-gradient(135deg,#E8F0FB,#DCE7F8);cursor:pointer;font-family:var(--font-primary)}.dn-map-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);color:#245EA9;font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.dn-map-caption{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border-radius:10px;padding:10px 14px;font-size:13px;color:#1F2937;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}.dn-map-caption i{color:#245EA9}.dn-map-search{position:absolute;top:16px;left:16px;right:16px;background:#FFFFFF;border-radius:16px;padding:8px 16px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 16px rgba(0,0,0,.08);font-family:var(--font-primary);z-index:2}.dn-map-search i{width:32px;height:32px;font-size:22px;color:#44474E;opacity:.5;display:inline-flex;align-items:center;justify-content:center}.dn-map-search span{font-size:14px;line-height:20px;color:#44474E;letter-spacing:.25px;opacity:.4}.dn-map-fab{position:absolute;right:16px;bottom:16px;width:48px;height:48px;border-radius:50%;background:#FFFFFF;border:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.18);cursor:pointer;z-index:2}.dn-map-fab i{font-size:18px;color:var(--studio-primary,#245EA9)}.dn-map-address-card{position:absolute;left:16px;right:16px;bottom:16px;background:#FFFFFF;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 16px rgba(0,0,0,.08);font-family:var(--font-primary);z-index:2}.dn-map-address-row{display:flex;align-items:center;gap:16px}.dn-map-address-icon{width:40px;height:40px;border-radius:50%;background:#DAE5E3;color:#44474E;display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.dn-map-address-text{flex:1 1;min-width:0;display:flex;flex-direction:column}.dn-map-address-title{font-size:20px;font-weight:500;color:#1F2937;line-height:26px;letter-spacing:.15px;overflow:hidden;text-overflow:ellipsis}.dn-map-address-sub{color:#44474E;overflow:hidden;text-overflow:ellipsis}.dn-map-address-status,.dn-map-address-sub{font-size:12px;line-height:16px;letter-spacing:.4px}.dn-map-address-status{font-weight:500;margin-top:2px}.dn-map-address-status.dn-tone-green{color:#1B5E20}.dn-map-address-status.dn-tone-amber{color:#835400}.dn-map-address-status.dn-tone-red{color:#C0000A}.dn-map-address-actions{display:flex;gap:8px}.dn-map-address-actions .dn-btn{flex:1 1;height:44px;font-size:14px}.dn-map:has(.dn-map-search) .dn-map-pin{top:55%}.dn-map:has(.dn-map-address-card) .dn-map-pin{top:45%}.dn-map:has(.dn-map-search):has(.dn-map-address-card) .dn-map-pin{top:50%}.dn-business-card{background:#FFFFFF;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);font-family:var(--font-primary);cursor:pointer}.dn-business-card-image{height:140px;background-size:cover;background-position:50%;background-color:#E3E2E5;position:relative}.dn-business-card-tag{position:absolute;top:12px;left:12px;background:rgba(36,94,169,.95);color:#fff;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500}.dn-business-card-body{padding:12px 16px 14px}.dn-business-card-title{font-size:16px;font-weight:500;color:#1F2937;line-height:1.3}.dn-business-card-meta{font-size:13px;color:#747477;margin-top:4px}.dn-category-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;border-radius:14px;font-family:var(--font-primary);text-align:center;cursor:pointer;transition:transform .12s ease}.dn-category-card:hover{transform:translateY(-1px)}.dn-category-card-icon{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:20px}.dn-category-card-label{font-size:13px;font-weight:500;color:#1F2937}.dn-dash-widget{background:#FFFFFF;border-radius:16px;padding:14px 16px 12px;box-shadow:0 1px 4px rgba(0,0,0,.06);font-family:var(--font-primary)}.dn-dash-widget-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.dn-dash-widget-title{font-size:14px;font-weight:500;color:#1F2937}.dn-dash-widget-meta{font-size:11px;color:#747477;margin-top:2px}.dn-dash-widget-number{font-size:28px;font-weight:600;color:#245EA9}.simple-shell{display:grid;grid-template-columns:268px 1fr 404px;grid-template-rows:60px 1fr;grid-template-areas:"top top top" "steps stage side";height:100vh;width:100vw;overflow:hidden;background:var(--studio-bg);color:var(--studio-text);font-family:var(--font-studio)}.simple-topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--studio-panel);border-bottom:1px solid var(--studio-border)}.simple-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.simple-home{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;color:var(--studio-text-muted);text-decoration:none;transition:background .14s ease,color .14s ease}.simple-home:hover{background:var(--studio-hover);color:var(--studio-text)}.simple-title-wrap{display:flex;flex-direction:column;gap:1px;min-width:0}.simple-title-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--studio-primary)}.simple-dot{width:6px;height:6px;border-radius:999px;background:var(--studio-primary)}.simple-title{display:inline-flex;align-items:center;gap:8px;background:none;border:none;font-family:inherit;font-size:16px;font-weight:650;color:var(--studio-text);cursor:pointer;padding:0;max-width:340px}.simple-title i{font-size:11px;color:var(--studio-text-soft);opacity:0;transition:opacity .14s}.simple-title:hover i{opacity:1}.simple-title-input{font-family:inherit;font-size:16px;font-weight:650;color:var(--studio-text);background:var(--studio-panel);border:1px solid var(--studio-primary);border-radius:8px;padding:3px 8px;outline:none;width:280px}.simple-topbar-right{display:flex;align-items:center;gap:8px}.simple-collab-cluster{display:inline-flex;align-items:center;gap:7px;padding-left:2px}.simple-collab-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:36px;height:36px;padding:0 8px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--studio-text-muted);background:transparent;border:1px solid var(--studio-border);border-radius:10px;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.simple-collab-btn:hover{color:var(--studio-primary);border-color:color-mix(in srgb,var(--studio-primary) 45%,transparent);background:var(--studio-active)}.simple-collab-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--studio-active);color:var(--studio-primary);font-size:10px;font-weight:700}.simple-topbar .huddle-bar,.simple-topbar .huddle-cta{position:static;inset:auto;transform:none;margin:0}.simple-topbar .huddle-cta:hover{transform:translateY(-1px)}.simple-topbar .huddle-bar{height:38px}.simple-history{display:flex;align-items:center;gap:2px;padding-right:6px;border-right:1px solid var(--studio-border);margin-right:2px}.simple-history-btn{width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:var(--studio-text-muted);font-size:14px;cursor:pointer;display:grid;place-items:center;transition:background .14s ease,color .14s ease}.simple-history-btn:hover:not(:disabled){background:var(--studio-hover);color:var(--studio-text)}.simple-history-btn:disabled{opacity:.35;cursor:default}.simple-switch{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:13px;font-weight:600;color:var(--studio-text-muted);background:transparent;border:1px solid var(--studio-border);border-radius:10px;padding:7px 12px;cursor:pointer;transition:all .14s ease}.simple-switch:hover{color:var(--studio-text);border-color:var(--studio-text-soft);background:var(--studio-hover)}.simple-whiteboard-launch{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:650;color:var(--studio-primary);background:var(--studio-active);border:1px solid color-mix(in srgb,var(--studio-primary) 28%,transparent);border-radius:10px;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.simple-whiteboard-launch:hover{background:color-mix(in srgb,var(--studio-primary) 14%,var(--studio-panel));border-color:var(--studio-primary);transform:translateY(-1px)}.simple-topbar-label{white-space:nowrap}.simple-preview-btn{width:40px;height:36px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:650;color:#fff;background:var(--studio-primary);border-radius:10px;padding:0;box-shadow:0 2px 8px rgba(36,94,169,.28);transition:all .14s ease}.simple-preview-btn i{font-size:14px}.simple-preview-btn:hover{background:var(--studio-primary-strong);box-shadow:0 4px 14px rgba(36,94,169,.34)}.simple-key-btn{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--studio-border);border-radius:10px;background:transparent;color:var(--studio-text-muted);cursor:pointer;font-size:13px;transition:all .14s ease}.simple-key-btn:hover{border-color:color-mix(in srgb,var(--studio-primary) 45%,transparent)}.simple-key-btn:hover,.simple-user{color:var(--studio-primary);background:var(--studio-active)}.simple-user{width:34px;height:34px;border-radius:999px;flex-shrink:0;border:none;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;display:grid;place-items:center;position:relative}.simple-user:hover{filter:brightness(.97)}.simple-key-backdrop{z-index:4600}.simple-key-modal{width:min(640px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden}.simple-key-head{min-height:68px;padding:12px 16px 12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--studio-border-soft)}.simple-key-account{min-width:0;display:flex;align-items:center;gap:11px}.simple-key-avatar{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--studio-active);color:var(--studio-primary);font-size:12px;font-weight:750}.simple-key-account>div{min-width:0;display:flex;flex-direction:column;gap:2px}.simple-key-account strong{font-size:13px}.simple-key-account small{overflow:hidden;color:var(--studio-text-muted);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.simple-key-close{width:34px;height:34px;display:grid;place-items:center;flex:none;border:0;border-radius:9px;background:var(--studio-hover);color:var(--studio-text-muted);cursor:pointer}.simple-key-close:hover{background:var(--studio-active);color:var(--studio-primary)}.simple-key-body{min-height:0;overflow-y:auto;padding:20px}.simple-key-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.simple-key-title-row>span{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:11px;background:var(--studio-active);color:var(--studio-primary)}.simple-key-title-row h2{margin:0;font-size:20px;line-height:26px}.simple-key-title-row p{margin:2px 0 0;color:var(--studio-text-muted);font-size:11.5px}.simple-key-security{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--studio-primary) 20%,transparent);border-radius:10px;background:color-mix(in srgb,var(--studio-primary) 6%,var(--studio-panel));color:var(--studio-text-muted);font-size:10.5px;line-height:16px}.simple-key-security i{color:var(--studio-primary);margin-top:2px}.simple-key-provider{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;color:var(--studio-text);font-size:11px;font-weight:700}.simple-key-provider select{width:100%;height:40px;padding:0 10px;border:1px solid var(--studio-border);border-radius:10px;outline:0;background:var(--studio-bg);color:var(--studio-text);font:500 12px/1 var(--font-studio)}.simple-key-provider select:focus{border-color:var(--studio-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--studio-primary) 12%,transparent)}.simple-key-provider-status{min-height:32px;margin-bottom:14px;padding:7px 9px;display:flex;align-items:center;gap:7px;border-radius:9px;background:color-mix(in srgb,#198754 8%,var(--studio-panel));color:#12683F;font-size:10px;font-weight:600}.simple-key-provider-status.is-warning{background:color-mix(in srgb,#D97706 9%,var(--studio-panel));color:#9A5200}.simple-key-fields{display:grid;grid-gap:10px;gap:10px}.simple-key-field{position:relative;padding:12px;border:1px solid var(--studio-border-soft);border-radius:12px;background:var(--studio-bg);transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.simple-key-field.is-saved{border-color:color-mix(in srgb,#198754 24%,var(--studio-border))}.simple-key-field.is-active{border-color:color-mix(in srgb,var(--studio-primary) 52%,transparent);background:color-mix(in srgb,var(--studio-primary) 4%,var(--studio-bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--studio-primary) 7%,transparent)}.simple-key-field-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.simple-key-field-head>span{display:flex;flex-direction:column;gap:1px}.simple-key-field-head strong{font-size:11.5px}.simple-key-field-head strong em{margin-left:4px;padding:2px 5px;border-radius:999px;background:var(--studio-primary);color:#fff;font-size:8px;font-style:normal;font-weight:750;text-transform:uppercase;letter-spacing:.035em}.simple-key-field-head small{color:var(--studio-text-muted);font-size:9.5px}.simple-key-field-head a{color:var(--studio-primary);font-size:10px;font-weight:650;text-decoration:none;white-space:nowrap}.simple-key-field-actions{display:flex;align-items:center;gap:7px}.simple-key-field-actions button{height:24px;padding:0 8px;border:1px solid color-mix(in srgb,var(--studio-primary) 32%,transparent);border-radius:7px;background:var(--studio-panel);color:var(--studio-primary);font:700 9.5px/1 var(--font-studio);cursor:pointer}.simple-key-field-actions button:hover:not(:disabled){background:var(--studio-active)}.simple-key-field-actions button.is-active,.simple-key-field-actions button:disabled{border-color:transparent;background:var(--studio-primary);color:#fff;cursor:default;opacity:1}.simple-key-input{height:38px;display:flex;align-items:center;border:1px solid var(--studio-border);border-radius:9px;overflow:hidden;background:var(--studio-panel)}.simple-key-input:focus-within{border-color:var(--studio-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--studio-primary) 11%,transparent)}.simple-key-input.is-error{border-color:#C0000A}.simple-key-input input{min-width:0;flex:1 1;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:var(--studio-text);font:500 11.5px/1 var(--font-studio)}.simple-key-input button{width:34px;height:100%;display:grid;place-items:center;flex:none;border:0;border-left:1px solid var(--studio-border-soft);background:transparent;color:var(--studio-text-muted);cursor:pointer}.simple-key-input button:hover{background:var(--studio-hover);color:var(--studio-primary)}.simple-key-error{display:block;margin-top:5px;color:#C0000A;font-size:9.5px}.simple-key-footer{min-height:64px;padding:10px 16px 10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--studio-border-soft)}.simple-key-footer>div{display:flex;align-items:center;gap:8px}.simple-key-footer button{height:36px;padding:0 12px;border:1px solid var(--studio-border);border-radius:9px;background:var(--studio-panel);color:var(--studio-text-muted);font:650 11px/1 var(--font-studio);cursor:pointer}.simple-key-footer button:hover{background:var(--studio-hover);color:var(--studio-text)}.simple-key-footer .simple-key-clear,.simple-key-footer .simple-key-signout{border-color:transparent;background:transparent;color:#C0000A}.simple-key-footer .simple-key-done{min-width:76px;border-color:var(--studio-primary);background:var(--studio-primary);color:#fff}.simple-key-footer .simple-key-done:hover{background:var(--studio-primary-strong);color:#fff}.simple-shortcuts-backdrop{z-index:4700}.simple-shortcuts-modal{width:min(520px,calc(100vw - 32px));overflow:hidden}.simple-shortcuts-head{padding:20px 20px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--studio-border-soft)}.simple-shortcuts-head h2{margin:2px 0 3px;color:var(--studio-text);font-size:19px;line-height:25px}.simple-shortcuts-head p{margin:0;color:var(--studio-text-muted);font-size:11.5px}.simple-shortcuts-head>button{width:34px;height:34px;display:grid;place-items:center;flex:none;border:0;border-radius:9px;background:var(--studio-hover);color:var(--studio-text-muted);cursor:pointer}.simple-shortcuts-head>button:hover{background:var(--studio-active);color:var(--studio-primary)}.simple-shortcuts-list{padding:8px 20px 10px}.simple-shortcuts-list>div{min-height:47px;display:grid;grid-template-columns:164px 1fr;grid-gap:14px;gap:14px;align-items:center;border-bottom:1px solid var(--studio-border-soft)}.simple-shortcuts-list>div:last-child{border-bottom:0}.simple-shortcuts-list>div>span{display:flex;align-items:center;gap:5px}.simple-shortcuts-list strong{color:var(--studio-text);font-size:11.5px;font-weight:600}.simple-edit-shortcut-hint kbd,.simple-shortcuts-modal kbd,.simple-stage-shortcuts kbd{min-width:25px;height:24px;padding:0 6px;display:inline-grid;place-items:center;border:solid var(--studio-border);border-width:1px 1px 2px;border-radius:6px;background:var(--studio-panel);color:var(--studio-text);font:650 9.5px/1 var(--font-studio);box-shadow:0 1px 0 color-mix(in srgb,var(--studio-text) 8%,transparent);white-space:nowrap}.simple-shortcuts-foot{min-height:48px;padding:0 20px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--studio-border-soft);background:color-mix(in srgb,var(--studio-bg) 65%,var(--studio-panel));color:var(--studio-text-muted);font-size:10.5px}.simple-steps{grid-area:steps;display:flex;flex-direction:column;min-height:0;background:var(--studio-panel);border-right:1px solid var(--studio-border);padding:16px 12px 12px}.simple-steps-head{display:flex;align-items:center;gap:8px;padding:0 6px;font-size:13px;font-weight:700;color:var(--studio-text);text-transform:none}.simple-steps-count{font-size:11px;font-weight:700;color:var(--studio-text-muted);background:var(--studio-hover);border-radius:999px;padding:1px 8px}.simple-steps-hint{font-size:11.5px;line-height:1.5;color:var(--studio-text-muted);padding:4px 6px 12px}.simple-steps-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1 1;min-height:0;padding:2px}.simple-steps-list::-webkit-scrollbar{width:8px}.simple-steps-list::-webkit-scrollbar-thumb{background:var(--studio-border);border-radius:999px}.simple-step{position:relative;display:flex;align-items:stretch;gap:2px}.simple-step-main{flex:1 1;display:flex;align-items:center;gap:10px;min-width:0;background:transparent;border:1px solid transparent;border-radius:12px;padding:8px;cursor:pointer;font-family:inherit;text-align:left;transition:background .14s ease,border-color .14s ease}.simple-step-main:hover{background:var(--studio-hover)}.simple-step.active .simple-step-main{background:var(--studio-active);border-color:color-mix(in srgb,var(--studio-primary) 40%,transparent)}.simple-step-num{flex-shrink:0;width:20px;height:20px;border-radius:999px;background:var(--studio-border);color:var(--studio-text-muted);font-size:11px;font-weight:700;display:grid;place-items:center}.simple-step.active .simple-step-num{background:var(--studio-primary);color:#fff}.simple-step-thumb{flex-shrink:0;width:34px;height:62px;border-radius:7px;overflow:hidden;background:#F1F0F4;border:1px solid var(--studio-border);display:block;position:relative}.simple-step-thumb.empty{display:grid;place-items:center;color:var(--studio-text-soft);font-size:13px}.simple-step-thumb-scaler{position:absolute;top:0;left:0;width:393px;height:700px;transform:scale(.0865);transform-origin:top left;display:flex;flex-direction:column;pointer-events:none}.simple-step-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.simple-step-name{font-size:13px;font-weight:600;color:var(--studio-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-step-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--studio-text-muted)}.simple-step-home{display:inline-flex;align-items:center;gap:4px;color:var(--studio-primary);font-weight:600}.simple-step-rename{font-family:inherit;font-size:13px;font-weight:600;color:var(--studio-text);background:var(--studio-panel);border:1px solid var(--studio-primary);border-radius:6px;padding:2px 6px;outline:none;width:100%}.simple-step-more{flex-shrink:0;width:26px;align-self:center;height:26px;border-radius:8px;background:transparent;border:none;color:var(--studio-text-soft);cursor:pointer;opacity:0;transition:opacity .14s,background .14s}.simple-step.active .simple-step-more,.simple-step:hover .simple-step-more{opacity:1}.simple-step-more:hover{background:var(--studio-hover);color:var(--studio-text)}.simple-step-menu{position:absolute;top:44px;right:0;z-index:40;min-width:210px;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:12px;padding:6px;box-shadow:var(--glass-shadow);animation:dn-pop-in .13s ease-out}.simple-step-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:13px;color:var(--studio-text);padding:8px 10px;border-radius:8px;cursor:pointer}.simple-step-menu button i{width:15px;color:var(--studio-text-muted)}.simple-step-menu button:hover:not(:disabled){background:var(--studio-hover)}.simple-step-menu button:disabled{opacity:.4;cursor:default}.simple-step-menu button.danger,.simple-step-menu button.danger i{color:#C0000A}.simple-add-step{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1.5px dashed var(--studio-border);border-radius:12px;color:var(--studio-text-muted);font-family:inherit;font-size:13px;font-weight:600;padding:11px;cursor:pointer;transition:all .14s ease}.simple-add-step:hover{border-color:var(--studio-primary);color:var(--studio-primary);background:var(--studio-active)}.simple-stage{grid-area:stage;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0;overflow:hidden;padding:20px;background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,var(--studio-primary) 5%,transparent),transparent 60%),var(--studio-bg)}.simple-stage-caption{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--studio-text-muted);font-weight:500}.simple-frame.canvas-frame.mobile{height:min(808px,calc(100vh - 168px));animation:dn-pop-in .22s ease-out}.simple-screen-body{display:flex;flex-direction:column;height:100%;min-height:0}.simple-stage-add{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13px;font-weight:600;color:var(--studio-primary);background:var(--studio-panel);border:1px solid color-mix(in srgb,var(--studio-primary) 35%,transparent);border-radius:999px;padding:9px 18px;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.06);transition:all .14s ease}.simple-stage-add:hover{background:var(--studio-active);box-shadow:0 4px 14px rgba(36,94,169,.14)}.simple-stage-actions{display:flex;align-items:center;justify-content:center;gap:8px}.simple-stage-shortcuts{height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--studio-text-muted);font:600 10.5px/1 var(--font-studio);cursor:pointer}.simple-stage-shortcuts:hover{border-color:var(--studio-border);background:var(--studio-panel);color:var(--studio-text)}.simple-stage-shortcuts kbd{min-width:21px;height:21px;padding:0 5px;font-size:9px}.simple-stage-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:32px 28px;color:var(--studio-text-muted)}.simple-stage-empty img{width:72px;height:72px;object-fit:contain;opacity:.9;margin-bottom:6px}.simple-stage-empty-title{font-size:16px;font-weight:700;color:#1F2937}.simple-stage-empty p{font-size:13px;line-height:1.5;max-width:240px;margin:0}.simple-stage-empty-actions{display:flex;flex-direction:column;gap:8px;width:210px;margin-top:6px}.simple-stage-empty-actions button{justify-content:center}.simple-whiteboard-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:dn-fade-in .14s ease-out}.simple-whiteboard-modal{width:min(1120px,calc(100vw - 40px));max-height:calc(100vh - 40px);min-height:680px;display:flex;flex-direction:column;overflow:hidden;background:var(--studio-panel);color:var(--studio-text);border:1px solid var(--studio-border);border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.32);font-family:var(--font-studio);animation:dn-pop-in .18s ease-out}.simple-whiteboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 24px 14px;border-bottom:1px solid var(--studio-border-soft)}.simple-whiteboard-head h2{margin:2px 0;font-size:23px;line-height:1.25;letter-spacing:-.02em}.simple-whiteboard-head p{margin:0;color:var(--studio-text-muted);font-size:12.5px}.simple-whiteboard-eyebrow{color:var(--studio-primary);text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:750}.simple-whiteboard-head-actions{display:flex;align-items:center;gap:10px}.simple-whiteboard-head-actions>span{height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--studio-primary) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--studio-primary) 7%,var(--studio-panel));color:var(--studio-primary);font-size:10.5px;font-weight:700;white-space:nowrap}.simple-whiteboard-close{width:36px;height:36px;border:0;border-radius:10px;display:grid;place-items:center;color:var(--studio-text-muted);background:var(--studio-hover);cursor:pointer}.simple-whiteboard-close:hover{background:var(--studio-active);color:var(--studio-primary)}.simple-whiteboard-toolbar{display:flex;gap:5px;padding:9px 20px;border-bottom:1px solid var(--studio-border-soft);overflow-x:auto}.simple-whiteboard-toolbar button{min-width:68px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 9px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--studio-text-muted);font-family:inherit;font-size:10.5px;font-weight:650;cursor:pointer}.simple-whiteboard-toolbar button i{font-size:15px}.simple-whiteboard-toolbar button:hover{background:var(--studio-hover);color:var(--studio-text)}.simple-whiteboard-toolbar button.active{color:var(--studio-primary);border-color:color-mix(in srgb,var(--studio-primary) 35%,transparent);background:var(--studio-active)}.simple-whiteboard-workspace{display:grid;grid-template-columns:minmax(460px,1fr) 332px;flex:1 1;min-height:0;background:var(--studio-bg)}.simple-whiteboard-canvas-wrap{min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 28px 18px}.simple-whiteboard-phone-stage{flex:0 0 auto;position:relative;width:calc(393px * var(--whiteboard-scale, 1));height:calc(756px * var(--whiteboard-scale, 1))}.simple-whiteboard-phone-stage:before{content:"";position:absolute;inset:12% -18% 4%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--studio-primary) 16%,transparent),transparent 68%);filter:blur(16px);pointer-events:none}.simple-whiteboard-phone{position:absolute;inset:0 auto auto 0;width:393px;padding:0 20px 20px;overflow:hidden;background:#F4F3F7;border:8px solid #1c1c1c;border-radius:42px;box-shadow:0 18px 45px rgba(15,23,42,.18);color:#23262D;transform:scale(var(--whiteboard-scale,1));transform-origin:top left}.simple-whiteboard-status{height:46px;margin:0 -20px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#F4F3F7;font-size:12px}.simple-whiteboard-status span{display:inline-flex;gap:8px;align-items:center}.simple-whiteboard-nav{height:54px;margin:0 -20px;padding:0 20px;display:grid;grid-template-columns:28px 1fr auto;grid-gap:10px;gap:10px;align-items:center;background:#FAFAFC;color:#111318}.simple-whiteboard-nav>i{color:#245EA9;font-size:18px}.simple-whiteboard-nav strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-whiteboard-nav span{display:flex;align-items:center;gap:19px;color:#245EA9}.simple-whiteboard-board{position:relative;width:353px;height:620px;overflow:hidden;touch-action:none;cursor:crosshair;background-color:#F4F3F7;background-image:linear-gradient(rgba(36,94,169,.065) 1px,transparent 0),linear-gradient(90deg,rgba(36,94,169,.065) 1px,transparent 0);background-size:16px 16px}.simple-whiteboard-board.tool-auto{cursor:crosshair}.simple-whiteboard-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#747477;pointer-events:none}.simple-whiteboard-empty i{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#E8EFFA;color:#245EA9;font-size:20px}.simple-whiteboard-empty strong{color:#44474E;font-size:14px}.simple-whiteboard-empty span{font-size:11px}.simple-whiteboard-region{position:absolute;z-index:2;min-width:16px;min-height:12px;display:flex;align-items:center;gap:6px;overflow:hidden;padding:6px 8px;border:1.5px dashed #245ea9;border-radius:8px;background:rgba(255,255,255,.83);color:#245EA9;font-family:var(--font-primary);text-align:left;cursor:pointer;box-shadow:0 1px 3px rgba(15,23,42,.08)}.simple-whiteboard-region>span{flex:0 0 auto;width:17px;height:17px;border-radius:999px;display:grid;place-items:center;background:#245EA9;color:white;font-size:8px;font-weight:750}.simple-whiteboard-region b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}.simple-whiteboard-region small{margin-left:auto;font-size:8px;opacity:.68;text-transform:uppercase}.simple-whiteboard-region.selected{border-style:solid;box-shadow:0 0 0 2px rgba(36,94,169,.19),0 4px 12px rgba(36,94,169,.14)}.simple-whiteboard-region.is-title{border-color:#7B4BC4;color:#673AB7}.simple-whiteboard-region.is-button{border-style:solid;background:#245EA9;color:#fff;justify-content:center}.simple-whiteboard-region.is-button>span{background:#fff;color:#245EA9}.simple-whiteboard-region.is-image{border-color:#00897B;color:#00796B;background:rgba(224,242,241,.84)}.simple-whiteboard-region.is-notice{border-color:#E65100;color:#C64200;background:rgba(255,243,224,.88)}.simple-whiteboard-drawing{position:absolute;z-index:5;border:2px solid #245ea9;border-radius:8px;background:rgba(36,94,169,.08);pointer-events:none}.simple-whiteboard-canvas-hint{margin-top:13px;display:inline-flex;align-items:center;gap:7px;color:var(--studio-text-muted);font-size:11.5px}.simple-whiteboard-inspector{min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--studio-panel);border-left:1px solid var(--studio-border)}.simple-whiteboard-destination{padding:12px;display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;border-bottom:1px solid var(--studio-border-soft)}.simple-whiteboard-destination>button{min-width:0;min-height:70px;padding:9px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid var(--studio-border-soft);border-radius:11px;background:var(--studio-panel);color:var(--studio-text-muted);font-family:inherit;text-align:left;cursor:pointer}.simple-whiteboard-destination>button:hover{background:var(--studio-hover);color:var(--studio-text)}.simple-whiteboard-destination>button.active{border-color:color-mix(in srgb,var(--studio-primary) 42%,transparent);background:var(--studio-active);color:var(--studio-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--studio-primary) 7%,transparent)}.simple-whiteboard-destination>button>i{font-size:13px}.simple-whiteboard-destination>button>span{min-width:0;display:flex;flex-direction:column;gap:2px}.simple-whiteboard-destination strong{color:var(--studio-text);font-size:10.5px;line-height:13px}.simple-whiteboard-destination small{color:var(--studio-text-muted);font-size:8.5px;line-height:11px}.simple-whiteboard-screen-name{padding:12px 16px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--studio-border-soft);color:var(--studio-text);font-size:10.5px;font-weight:700}.simple-whiteboard-screen-name input{width:100%;height:36px;padding:0 10px;border:1px solid var(--studio-border);border-radius:9px;outline:0;background:var(--studio-bg);color:var(--studio-text);font:500 11.5px/1 var(--font-studio)}.simple-whiteboard-screen-name input:focus{border-color:var(--studio-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--studio-primary) 11%,transparent)}.simple-whiteboard-intent{padding:16px;border-bottom:1px solid var(--studio-border-soft)}.simple-whiteboard-intent label,.simple-whiteboard-properties label{display:flex;flex-direction:column;gap:7px;font-size:11.5px;font-weight:650;color:var(--studio-text)}.simple-whiteboard-intent textarea,.simple-whiteboard-properties input,.simple-whiteboard-properties select{width:100%;box-sizing:border-box;resize:none;outline:0;padding:10px 11px;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-bg);color:var(--studio-text);font-family:inherit;font-size:12px;line-height:1.45}.simple-whiteboard-intent textarea:focus,.simple-whiteboard-properties input:focus,.simple-whiteboard-properties select:focus{border-color:var(--studio-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--studio-primary) 12%,transparent)}.simple-blueprint-recognition{margin:12px 14px 0;padding:10px 11px;display:grid;grid-template-columns:32px 1fr;grid-gap:9px;gap:9px;align-items:center;border:1px solid var(--studio-border-soft);border-radius:12px;background:color-mix(in srgb,var(--studio-bg) 64%,var(--studio-panel))}.simple-blueprint-recognition.is-active{border-color:color-mix(in srgb,var(--studio-primary) 24%,transparent);background:color-mix(in srgb,var(--studio-primary) 6%,var(--studio-panel))}.simple-blueprint-recognition-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--studio-primary) 11%,transparent);color:var(--studio-primary);font-size:13px}.simple-blueprint-recognition strong{display:block;color:var(--studio-text);font-size:10.5px;line-height:14px}.simple-blueprint-recognition p{margin:2px 0 0;color:var(--studio-text-muted);font-size:9.5px;line-height:13px}.simple-blueprint-starters{padding:13px 14px 14px;display:flex;flex-direction:column;gap:6px}.simple-blueprint-starters>span{margin-bottom:2px;color:var(--studio-text-muted);font-size:9.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.simple-blueprint-starters>button{width:100%;min-height:52px;padding:8px 9px;display:grid;grid-template-columns:30px 1fr 18px;grid-gap:8px;gap:8px;align-items:center;border:1px solid var(--studio-border-soft);border-radius:11px;background:var(--studio-panel);color:var(--studio-text);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.simple-blueprint-starters>button:hover{border-color:color-mix(in srgb,var(--studio-primary) 30%,transparent);background:color-mix(in srgb,var(--studio-primary) 5%,var(--studio-panel));transform:translateY(-1px)}.simple-blueprint-starters>button>i:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--studio-active);color:var(--studio-primary);font-size:12px}.simple-blueprint-starters>button>i:last-child{color:var(--studio-primary);font-size:10px;opacity:.7}.simple-blueprint-starters strong{display:block;font-size:10.5px;line-height:14px}.simple-blueprint-starters small{display:block;margin-top:1px;color:var(--studio-text-muted);font-size:9px;line-height:12px}.simple-whiteboard-layers-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 8px;font-size:11px;font-weight:750;color:var(--studio-text);text-transform:uppercase;letter-spacing:.055em}.simple-whiteboard-layers-head b{min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--studio-hover);color:var(--studio-text-muted);font-size:10px}.simple-whiteboard-layers{min-height:0;flex:1 1;overflow-y:auto;padding:0 10px 10px}.simple-whiteboard-layers>p{margin:9px 7px;color:var(--studio-text-muted);font-size:11.5px;line-height:1.5}.simple-whiteboard-layers>button{width:100%;display:grid;grid-template-columns:24px 1fr 14px;align-items:center;grid-gap:9px;gap:9px;padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--studio-text);text-align:left;font-family:inherit;cursor:pointer}.simple-whiteboard-layers>button:hover{background:var(--studio-hover)}.simple-whiteboard-layers>button.active{background:var(--studio-active);border-color:color-mix(in srgb,var(--studio-primary) 28%,transparent)}.simple-whiteboard-layers>button>span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:var(--studio-hover);color:var(--studio-text-muted);font-size:9px;font-weight:700}.simple-whiteboard-layers>button.active>span{background:var(--studio-primary);color:#fff}.simple-whiteboard-layers>button div{min-width:0;display:flex;flex-direction:column;gap:2px}.simple-whiteboard-layers>button strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px}.simple-whiteboard-layers>button small{color:var(--studio-text-muted);font-size:9.5px;text-transform:capitalize}.simple-whiteboard-layers>button>i{color:var(--studio-text-soft);font-size:9px}.simple-whiteboard-properties{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:15px 16px;border-top:1px solid var(--studio-border-soft);background:color-mix(in srgb,var(--studio-bg) 58%,var(--studio-panel))}.simple-whiteboard-delete{align-self:flex-start;border:0;background:transparent;color:#C0000A;padding:0;font-family:inherit;font-size:11.5px;font-weight:650;cursor:pointer}.simple-whiteboard-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:10px 20px;border-top:1px solid var(--studio-border)}.simple-whiteboard-footer-left,.simple-whiteboard-footer-right{display:flex;align-items:center;gap:8px}.simple-whiteboard-destination-summary{margin-left:4px;display:inline-flex;align-items:center;gap:6px;color:var(--studio-primary);font-size:10.5px;font-weight:650;white-space:nowrap}.simple-whiteboard-footer button{height:38px;padding:0 13px;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-panel);color:var(--studio-text-muted);font-family:inherit;font-size:12px;font-weight:650;cursor:pointer}.simple-whiteboard-footer button:hover:not(:disabled){background:var(--studio-hover);color:var(--studio-text)}.simple-whiteboard-footer button:disabled{opacity:.35;cursor:default}.simple-whiteboard-footer-left label{margin-left:5px;display:inline-flex;align-items:center;gap:7px;color:var(--studio-text-muted);font-size:11.5px}.simple-whiteboard-footer-left input{accent-color:var(--studio-primary)}.simple-whiteboard-footer .simple-whiteboard-cancel{color:var(--studio-text)}.simple-whiteboard-footer .simple-whiteboard-create{padding:0 18px;border-color:var(--studio-primary);background:var(--studio-primary);color:#fff;box-shadow:0 3px 10px rgba(36,94,169,.25)}.simple-whiteboard-footer .simple-whiteboard-create:hover:not(:disabled){background:var(--studio-primary-strong);color:#fff}@media (max-height:760px),(max-width:980px){.simple-whiteboard-modal{min-height:0}.simple-whiteboard-workspace{grid-template-columns:minmax(420px,1fr) 300px}.simple-whiteboard-canvas-wrap{align-items:center;justify-content:center}}@media (max-height:640px),(max-width:760px){.simple-whiteboard-head-actions>span{display:none}.simple-whiteboard-head{padding-block:14px 10px}.simple-whiteboard-head h2{font-size:20px}.simple-whiteboard-toolbar{padding-block:6px}.simple-whiteboard-workspace{grid-template-columns:minmax(0,1fr) minmax(230px,38%)}.simple-whiteboard-footer-left label{display:none}}.simple-preview-node{position:relative;cursor:-webkit-grab;cursor:grab;border-radius:8px;transition:box-shadow .12s ease,opacity .12s ease,transform .12s ease}.simple-preview-node:active{cursor:-webkit-grabbing;cursor:grabbing}.simple-screen-body .simple-preview-node *{pointer-events:none}.simple-preview-node:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--studio-primary) 40%,transparent)}.simple-preview-node.selected{box-shadow:0 0 0 2px var(--studio-primary),0 6px 18px rgba(36,94,169,.18)}.simple-preview-node.dragging{opacity:.34;transform:scale(.985);box-shadow:0 0 0 2px var(--studio-primary)}.simple-canvas-slot{position:relative;transition:background .12s ease,min-height .12s ease}.simple-screen-body.is-reordering .simple-canvas-slot.empty{min-height:38px;margin:3px 10px;border:1.5px dashed color-mix(in srgb,var(--studio-primary) 38%,transparent);border-radius:10px}.simple-canvas-slot.is-drop-target{background:color-mix(in srgb,var(--studio-primary) 7%,transparent)}.simple-empty-drop{display:grid;place-items:center;min-height:34px;font-size:10px;font-weight:700;color:var(--studio-primary);text-transform:uppercase;letter-spacing:.05em}.simple-drop-line{left:10px;right:10px;z-index:20;pointer-events:none}.simple-node-actions{position:absolute;top:-13px;right:8px;z-index:24;display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:9px;background:var(--studio-primary);color:#fff;box-shadow:0 5px 14px rgba(36,94,169,.28);opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease;pointer-events:auto!important}.simple-preview-node.selected .simple-node-actions,.simple-preview-node:focus-visible .simple-node-actions,.simple-preview-node:hover .simple-node-actions{opacity:1;transform:translateY(0)}.simple-node-actions *{pointer-events:auto!important}.simple-node-grip{place-items:center;cursor:-webkit-grab;cursor:grab}.simple-node-actions button,.simple-node-grip{width:25px;height:25px;display:grid;font-size:11px}.simple-node-actions button{place-items:center;border:0;border-radius:7px;background:transparent;color:#fff;cursor:pointer}.simple-node-actions button:hover{background:rgba(255,255,255,.18)}.simple-node-link{position:absolute;top:4px;right:4px;z-index:2;width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--studio-primary);color:#fff;font-size:9px;box-shadow:0 1px 4px rgba(0,0,0,.2);pointer-events:none}.simple-node-broken{display:flex;align-items:center;gap:8px;margin:0 20px;font-size:12.5px;font-weight:500;color:#92400E;background:#FFF3E0;border:1px solid #fcd9a6;border-radius:10px;padding:10px 12px}.simple-node-broken i{color:#E65100}.simple-side{grid-area:side;background:var(--studio-panel);border-left:1px solid var(--studio-border)}.simple-assistant,.simple-side{display:flex;flex-direction:column;min-height:0}.simple-assistant{height:100%}.simple-assistant-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--studio-border-soft)}.simple-assistant-avatar{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#245EA9,#4B8FE3);color:#fff;font-size:15px;box-shadow:0 3px 10px rgba(36,94,169,.3)}.simple-assistant-title{font-size:14px;font-weight:700;color:var(--studio-text)}.simple-assistant-sub{font-size:12px;color:var(--studio-text-muted)}.simple-assistant-log{flex:1 1;min-height:0;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.simple-assistant-welcome{font-size:13px;line-height:1.6;color:var(--studio-text-muted);display:flex;flex-direction:column;gap:10px}.simple-assistant-example{background:var(--studio-active);color:var(--studio-text);border-radius:12px;padding:12px 14px;font-style:italic;border:1px solid color-mix(in srgb,var(--studio-primary) 18%,transparent)}.simple-bubble{max-width:92%;font-size:13px;line-height:1.55;padding:10px 13px;border-radius:14px;white-space:pre-wrap;word-break:break-word}.simple-bubble.user{align-self:flex-end;background:var(--studio-primary);color:#fff;border-bottom-right-radius:5px}.simple-bubble.assistant{align-self:flex-start;background:var(--studio-hover);color:var(--studio-text);border-bottom-left-radius:5px}.simple-bubble-tools{margin-top:6px;font-size:11px;font-weight:600;opacity:.7;display:flex;align-items:center;gap:6px}.simple-bubble-tools:before{content:"\f00c";font-family:Font Awesome\ 6 Pro,Font Awesome\ 6 Free;font-weight:900}.simple-bubble.working{display:inline-flex;align-items:center;gap:8px;color:var(--studio-text-muted)}.simple-typing{display:inline-flex;gap:3px}.simple-typing i{width:5px;height:5px;border-radius:999px;background:var(--studio-text-soft);animation:simple-bounce 1s ease-in-out infinite}.simple-typing i:nth-child(2){animation-delay:.15s}.simple-typing i:nth-child(3){animation-delay:.3s}@keyframes simple-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.simple-chips{display:flex;flex-wrap:wrap;gap:7px;padding:10px 18px 4px}.simple-chips button{font-family:inherit;font-size:12px;font-weight:500;color:var(--studio-text);background:var(--studio-hover);border:1px solid var(--studio-border);border-radius:999px;padding:6px 12px;cursor:pointer;transition:all .13s ease;text-align:left}.simple-chips button:hover:not(:disabled){border-color:var(--studio-primary);color:var(--studio-primary);background:var(--studio-active)}.simple-chips button:disabled{opacity:.5;cursor:default}.simple-composer{display:flex;gap:8px;align-items:flex-end;padding:10px 18px 6px}.simple-composer textarea{flex:1 1;resize:none;font-family:inherit;font-size:13px;line-height:1.5;color:var(--studio-text);background:var(--studio-bg);border:1px solid var(--studio-border);border-radius:14px;padding:11px 13px;outline:none;transition:border-color .14s ease}.simple-composer textarea:focus{border-color:var(--studio-primary)}.simple-send{flex-shrink:0;width:40px;height:40px;border-radius:12px;border:none;cursor:pointer;background:var(--studio-primary);color:#fff;font-size:14px;display:grid;place-items:center;transition:all .14s ease}.simple-send:hover:not(:disabled){background:var(--studio-primary-strong)}.simple-send:disabled{opacity:.4;cursor:default}.simple-side-add{margin:4px 18px 16px;display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:none;font-family:inherit;font-size:12.5px;font-weight:500;color:var(--studio-text-muted);cursor:pointer;padding:6px}.simple-side-add:hover{color:var(--studio-primary)}.simple-edit{display:flex;flex-direction:column;height:100%;min-height:0}.simple-edit-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--studio-border-soft)}.simple-edit-head-text{display:flex;flex-direction:column;gap:2px}.simple-edit-kicker{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--studio-text-soft)}.simple-edit-name{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--studio-text)}.simple-edit-close,.simple-edit-name i{color:var(--studio-primary);font-size:14px}.simple-edit-close{width:34px;height:34px;border-radius:10px;border:none;cursor:pointer;background:var(--studio-active);display:grid;place-items:center}.simple-edit-close:hover{filter:brightness(.96)}.simple-edit-body{flex:1 1;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:16px}.simple-edit-empty{font-size:13px;line-height:1.6;color:var(--studio-text-muted);margin:0}.simple-field{display:flex;flex-direction:column;gap:6px}.simple-field-label{font-size:12.5px;font-weight:600;color:var(--studio-text);display:inline-flex;align-items:center;gap:7px}.simple-field-label i{color:var(--studio-primary);font-size:11px}.simple-field input,.simple-field select,.simple-field textarea{font-family:inherit;font-size:13px;color:var(--studio-text);background:var(--studio-bg);border:1px solid var(--studio-border);border-radius:10px;padding:10px 12px;outline:none;width:100%;transition:border-color .14s ease}.simple-field textarea{resize:vertical;line-height:1.5;min-height:70px}.simple-field input:focus,.simple-field select:focus,.simple-field textarea:focus{border-color:var(--studio-primary)}.simple-field-toggle{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;background:var(--studio-bg);border:1px solid var(--studio-border);border-radius:12px;padding:10px 12px 10px 14px}.simple-field-toggle .simple-field-label{margin:0}.simple-toggle{flex-shrink:0;width:42px;height:24px;border-radius:999px;border:none;cursor:pointer;background:var(--studio-border);padding:0;position:relative;transition:background .16s ease}.simple-toggle.on{background:var(--studio-primary)}.simple-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .16s ease}.simple-toggle.on .simple-toggle-knob{transform:translateX(18px)}.simple-field-link{background:var(--studio-active);border:1px solid color-mix(in srgb,var(--studio-primary) 22%,transparent);border-radius:14px;padding:14px;margin-top:2px}.simple-field-hint{font-size:11.5px;color:var(--studio-text-muted)}.simple-edit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding:14px 18px 11px;border-top:1px solid var(--studio-border-soft)}.simple-edit-actions button{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-size:13px;font-weight:600;color:var(--studio-text);background:var(--studio-hover);border:1px solid var(--studio-border);border-radius:10px;padding:10px;cursor:pointer;transition:all .13s ease}.simple-edit-actions button:hover{background:var(--studio-active)}.simple-edit-actions button.danger{color:#C0000A}.simple-edit-actions button.danger:hover{background:#FFE9E6;border-color:#F3B4AE}.simple-edit-shortcut-hint{grid-column:1/-1;margin-top:1px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--studio-text-soft);font-size:8.5px;white-space:nowrap}.simple-edit-shortcut-hint kbd{min-width:0;height:18px;padding:0 4px;font-size:7.5px}.simple-backdrop{position:fixed;inset:0;z-index:30}.simple-backdrop.strong{background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:dn-fade-in .14s ease-out}.simple-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:13px;font-weight:650;color:#fff;background:var(--studio-primary);border:none;border-radius:11px;padding:11px 18px;cursor:pointer;box-shadow:0 2px 8px rgba(36,94,169,.28);transition:all .14s ease}.simple-btn-primary:hover{background:var(--studio-primary-strong)}.simple-add-sheet{position:fixed;z-index:61;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 40px));max-height:min(80vh,640px);overflow:hidden;display:flex;flex-direction:column;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:20px;box-shadow:var(--glass-shadow);animation:dn-pop-in .16s ease-out}.simple-add-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 14px}.simple-add-title{font-size:17px;font-weight:700;color:var(--studio-text)}.simple-add-sub{font-size:13px;color:var(--studio-text-muted);margin-top:2px}.simple-add-close{width:32px;height:32px;border-radius:9px;border:none;background:var(--studio-hover);color:var(--studio-text-muted);cursor:pointer;font-size:14px}.simple-add-close:hover{background:var(--studio-active);color:var(--studio-text)}.simple-add-grid{flex:1 1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;padding:4px 22px 18px}.simple-add-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--studio-bg);border:1px solid var(--studio-border);border-radius:14px;padding:14px;cursor:pointer;font-family:inherit;transition:all .14s ease}.simple-add-card:hover{border-color:var(--studio-primary);background:var(--studio-active);transform:translateY(-1px)}.simple-add-card-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--studio-active);color:var(--studio-primary);font-size:15px;margin-bottom:4px}.simple-add-card-label{font-size:13px;font-weight:650;color:var(--studio-text)}.simple-add-card-desc{font-size:11.5px;line-height:1.4;color:var(--studio-text-muted)}.simple-add-foot{display:flex;align-items:center;gap:8px;padding:13px 22px;border-top:1px solid var(--studio-border-soft);font-size:12.5px;color:var(--studio-text-muted)}.simple-add-foot i{color:var(--studio-primary)}.simple-tips{position:fixed;z-index:62;right:24px;bottom:24px;width:320px;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:18px;padding:18px 18px 16px;box-shadow:var(--glass-shadow);animation:dn-pop-in .2s ease-out}.simple-tips-close{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:8px;border:none;background:transparent;color:var(--studio-text-soft);cursor:pointer}.simple-tips-close:hover{background:var(--studio-hover);color:var(--studio-text)}.simple-tips-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--studio-text);margin-bottom:12px}.simple-tips-title i{color:var(--studio-primary)}.simple-tips-list{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;line-height:1.5;color:var(--studio-text-muted)}.simple-tips-list strong{color:var(--studio-text)}.simple-tips .simple-btn-primary{width:100%}.onboard-mode-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:8px 0 4px}.onboard-mode-card{position:relative;text-align:left;cursor:pointer;font-family:inherit;background:rgba(255,255,255,.7);border:1.5px solid var(--studio-border);border-radius:18px;padding:20px 18px;transition:all .16s ease;display:flex;flex-direction:column;gap:8px}.onboard-mode-card:hover{border-color:color-mix(in srgb,var(--studio-primary) 45%,transparent);transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,23,42,.08)}.onboard-mode-card.selected{border-color:var(--studio-primary);box-shadow:0 0 0 3px rgba(36,94,169,.14),0 10px 30px rgba(36,94,169,.12)}.onboard-mode-badge{position:absolute;top:-10px;left:18px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--studio-primary);border-radius:999px;padding:3px 10px}.onboard-mode-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:18px}.onboard-mode-icon.simple{background:linear-gradient(135deg,#245EA9,#4B8FE3);color:#fff}.onboard-mode-icon.advanced{background:var(--studio-active);color:var(--studio-primary)}.onboard-mode-name{font-size:17px;font-weight:700;color:var(--studio-text)}.onboard-mode-desc{font-size:13px;line-height:1.55;color:var(--studio-text-muted)}.onboard-mode-points{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.onboard-mode-points li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--studio-text)}.onboard-mode-points li i{color:var(--studio-primary);font-size:11px}.onboard-mode-check{position:absolute;top:16px;right:16px;color:var(--studio-primary);font-size:20px}html[data-theme=dark] .onboard-mode-card{background:rgba(255,255,255,.04)}html[data-theme=dark] .simple-stage-empty-title{color:var(--studio-text)}html[data-theme=dark] .simple-add-card.danger:hover{background:rgba(192,0,10,.12)}@media (max-width:1260px){.simple-topbar-label{display:none}.simple-switch,.simple-whiteboard-launch{width:36px;height:36px;padding:0;justify-content:center}.simple-title{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:1100px){.simple-shell{grid-template-columns:232px 1fr 360px}}