@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&family=Merriweather:ital,wght@0,400;0,700;1,400&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#f8fbff;--bg:#09131d;--panel:#081620e0;--panel-strong:#0a1b27f5;--border:#a0c6db1f;--border-strong:#a0c6db3d;--text:#f8fbff;--muted:#9ab7ca;--accent:#6ad5ff;--accent-strong:#1ba7d7;--accent-warm:#f0b34a;--danger:#ef6a6a;--success:#74d49b;--shadow:0 22px 56px #01080e38;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--scrollbar-track:#09131d3d;--scrollbar-thumb:#2babd6b8;--scrollbar-thumb-hover:#5ad2f8e0;background:radial-gradient(circle at 0 0,#f4b4001a,#0000 22%),radial-gradient(circle at 100% 0,#0e749024,#0000 26%),#09131d;font-family:IBM Plex Sans,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track);background:linear-gradient(#6ad5ff80,#1ba7d7b8);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7addffc7,#1ba7d7eb)}html,body,#root{height:100%;min-height:100%}body{color:var(--text);background:radial-gradient(circle at 20% 0,#30abd81a,#0000 20%),linear-gradient(#08111a 0%,#0b1622 100%);margin:0;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.55;background-image:linear-gradient(#79adcc14 1px,#0000 1px),linear-gradient(90deg,#79adcc14 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000047,#0000 70%);mask-image:linear-gradient(#00000047,#0000 70%)}img{max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:0;color:var(--accent);margin:0 0 .45rem;font-size:.74rem}.muted{color:var(--muted)}.auth-page,.app-shell,.admin-shell{padding:28px;position:relative}.auth-page{grid-template-columns:minmax(0,1.25fr) minmax(320px,460px);align-items:stretch;gap:24px;min-height:100vh;display:grid}.app-shell,.admin-shell{flex-direction:column;gap:18px;height:100svh;min-height:100svh;display:flex;overflow:hidden}.auth-hero,.auth-panel,.panel,.stat-card,.topbar{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.auth-hero,.auth-panel,.panel{border-radius:var(--radius-xl)}.auth-hero{padding:48px;position:relative;overflow:hidden}.auth-hero:after{content:none}.auth-hero h1{max-width:15ch;margin:0;font-family:Space Grotesk,sans-serif;font-size:3.6rem;line-height:1.02}.auth-hero__lead{max-width:44rem;color:var(--muted);margin:1.25rem 0 0;font-size:1.08rem;line-height:1.7}.credential-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px;display:grid}.credential-strip--single{grid-template-columns:minmax(0,280px)}.credential-card{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;padding:18px 20px}.credential-card span{color:var(--muted);margin-bottom:6px;display:block}.credential-card strong{font-family:Space Grotesk,sans-serif}.auth-panel{align-self:center;padding:32px}.panel__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.panel__header h2,.panel-section__title h3,.viewer-side h2{margin:0;font-family:Space Grotesk,sans-serif}.auth-form,.panel-section{gap:20px;display:grid}.panel>.panel-section+.panel-section,.panel>.asset-grid{margin-top:10px}.field{gap:8px;display:grid}.field span{color:var(--muted);font-size:.92rem}.field-label{align-items:center;gap:7px;width:fit-content;min-width:0;display:inline-flex}.field-label>span{min-width:0}.context-help{flex:none;place-items:center;display:inline-grid;position:relative}.context-help__trigger{color:#dff7ff;background:#6ad5ff1a;border:1px solid #6ad5ff57;border-radius:999px;place-items:center;width:19px;height:19px;padding:0;font-size:.72rem;font-weight:900;line-height:1;display:inline-grid}.context-help__trigger:hover,.context-help__trigger:focus-visible{background:#6ad5ff2e;border-color:#6ad5ffad;outline:none}.context-help__bubble{z-index:30;width:min(260px,100vw - 48px);color:var(--muted);opacity:0;pointer-events:none;background:#040f17fa;border:1px solid #6ad5ff3d;border-radius:12px;gap:4px;padding:10px 12px;font-size:.76rem;line-height:1.42;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,5px);box-shadow:0 16px 34px #00000057}.context-help__bubble strong{color:var(--text);font-size:.78rem}.context-help__bubble>span{color:var(--muted);font-size:.76rem}.context-help:hover .context-help__bubble,.context-help:focus-within .context-help__bubble{opacity:1;transform:translate(-50%)}.field input,.field textarea,.field select{width:100%;color:var(--text);background:#071118bd;border:1px solid #a0c6db29;border-radius:14px;outline:none;padding:13px 14px;transition:border-color .16s,transform .16s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#6ad5ff8a;transform:translateY(-1px)}.field textarea{resize:vertical}.dropdown-field{min-width:0}.dropdown-picker{min-width:0;position:relative}.dropdown-picker__trigger{width:100%;min-height:46px;color:var(--text);text-align:left;background:#071118bd;border:1px solid #a0c6db29;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.dropdown-picker__trigger:hover,.dropdown-picker__trigger:focus-visible,.dropdown-picker__trigger[aria-expanded=true]{background:#0a1f2bd1;border-color:#6ad5ff6b}.dropdown-picker__trigger span{gap:2px;min-width:0;display:grid}.dropdown-picker__trigger strong,.dropdown-picker__option strong{color:var(--text);font-size:.9rem;line-height:1.1}.dropdown-picker__trigger small,.dropdown-picker__option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.18;overflow:hidden}.dropdown-picker__trigger.is-placeholder strong{color:var(--muted)}.dropdown-picker__trigger em{border-top:5px solid var(--muted);border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.dropdown-picker__menu{z-index:30;background:#050f16fa;border:1px solid #a0c6db2e;border-radius:14px;gap:8px;width:min(300px,76vw);padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 38px #00000061}.dropdown-picker__menu input{width:100%;min-height:36px;color:var(--text);background:#071118eb;border:1px solid #a0c6db29;border-radius:10px;padding:8px 10px}.dropdown-picker__list{gap:4px;max-height:250px;display:grid;overflow:auto}.dropdown-picker__list,.firewall-port-picker__list{scrollbar-width:thin;scrollbar-color:#25b8e0db #071118c7}.dropdown-picker__list::-webkit-scrollbar{width:8px}.firewall-port-picker__list::-webkit-scrollbar{width:8px}.dropdown-picker__list::-webkit-scrollbar-track{background:#071118c7;border-radius:999px}.firewall-port-picker__list::-webkit-scrollbar-track{background:#071118c7;border-radius:999px}.dropdown-picker__list::-webkit-scrollbar-thumb{background:#25b8e0db;border-radius:999px}.firewall-port-picker__list::-webkit-scrollbar-thumb{background:#25b8e0db;border-radius:999px}.dropdown-picker__option{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;gap:3px;padding:9px 10px;display:grid}.dropdown-picker__option:hover,.dropdown-picker__option:focus-visible,.dropdown-picker__option.is-active{background:#6ad5ff1f}.dropdown-picker__option.is-disabled{opacity:.58;cursor:not-allowed}.dropdown-picker__empty{color:var(--muted);padding:10px;font-size:.86rem}.password-field{position:relative}.password-field input{padding-right:54px}.password-toggle{width:36px;height:36px;color:var(--muted);background:#ffffff0a;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .16s,color .16s,transform .16s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{color:var(--accent);background:#6ad5ff1f;transform:translateY(calc(-50% - 1px))}.password-toggle svg{width:1.05rem;height:1.05rem}.password-toggle--inline{border-radius:10px;width:30px;height:30px;position:static;transform:none}.password-toggle--inline:hover,.password-toggle--inline:focus-visible{transform:none}.password-value{align-items:center;gap:8px;display:inline-flex}.password-value.is-empty{color:var(--text)}.password-value__text{letter-spacing:.04em}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-grid--fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),max-content));justify-content:start;align-items:end}.field--fit{width:min(var(--fit-field-width,24ch), 100%);min-width:min(100%,14ch);max-width:100%}.element-editor-basics{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(132px,.62fr) minmax(180px,1.1fr);align-items:end;gap:14px;display:grid}.primary-button,.secondary-button,.ghost-button,.upload-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.upload-button:hover{transform:translateY(-1px)}.primary-button svg,.secondary-button svg,.ghost-button svg,.upload-button svg{flex:none;width:1rem;height:1rem}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#03121a;font-weight:700}.primary-button--danger{color:#fff5f5;background:linear-gradient(135deg,#ef6a6a,#d84d4d)}.primary-button--large{min-height:52px}.secondary-button{color:var(--text);background:#1ba7d724;border-color:#6ad5ff3d}.ghost-button{color:var(--text);background:0 0;border-color:#a0c6db38}.ghost-button--danger{color:#ffd4d4;border-color:#ff6b6b4d}.ghost-button--danger:hover{background:#ff6b6b14;border-color:#ff6b6b70}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.upload-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.ghost-button--full{width:100%}.upload-button{color:var(--text);background:#f0b34a24;border-color:#f0b34a3d;position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.form-error,.form-success{border-radius:14px;margin:0;padding:12px 14px}.form-error{color:#ffd0d0;background:#ef6a6a1f;border:1px solid #ef6a6a40}.form-success{color:#d8ffe6;background:#74d49b1f;border:1px solid #74d49b3d}.overlay-close-button{width:38px;height:38px;color:var(--muted);background:#ffffff08;border:1px solid #a0c6db29;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.overlay-close-button:hover,.overlay-close-button:focus-visible{color:var(--text);background:#6ad5ff1a;border-color:#6ad5ff47;transform:translateY(-1px)}.overlay-close-button svg{width:1rem;height:1rem}.toast-stack{z-index:60;gap:10px;width:min(360px,100vw - 28px);display:grid;position:fixed;bottom:18px;right:18px}.status-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08141ef0;border:1px solid #a0c6db2e;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12px 12px 14px;display:flex;box-shadow:0 18px 36px #0000003d}.status-toast p{margin:0;font-size:.9rem;line-height:1.5}.status-toast .overlay-close-button{flex:none;width:32px;height:32px}.status-toast--success{color:#d8ffe6;background:linear-gradient(#133128f5,#0a1815f5);border-color:#74d49b47}.status-toast--error{color:#ffd0d0;background:linear-gradient(#3e1414f5,#1d0d0df5);border-color:#ef6a6a47}.topbar{border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.topbar h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,3vw,2.7rem)}.topbar--compact h1{font-size:clamp(1.5rem,2.2vw,2.2rem)}.topbar__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.role-badge{color:#ffd78b;background:#f0b34a24;border:1px solid #f0b34a33;border-radius:999px;align-items:center;min-height:42px;padding:0 16px;display:inline-flex}.mobile-readonly-pill{color:#cfefff;background:#6ad5ff14;border:1px solid #6ad5ff33;border-radius:999px;align-items:center;min-height:42px;padding:0 16px;font-size:.92rem;display:inline-flex}.workspace-shell{gap:10px;width:100%;min-width:0;padding:14px 14px 18px}.workspace-toolbar{flex:none;justify-content:flex-end;gap:10px;display:flex}.workspace-topbar__trigger{flex:none;min-width:132px}.workspace-actions-backdrop{z-index:38;opacity:0;pointer-events:none;background:#03090e6b;transition:opacity .22s;position:fixed;inset:0}.workspace-actions-backdrop.is-open{opacity:1;pointer-events:auto}.workspace-actions-drawer{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:radial-gradient(circle at 90% 0,#30bbe71a,#0000 34%),linear-gradient(#091721fc,#050f17fb);border:1px solid #a0c6db2e;border-radius:28px;flex-direction:column;gap:0;width:min(390px,100vw - 32px);padding:0;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .22s;display:flex;position:fixed;top:20px;bottom:20px;right:20px;overflow:hidden;transform:translate(calc(100% + 28px));box-shadow:0 30px 80px #0000006b,inset 0 1px #ffffff06}.workspace-actions-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.workspace-actions-drawer__header{background:#ffffff05;border-bottom:1px solid #a0c6db1a;gap:0;padding:22px 70px 20px 22px;display:grid;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-sidebar{background:radial-gradient(circle at 94% 2%,#3bbeec1a,#0000 30%),linear-gradient(#071721fa,#06131cfa);gap:0;padding:18px;container-type:inline-size}.admin-sidebar__hero{border-bottom:1px solid #a0c6db1f;padding-bottom:16px}.admin-sidebar__hero-copy{gap:5px;min-width:0}.admin-sidebar__hero-copy .eyebrow{margin-bottom:2px}.admin-sidebar__hero-copy h2{font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.1}.admin-sidebar__hero-copy>span{color:var(--muted);font-size:.76rem;line-height:1.45}.admin-sidebar .panel-collapse-button{background:#051119b3;flex:none;width:38px;height:38px}.admin-sidebar__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5fd5ff4d transparent;align-content:start;gap:16px;min-height:0;padding:16px 5px 4px 0;display:grid;overflow-y:auto}.schema-title-card{background:#ffffff06;border:1px solid #a0c6db1f;border-radius:16px;gap:12px;padding:13px;display:grid}.schema-title-card__heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.schema-title-card__heading>div{gap:3px;display:grid}.schema-title-card__heading>div>span{color:var(--muted);font-size:.68rem}.schema-title-card__heading strong{font-size:.82rem}.schema-title-card__status{color:#9cf0ce;white-space:nowrap;background:#45d39b14;border:1px solid #45d39b2e;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:.62rem;display:inline-flex}.schema-title-card .schema-quickbar{grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;gap:8px}.schema-title-card .schema-quickbar input{border-radius:12px;min-height:44px;padding-inline:12px;font-size:.78rem}.schema-title-card .schema-quickbar__action{color:#dff8ff;background:linear-gradient(135deg,#5fd5ff33,#1ba7d71f);border:1px solid #5fd5ff47;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.schema-title-card .schema-quickbar__action:hover{background:linear-gradient(135deg,#5fd5ff47,#1ba7d72e);border-color:#5fd5ff7a;transform:translateY(-1px)}.schema-title-card .schema-quickbar__action svg{width:17px;height:17px}.admin-sidebar__tools-section{align-content:start;gap:12px;min-height:auto;display:grid}.admin-right-rail{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.admin-right-rail>.panel{min-width:0}.admin-right-rail>.admin-sidebar:not(.admin-sidebar--collapsed),.admin-right-rail>.schema-inventory:not(.schema-inventory--collapsed){flex:auto;min-height:0}.admin-right-rail>.admin-sidebar--collapsed,.admin-right-rail>.schema-inventory--collapsed{flex:none}.schema-inventory{background:radial-gradient(circle at 100% 0,#8b79ff1a,#0000 34%),linear-gradient(#0d1a28fc,#06131dfc);border-color:#8b79ff33;flex-direction:column;gap:0;min-height:0;display:flex;overflow:hidden;container-type:inline-size;padding:0!important}.schema-inventory--collapsed{background:var(--panel);align-content:start;justify-items:center;display:grid;padding:14px 10px!important}.schema-inventory--collapsed .panel-bubble__button{min-height:112px}.schema-inventory--collapsed .panel-bubble__button small{color:#c8bcff;background:#8b79ff1f;border-radius:999px;min-width:24px;padding:3px 7px;font-size:.66rem;font-weight:800}.inventory-header{border-bottom:1px solid #8fb8cc21;justify-content:space-between;align-items:flex-start;gap:14px;padding:19px 18px 16px;display:flex}.inventory-header>div{gap:3px;min-width:0;display:grid}.inventory-header .eyebrow{margin:0}.inventory-header h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.35rem;line-height:1.12}.inventory-header>div>span{color:var(--muted);font-size:.72rem}.inventory-controls{border-bottom:1px solid #8fb8cc1a;gap:11px;padding:14px 14px 12px;display:grid}.inventory-search{min-width:0;height:42px;color:var(--muted);background:#040f17c7;border:1px solid #a0c6db24;border-radius:13px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 11px;transition:border-color .16s,box-shadow .16s;display:grid}.inventory-search:focus-within{border-color:#6ad5ff57;box-shadow:0 0 0 3px #6ad5ff12}.inventory-search>svg{width:17px;height:17px}.inventory-search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:.75rem}.inventory-search button{width:25px;height:25px;color:var(--muted);background:#ffffff0a;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.inventory-filters{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.inventory-filters button{min-height:31px;color:var(--muted);background:#ffffff06;border:1px solid #a0c6db1f;border-radius:10px;flex:none;align-items:center;gap:6px;padding:5px 9px;font-size:.66rem;font-weight:700;display:inline-flex}.inventory-filters button span{background:#ffffff0d;border-radius:999px;min-width:18px;padding:2px 5px;font-size:.58rem}.inventory-filters button.is-active{color:#dff7ff;background:#41b8e21f;border-color:#6ad5ff4d}.inventory-history{background:linear-gradient(90deg,#8b79ff12,#6ad5ff09);border-bottom:1px solid #8fb8cc1a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.inventory-history__copy{gap:2px;min-width:0;display:grid}.inventory-history__copy span{color:#a99cff;letter-spacing:.05em;text-transform:uppercase;font-size:.58rem;font-weight:800}.inventory-history__copy strong{color:#c9dce5;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:700;overflow:hidden}.inventory-history__actions{align-items:center;gap:5px;display:flex}.inventory-history__actions button{color:#c4d8e2;background:#040f178c;border:1px solid #a0c6db21;border-radius:10px;align-items:center;gap:5px;min-height:34px;padding:7px 9px;font-size:.62rem;font-weight:750;display:inline-flex}.inventory-history__actions button:hover:not(:disabled),.inventory-history__actions button:focus-visible:not(:disabled){color:#eeeaff;background:#8b79ff1a;border-color:#8b79ff52}.inventory-history__actions button:disabled{cursor:not-allowed;opacity:.38}.inventory-history__actions svg{width:14px;height:14px}.inventory-list{scrollbar-width:thin;scrollbar-color:#6ad5ff38 transparent;flex:auto;align-content:start;gap:13px;min-height:0;padding:13px 12px 16px;display:grid;overflow-y:auto}.inventory-group{gap:7px;display:grid}.inventory-group__heading{justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.inventory-group__heading h3{color:#b9cfdb;letter-spacing:.055em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:800}.inventory-group__heading>span{color:var(--muted);font-size:.62rem}.inventory-group__items{gap:6px;display:grid}.inventory-item{background:#ffffff06;border:1px solid #a0c6db1c;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px;transition:border-color .16s,background .16s,transform .16s;display:grid}.inventory-item:hover{background:#ffffff0a;border-color:#6ad5ff33;transform:translateY(-1px)}.inventory-item.is-active{background:linear-gradient(120deg,#2fa4cf24,#8b79ff12);border-color:#6ad5ff66;box-shadow:inset 0 0 0 1px #6ad5ff0d}.inventory-item__select{min-width:0;min-height:49px;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:37px minmax(0,1fr);align-items:center;gap:9px;padding:5px 6px;display:grid}.inventory-item__icon{color:#72d9fb;background:#6ad5ff12;border:1px solid #6ad5ff24;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.inventory-item__icon svg{width:19px;height:19px}.inventory-text-icon{font-family:Merriweather,serif;font-size:1rem;font-weight:800}.inventory-item__copy{gap:3px;min-width:0;display:grid}.inventory-item__copy strong,.inventory-item__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inventory-item__copy strong{font-size:.72rem}.inventory-item__copy small{color:var(--muted);font-size:.62rem}.inventory-item__actions{align-items:center;gap:4px;padding-right:3px;display:flex}.inventory-item__actions button{color:#b6d2df;background:#ffffff06;border:1px solid #a0c6db1c;border-radius:9px;place-items:center;width:31px;height:31px;padding:0;transition:border-color .15s,background .15s,color .15s;display:grid}.inventory-item__actions button:hover,.inventory-item__actions button:focus-visible{color:#e4f9ff;background:#6ad5ff1a;border-color:#6ad5ff47}.inventory-item__actions button.is-danger{color:#f5a5a5}.inventory-item__actions button.is-active{color:#d9d1ff;background:#8b79ff1f;border-color:#8b79ff5c}.inventory-item__actions button.is-danger:hover,.inventory-item__actions button.is-danger:focus-visible{color:#ffd0d0;background:#ef6a6a1a;border-color:#ef6a6a4d}.inventory-item__actions button:disabled{cursor:wait;opacity:.45}.inventory-item__actions svg{width:15px;height:15px}.inventory-position-editor{background:radial-gradient(circle at 100% 0,#8b79ff1a,#0000 42%),#030e16e0;border:1px solid #8b79ff38;border-radius:13px;grid-column:1/-1;gap:11px;margin:2px;padding:12px;display:grid}.inventory-position-editor__heading,.inventory-position-editor__footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.inventory-position-editor__heading>div{gap:2px;min-width:0;display:grid}.inventory-position-editor__heading strong{color:#eeeaff;font-size:.71rem}.inventory-position-editor__heading span{color:var(--muted);font-size:.59rem}.inventory-position-editor__heading>button{width:27px;height:27px;color:var(--muted);background:#ffffff08;border:1px solid #a0c6db1f;border-radius:8px;padding:0}.inventory-position-editor__body{grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:12px;display:grid}.inventory-position-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.inventory-position-fields label{background:#05121be6;border:1px solid #a0c6db24;border-radius:10px;grid-template-columns:25px minmax(0,1fr);align-items:center;min-width:0;display:grid;overflow:hidden}.inventory-position-fields label>span{color:#a99cff;border-right:1px solid #a0c6db1a;place-items:center;height:100%;font-size:.62rem;font-weight:850;display:grid}.inventory-position-fields input{min-width:0;height:36px;color:var(--text);background:0 0;border:0;outline:0;padding:0 8px;font-size:.7rem;font-weight:700}.inventory-position-pad{grid-template-rows:repeat(3,27px);grid-template-columns:repeat(3,30px);place-content:center;gap:3px;display:grid}.inventory-position-pad button,.inventory-position-pad>span{color:#cfe5ef;background:#ffffff09;border:1px solid #a0c6db1f;border-radius:8px;place-items:center;padding:0;font-size:.72rem;display:grid}.inventory-position-pad button:hover{background:#6ad5ff17;border-color:#6ad5ff47}.inventory-position-pad>span{color:#a99cff;border-color:#8b79ff2e;grid-area:2/2;font-size:.56rem;font-weight:850}.inventory-position-pad .is-up{grid-area:1/2}.inventory-position-pad .is-left{grid-area:2/1}.inventory-position-pad .is-right{grid-area:2/3}.inventory-position-pad .is-down{grid-area:3/2}.inventory-position-steps{gap:4px;display:flex}.inventory-position-steps button{min-height:28px;color:var(--muted);background:#ffffff06;border:1px solid #a0c6db1c;border-radius:8px;padding:5px 7px;font-size:.56rem;font-weight:750}.inventory-position-steps button.is-active{color:#e3deff;background:#8b79ff1a;border-color:#8b79ff4d}.inventory-position-apply{color:#dff7ff;background:#2fa4cf26;border:1px solid #6ad5ff47;border-radius:9px;min-height:31px;padding:6px 11px;font-size:.62rem;font-weight:800}.inventory-position-apply:disabled{cursor:wait;opacity:.55}.inventory-empty{min-height:180px;color:var(--muted);text-align:center;border:1px dashed #a0c6db21;border-radius:16px;align-content:center;justify-items:center;gap:7px;padding:20px;display:grid}.inventory-empty svg{color:#6ad5ffb3;width:25px;height:25px}.inventory-empty strong{color:var(--text);font-size:.8rem}.inventory-empty span{font-size:.67rem;line-height:1.45}@container (width<=330px){.inventory-item{grid-template-columns:minmax(0,1fr)}.inventory-item__actions{justify-content:flex-end;padding:0 5px 4px}.inventory-history,.inventory-position-editor__body{grid-template-columns:minmax(0,1fr)}.inventory-history__actions{justify-content:stretch}.inventory-history__actions button{flex:1;justify-content:center}.inventory-position-pad{justify-self:center}}@media (width<=1200px){.admin-right-rail{min-height:520px}}@media (width>=1201px){.admin-layout:not(.is-sidebar-collapsed){grid-template-columns:minmax(240px,.78fr) minmax(520px,1.86fr) minmax(350px,.96fr)}.admin-layout.is-assets-collapsed:not(.is-sidebar-collapsed){grid-template-columns:136px minmax(520px,1.94fr) minmax(350px,.96fr)}}@media (width>=1280px){.admin-layout:not(.is-sidebar-collapsed){grid-template-columns:minmax(240px,.76fr) minmax(520px,1.82fr) minmax(400px,1.05fr)}.admin-layout.is-assets-collapsed:not(.is-sidebar-collapsed){grid-template-columns:136px minmax(520px,1.86fr) minmax(400px,1.05fr)}}.admin-sidebar.studio-sidebar{background:radial-gradient(circle at 100% 0,#5fd5ff17,#0000 34%),linear-gradient(#091d29fc,#05151ffc);border-color:#5fd5ff38;gap:0;padding:0;display:flex;overflow:hidden;container-type:inline-size}.studio-header{border-bottom:1px solid #8fb8cc29;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 17px;display:flex}.studio-header>div{gap:4px;min-width:0;display:grid}.studio-header .eyebrow{margin:0;font-size:.72rem}.studio-header h2{color:#f8fbff;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,1.5vw,1.52rem);line-height:1.12}.studio-header>div>span{color:#9fb8c8;max-width:34ch;font-size:.82rem;line-height:1.45}.studio-header .panel-collapse-button{flex:none;width:40px;height:40px;margin:0}.studio-header .panel-collapse-button svg{width:18px;height:18px}.studio-scroll{scrollbar-color:#5fd5ff61 transparent;flex-direction:column;flex:1;gap:14px;min-height:0;padding:15px 16px 18px;display:flex;overflow:auto}.studio-project,.studio-ribbon,.studio-workbench,.studio-idle{background:#0d222fb8;border:1px solid #8fb8cc2b;border-radius:17px;box-shadow:0 12px 30px #00090f1f}.studio-project,.studio-ribbon,.studio-idle{flex:none}.studio-project{overflow:clip}.studio-project>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:11px 14px;list-style:none;display:flex}.studio-project>summary::-webkit-details-marker{display:none}.studio-project>summary>span{gap:2px;min-width:0;display:grid}.studio-project>summary small{color:#7fa1b5;font-size:.7rem}.studio-project>summary strong{color:#eaf7ff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.studio-project>summary>svg{color:#75cae8;width:18px;height:18px;transition:transform .16s}.studio-project[open]>summary>svg{transform:rotate(180deg)}.studio-project__editor{grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:0 12px 12px;display:grid}.studio-project__editor .field{margin:0}.studio-project__editor input{min-height:42px}.studio-project__editor>button{color:#bfeeff;background:#1d658040;border:1px solid #5fd5ff52;border-radius:12px;place-items:center;width:42px;min-height:42px;padding:0;display:grid}.studio-project__editor>button svg{width:19px;height:19px}.studio-ribbon{gap:12px;padding:14px;display:grid}.studio-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.studio-section-heading>div{gap:2px;display:grid}.studio-section-heading .eyebrow{margin:0;font-size:.66rem}.studio-section-heading strong{color:#f4fbff;font-family:Space Grotesk,sans-serif;font-size:.96rem}.studio-selection-button{color:#9cb6c5;background:#071822b3;border:1px solid #8fb8cc33;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:.73rem;font-weight:700;display:inline-flex}.studio-selection-button svg{width:15px;height:15px}.studio-selection-button.is-active{color:#98f1ce;background:#1c6c5038;border-color:#45d39b61}.studio-family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.studio-family-button{color:#dcebf3;text-align:left;background:#07182299;border:1px solid #8fb8cc2e;border-radius:14px;justify-items:start;gap:4px;min-width:0;min-height:92px;padding:11px;transition:border-color .15s,background .15s,transform .15s;display:grid}.studio-family-button:hover{background:#16415380;border-color:#5fd5ff66;transform:translateY(-1px)}.studio-family-button>span{color:#69d7ff;background:#0b2a39d1;border:1px solid #5fd5ff38;border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.studio-family-button svg{width:17px;height:17px}.studio-family-button strong{max-width:100%;color:inherit;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.studio-family-button small{color:#7f9dad;font-size:.68rem}.studio-family-button.is-active{color:#f6fcff;background:linear-gradient(145deg,#185c7694,#0c3040b8);border-color:#5fd5ffb3;box-shadow:inset 0 0 0 1px #5fd5ff14}.studio-workbench{flex-direction:column;flex:1 0 auto;gap:12px;min-height:480px;padding:14px;display:flex}.studio-workbench__body{gap:16px;display:grid}.studio-workbench__header{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.studio-workbench__icon{color:#68d8ff;background:#174e6466;border:1px solid #5fd5ff4d;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.studio-workbench__icon svg{width:18px;height:18px}.studio-workbench__header>div{gap:2px;min-width:0;display:grid}.studio-workbench__header strong{color:#f5fbff;font-family:Space Grotesk,sans-serif;font-size:.93rem}.studio-workbench__header span{color:#8faabb;font-size:.7rem;line-height:1.35}.studio-workbench__header>button{color:#9ce7ca;background:#1f6b5130;border:1px solid #45d39b47;border-radius:10px;align-items:center;gap:5px;min-height:33px;padding:7px 9px;font-size:.69rem;font-weight:800;display:inline-flex}.studio-workbench__header>button svg{width:14px;height:14px}.studio-tabs{background:#04121b9e;border:1px solid #8fb8cc29;border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.studio-tabs button{color:#86a5b6;background:0 0;border:0;border-radius:9px;min-width:0;min-height:34px;padding:7px 8px;font-size:.72rem;font-weight:750}.studio-tabs button.is-active{color:#effbff;background:#23667f80;box-shadow:inset 0 0 0 1px #5fd5ff3d}.studio-tab-panel{gap:14px;min-height:128px;display:grid}.studio-appearance-block{background:#04141d7a;border:1px solid #5fd5ff2e;border-radius:14px;gap:13px;padding:13px;display:grid}.studio-appearance-block__heading,.studio-preview-dock__heading{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.studio-appearance-block__heading>div,.studio-preview-dock__heading>div{gap:2px;display:grid}.studio-appearance-block__heading span,.studio-preview-dock__heading span{color:#65d4fb;letter-spacing:.06em;text-transform:uppercase;font-size:.64rem;font-weight:800}.studio-appearance-block__heading strong,.studio-preview-dock__heading strong{color:#edf9ff;font-family:Space Grotesk,sans-serif;font-size:.88rem}.studio-appearance-block__heading .studio-reset{justify-self:auto}.studio-appearance-grid{gap:16px;display:grid}.studio-live-preview{background-color:#05141d8a;background-image:linear-gradient(#5fd5ff09 1px,#0000 1px),linear-gradient(90deg,#5fd5ff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:15px 15px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px dashed #5fd5ff3d;border-radius:13px;place-items:center;min-height:76px;padding:9px;display:grid;overflow:hidden}.studio-preview-dock{background:linear-gradient(150deg,#123d4f4d,#05151f8f),#05141d75;border:1px solid #5fd5ff2b;border-radius:15px;flex-direction:column;flex:1 0 170px;gap:10px;min-height:170px;margin-top:auto;padding:13px;display:flex}.studio-preview-dock__heading small{color:#79a;text-align:right;max-width:30ch;font-size:.66rem;line-height:1.35}.studio-live-preview--dock{flex:1;min-height:112px}.studio-live-preview--dock .studio-arrow-preview{width:min(210px,70%);height:70px}.studio-live-preview--dock .studio-zone-preview{width:min(150px,52%);height:112px}.studio-preview-text{border:1px solid;border-radius:12px;place-items:center;width:min(320px,86%);min-height:70px;padding:13px 18px;line-height:1.25;display:grid}.studio-arrow-preview{width:78px;max-width:100%;height:29px;display:block}.studio-zone-preview{width:72px;max-width:100%;height:48px;display:block}.studio-variant-grid,.studio-shape-grid,.studio-preset-grid{gap:8px;display:grid}.studio-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-variant-grid>button,.studio-shape-grid>button,.studio-preset-grid>button{color:#d8e8f0;background:#061721a3;border:1px solid #8fb8cc2e;border-radius:12px;place-items:center;gap:6px;min-width:0;min-height:74px;padding:8px 6px;display:grid}.studio-variant-grid>button:hover,.studio-shape-grid>button:hover,.studio-preset-grid>button:hover{border-color:#5fd5ff6b}.studio-variant-grid>button.is-active,.studio-shape-grid>button.is-active,.studio-preset-grid>button.is-active{background:#1b576d75;border-color:#5fd5ffb3;box-shadow:inset 0 0 0 1px #5fd5ff14}.studio-variant-grid strong,.studio-shape-grid strong,.studio-preset-grid strong{max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.studio-shape-grid .studio-zone-preview{width:48px;height:35px}.studio-preset-grid>button>span{border-radius:8px;place-items:center;min-width:36px;min-height:31px;padding:4px 7px;font-size:1rem;display:grid}.studio-control{gap:8px;display:grid}.studio-control__heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.studio-control__heading strong{color:#d9e8f0;font-size:.76rem}.studio-control__heading span{color:#79a0b4;font-family:JetBrains Mono,monospace;font-size:.66rem}.studio-swatches{grid-template-columns:repeat(auto-fill,30px);justify-content:start;gap:7px;display:grid}.studio-swatches>button,.studio-custom-color{border:2px solid #deeff724;border-radius:9px;width:30px;height:30px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0410184d}.studio-swatches>button.is-active{border-color:#eefbff;box-shadow:0 0 0 2px #5fd5ff73}.studio-custom-color{cursor:pointer;color:#d9f6ff;background:linear-gradient(135deg,#ef4444,#facc15 32%,#45d39b 58%,#3b82f6 78%,#8356ed);border-color:#5fd5ff61;place-items:center;display:grid}.studio-custom-color:before{content:"";background:#071b27;border-radius:5px;position:absolute;inset:3px}.studio-custom-color input{opacity:0;width:1px;height:1px;position:absolute}.studio-custom-color span{z-index:1;font-weight:800;position:relative}.studio-range{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:10px;display:grid}.studio-range input[type=range]{accent-color:#56cff9;width:100%}.studio-range input[type=number]{color:#e9f7ff;text-align:center;background:#04121bb8;border:1px solid #8fb8cc38;border-radius:9px;width:56px;min-height:36px;padding:6px;font-family:JetBrains Mono,monospace;font-size:.72rem}.studio-segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.studio-segmented button{color:#9ab2c1;background:#05151e9e;border:1px solid #8fb8cc2e;border-radius:10px;min-height:38px;padding:8px;font-size:.72rem;font-weight:750}.studio-segmented button.is-active{color:#e9f9ff;background:#20617a75;border-color:#5fd5ff8c}.studio-select{color:#edf9ff;background:#071b27;border:1px solid #8fb8cc38;border-radius:10px;width:100%;min-height:40px;padding:8px 10px;font-size:.76rem}.studio-text-preview{border:1px solid;border-radius:12px;min-height:68px;padding:15px;line-height:1.25;overflow:hidden}.studio-type-row{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:10px;display:grid}.studio-format-buttons,.studio-align-buttons{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.studio-format-buttons button,.studio-align-buttons button{color:#a7bdca;background:#04121ba8;border:1px solid #8fb8cc2e;border-radius:9px;min-height:38px;padding:7px}.studio-format-buttons button.is-active,.studio-align-buttons button.is-active{color:#f2fbff;background:#1f5f7880;border-color:#5fd5ff8c}.studio-align-buttons button:first-child{text-align:left}.studio-align-buttons button:last-child{text-align:right;transform:scaleX(-1)}.studio-reset{color:#9fb9c7;background:0 0;border:1px solid #8fb8cc33;border-radius:10px;justify-self:start;min-height:35px;padding:7px 11px;font-size:.7rem;font-weight:700}.studio-tip{color:#7799ab;border-top:1px solid #8fb8cc21;margin:0;padding-top:10px;font-size:.69rem;line-height:1.45}.studio-idle{align-items:center;gap:11px;padding:12px 14px;display:flex}.studio-idle>span{color:#86dcb9;background:#27755733;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;display:grid}.studio-idle svg{width:16px;height:16px}.studio-idle p{gap:2px;margin:0;display:grid}.studio-idle strong{color:#dcebf2;font-size:.78rem}.studio-idle p{color:#809ead;font-size:.69rem;line-height:1.4}.studio-sidebar button:focus-visible,.studio-sidebar summary:focus-visible,.studio-sidebar select:focus-visible,.studio-sidebar input:focus-visible{outline-offset:2px;outline:2px solid #6bddff}@container (width>=600px){.studio-variant-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-appearance-grid{grid-template-columns:minmax(0,1.18fr) minmax(220px,.82fr);align-items:start}}@container (width<=350px){.studio-header{padding-inline:16px}.studio-scroll{padding-inline:12px}.studio-family-button{min-height:80px;padding:9px 7px}.studio-family-button small{display:none}.studio-family-button strong{font-size:.7rem}.studio-shape-grid,.studio-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-workbench__header{grid-template-columns:38px minmax(0,1fr)}.studio-workbench__header>button{grid-column:1/-1;justify-content:center}.studio-preview-dock__heading{flex-direction:column;align-items:flex-start;gap:5px}.studio-preview-dock__heading small{text-align:left;max-width:none}}@media (width<=1200px){.admin-sidebar.studio-sidebar{min-height:620px;max-height:90svh}.studio-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.studio-shape-grid,.studio-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-workbench__header{grid-template-columns:38px minmax(0,1fr)}.studio-workbench__header>button{grid-column:1/-1;justify-content:center}}.admin-sidebar__section-head strong{font-size:.9rem}.tool-stop-button,.tool-reset-button{color:var(--muted);background:#ffffff08;border:1px solid #a0c6db24;transition:border-color .16s,background .16s,color .16s}.tool-stop-button{white-space:nowrap;border-radius:999px;min-height:30px;padding:0 10px;font-size:.66rem}.tool-stop-button:hover,.tool-reset-button:hover{color:#dff8ff;background:#5fd5ff14;border-color:#5fd5ff47}.admin-sidebar .tool-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-sidebar .tool-choice{text-align:left;border-radius:14px;flex-direction:row;justify-content:flex-start;gap:9px;min-height:58px;padding:9px}.admin-sidebar .tool-choice__icon{border-radius:10px;width:2rem;height:2rem}.admin-sidebar .tool-choice__copy{justify-items:start;gap:2px;min-width:0}.admin-sidebar .tool-choice__copy strong{font-size:.75rem}.admin-sidebar .tool-choice__copy span{color:var(--muted);font-size:.63rem;display:block}.admin-sidebar .tool-choice.is-active .tool-choice__icon{background:#5fd5ff21;border-color:#5fd5ff52;box-shadow:0 0 20px #5fd5ff14}.admin-sidebar .tool-workspace{background:linear-gradient(#0e222ea8,#07151ebd),#ffffff05;border:1px solid #a0c6db1f;border-radius:18px;flex:none;gap:12px;min-height:auto;padding:13px;display:grid;overflow:visible}.admin-sidebar .tool-workspace__header{border-bottom:1px solid #a0c6db1a;gap:9px;padding-bottom:11px}.admin-sidebar .tool-workspace__badge{border-radius:11px;width:2.15rem;height:2.15rem}.tool-workspace__title-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-ready-pill{background:#45d39b14;border:1px solid #45d39b2e;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;display:inline-flex;color:#9cf0ce!important;font-size:.58rem!important;line-height:1!important}.admin-sidebar .tool-workspace__copy strong{font-size:.84rem}.admin-sidebar .tool-workspace__copy>span{font-size:.7rem;line-height:1.4}.tool-control{gap:8px;display:grid}.tool-control+.tool-control{padding-top:2px}.tool-control__heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-control__heading strong{color:#dcebf2;font-size:.7rem;font-weight:650}.tool-control__heading>span{color:#80a5b9;font-family:JetBrains Mono,monospace;font-size:.61rem}.admin-sidebar .tool-workspace__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-sidebar .tool-mini-card{border-radius:13px;gap:4px;padding:9px}.admin-sidebar .tool-mini-card__visual{min-height:24px}.admin-sidebar .tool-mini-card strong{font-size:.72rem}.admin-sidebar .tool-mini-card>span:last-child{font-size:.63rem;line-height:1.35}.admin-sidebar .tool-arrow-preview{max-width:64px;height:21px}.admin-sidebar .tool-zone-preview{max-width:62px;height:28px}.admin-sidebar .tool-zone-preview--shape{background:color-mix(in srgb, var(--tool-zone-fill) 18%, transparent);border-color:currentColor;width:46px;height:26px}.admin-sidebar .tool-text-preview{background:#ffffff06;border-color:#a0c6db24;min-width:42px;min-height:27px;padding:0 8px}.tool-color-grid{grid-template-columns:repeat(6,minmax(24px,1fr));gap:6px;display:grid}.tool-color-swatch,.tool-custom-color{aspect-ratio:1;border:1px solid #ffffff2e;border-radius:9px;width:100%;min-width:0;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;box-shadow:inset 0 0 0 1px #00000029}.tool-color-swatch:hover,.tool-custom-color:hover{transform:translateY(-1px)}.tool-color-swatch.is-active{border-color:#ffffffeb;box-shadow:0 0 0 2px #5fd5ff47,inset 0 0 0 1px #00000029}.tool-custom-color:focus-within{outline-offset:2px;outline:2px solid #5fd5ffb8}.tool-custom-color{cursor:pointer;background:conic-gradient(#ef4444,#facc15,#45d39b,#5fd5ff,#8b5cf6,#f472b6,#ef4444);place-items:center;display:grid;overflow:hidden}.tool-custom-color:before{content:"";background:#0a1b26;border-radius:6px;position:absolute;inset:4px}.tool-custom-color input{opacity:0;width:1px;height:1px;position:absolute}.tool-custom-color span{z-index:1;color:#f3fbff;font-size:1rem;line-height:1;position:relative}.tool-segmented{background:#040f168f;border:1px solid #a0c6db1c;border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.tool-segmented button,.tool-format-buttons button{min-height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 6px;font-size:.67rem;transition:border-color .15s,background .15s,color .15s}.tool-segmented button:hover,.tool-format-buttons button:hover{color:#eaf9ff;background:#ffffff0a}.tool-segmented button.is-active,.tool-format-buttons button.is-active{color:#dff8ff;background:#5fd5ff1f;border-color:#5fd5ff42;box-shadow:inset 0 0 0 1px #ffffff06}.tool-select{width:100%;min-height:40px;color:var(--text);background:#071923;border:1px solid #a0c6db24;border-radius:11px;padding:0 34px 0 11px;font-size:.72rem}.tool-format-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.tool-format-buttons button{background:#040f167a;border-color:#a0c6db1c;font-size:.78rem}.tool-text-live-preview{background-color:#040f1675;background-image:linear-gradient(90deg,#5fd5ff0b 1px,#0000 1px),linear-gradient(#5fd5ff0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:14px 14px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px dashed #5fd5ff38;border-radius:13px;align-items:center;min-height:66px;padding:12px;line-height:1.2;display:flex;overflow:hidden}.tool-reset-button{border-radius:11px;min-height:36px;font-size:.68rem}.tool-inline-hint{color:var(--muted);background:#5fd5ff0e;border:1px solid #5fd5ff1f;border-radius:12px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;margin:0;padding:9px;font-size:.66rem;line-height:1.45;display:grid}.tool-inline-hint>span{width:22px;height:22px;color:var(--accent);border:1px solid #5fd5ff33;border-radius:999px;justify-content:center;align-items:center;font-family:Merriweather,serif;font-size:.68rem;font-style:italic;display:inline-flex}.tool-selection-guide{gap:2px;display:grid}.tool-selection-guide>div{border-bottom:1px solid #a0c6db14;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:9px;padding:8px 0;display:grid}.tool-selection-guide>div:last-child{border-bottom:0}.tool-selection-guide>div>span{width:26px;height:26px;color:var(--accent);background:#5fd5ff14;border:1px solid #5fd5ff33;border-radius:9px;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:inline-flex}.tool-selection-guide p{color:var(--muted);gap:2px;margin:0;font-size:.67rem;line-height:1.4;display:grid}.tool-selection-guide p strong{color:var(--text);font-size:.72rem}.tool-empty-state{text-align:center;border:1px dashed #a0c6db24;border-radius:14px;justify-items:center;gap:7px;padding:24px 14px;display:grid}.tool-empty-state>span{width:40px;height:40px;color:var(--accent);background:#5fd5ff14;border-radius:13px;justify-content:center;align-items:center;display:inline-flex}.tool-empty-state svg{width:18px;height:18px}.tool-empty-state strong{font-size:.76rem}.tool-empty-state p{color:var(--muted);margin:0;font-size:.67rem;line-height:1.45}.admin-sidebar--collapsed{background:var(--panel);padding:14px 10px;container-type:normal}@container (width<=285px){.admin-sidebar .tool-workspace__grid{grid-template-columns:minmax(0,1fr)}.schema-title-card__status,.admin-sidebar .tool-choice__copy span{display:none}.admin-sidebar .tool-choice{text-align:center;flex-direction:column;align-items:center}.admin-sidebar .tool-choice__copy{justify-items:center}.tool-color-grid{grid-template-columns:repeat(4,minmax(24px,1fr))}}@media (width<=720px){.admin-sidebar{padding:16px}.admin-sidebar__scroll{padding-right:0;overflow:visible}.admin-sidebar .tool-workspace__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.schema-title-card__status{display:none}.admin-sidebar .tool-workspace__grid{grid-template-columns:minmax(0,1fr)}.tool-color-grid{grid-template-columns:repeat(6,minmax(24px,1fr))}}.workspace-actions-drawer__identity{align-items:center;gap:11px;display:flex}.workspace-actions-drawer__identity>div{gap:2px;min-width:0;display:grid}.workspace-actions-drawer__identity .eyebrow{margin:0;font-size:.68rem}.workspace-actions-drawer__identity>div>span{color:var(--muted);font-size:.72rem}.workspace-actions-drawer__mark{color:#75dcff;background:linear-gradient(145deg,#6ad5ff26,#1ba7d70d);border:1px solid #6ad5ff3d;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #ffffff0f}.workspace-actions-drawer__mark svg{width:20px;height:20px}.workspace-actions-drawer__header h2{overflow-wrap:anywhere;margin:18px 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.45rem,4vw,1.72rem);line-height:1.08}.workspace-actions-drawer__meta{color:var(--muted);align-items:center;gap:7px;margin:7px 0 0;font-size:.82rem;line-height:1.4;display:flex}.workspace-actions-drawer__meta span{color:#6ad5ff9e}.workspace-actions-drawer__close{position:absolute;top:22px;right:22px}.workspace-actions-drawer__body{scrollbar-width:thin;scrollbar-color:#6ad5ff38 transparent;flex:auto;align-content:start;gap:14px;min-height:0;padding:18px 18px 16px;display:grid;overflow-y:auto}.workspace-actions-drawer__footer{background:#030b116b;border-top:1px solid #a0c6db1a;gap:8px;padding:14px 18px 18px;display:grid}.workspace-actions-group{background:linear-gradient(145deg,#ffffff09,#0000 68%),#ffffff04;border:1px solid #a0c6db1f;border-radius:19px;gap:10px;padding:15px;display:grid}.workspace-actions-group__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.workspace-actions-group__heading>div{min-width:0}.workspace-actions-group h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:.98rem;line-height:1.25}.workspace-actions-group .eyebrow{margin:0 0 4px;font-size:.63rem}.workspace-actions-group__heading>span{color:#a9f3c9;letter-spacing:.04em;text-transform:uppercase;background:#73e2a614;border:1px solid #73e2a633;border-radius:999px;flex:none;padding:4px 7px;font-size:.6rem;font-weight:800}.workspace-actions-group__description{color:var(--muted);margin:-1px 0 2px;font-size:.76rem;line-height:1.45}.workspace-action-card{width:100%;min-height:66px;color:var(--text);text-align:left;background:#06121bb3;border:1px solid #a0c6db24;border-radius:15px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:10px 11px;transition:transform .17s,border-color .17s,background .17s,box-shadow .17s;display:grid}.workspace-action-card:hover,.workspace-action-card:focus-visible{transform:translateY(-1px)}.workspace-action-card--export:hover,.workspace-action-card--export:focus-visible{background:#2aa8d817;border-color:#4fcdff61;box-shadow:0 8px 24px #1e8cb814}.workspace-action-card--import:hover,.workspace-action-card--import:focus-visible{background:#e2972f14;border-color:#f5b35661;box-shadow:0 8px 24px #b5721c14}.workspace-action-card__icon,.workspace-interactive-action__icon{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.workspace-action-card--export .workspace-action-card__icon{color:#70dcff;background:#4fcdff1f}.workspace-action-card--import .workspace-action-card__icon{color:#ffc978;background:#f5b3561f}.workspace-action-card__icon svg,.workspace-interactive-action__icon svg{width:19px;height:19px}.workspace-action-card__copy{gap:3px;min-width:0;display:grid}.workspace-action-card__copy strong{font-size:.8rem;line-height:1.2}.workspace-action-card__copy small{color:var(--muted);font-size:.68rem;line-height:1.35}.workspace-action-card__arrow{color:#cae2f085;place-items:center;transition:transform .17s,color .17s;display:grid}.workspace-action-card:hover .workspace-action-card__arrow{color:var(--text);transform:translate(2px)}.workspace-action-card__arrow svg{width:16px;height:16px}.workspace-interactive-action{width:100%;min-height:64px;color:var(--text);text-align:left;background:linear-gradient(120deg,#22aadc2e,#4b61d81a),#06121bb8;border:1px solid #6ad5ff40;border-radius:15px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:11px;transition:transform .17s,border-color .17s,background .17s;display:grid}.workspace-interactive-action:hover,.workspace-interactive-action:focus-visible{background:linear-gradient(120deg,#22aadc3d,#4b61d824),#06121bc7;border-color:#6ad5ff7a;transform:translateY(-1px)}.workspace-interactive-action:disabled{cursor:wait;opacity:.64;transform:none}.workspace-interactive-action__icon{color:#75dcff;background:#6ad5ff21}.workspace-interactive-action>span:last-child{gap:3px;min-width:0;display:grid}.workspace-interactive-action strong{font-size:.8rem}.workspace-interactive-action small{color:#a9c8d9;font-size:.68rem;line-height:1.35}.workspace-utility-action{color:#c9dce7;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:11px;width:100%;min-height:44px;padding:9px 13px;font-size:.79rem;font-weight:700;transition:border-color .16s,background .16s,color .16s;display:grid}.workspace-utility-action:hover,.workspace-utility-action:focus-visible{color:var(--text);background:#ffffff0a;border-color:#a0c6db21}.workspace-utility-action svg{width:18px;height:18px}.workspace-utility-action--edit{color:#a9e6fa}.workspace-utility-action--danger{color:#ffadad}.workspace-utility-action--danger:hover,.workspace-utility-action--danger:focus-visible{color:#ffd0d0;background:#ef6a6a14;border-color:#ef6a6a33}.workspace-mobile-lock{min-height:44px;color:var(--muted);text-align:center;background:#ffffff08;border:1px solid #a0c6db1f;border-radius:13px;place-items:center;padding:9px 12px;font-size:.72rem;line-height:1.4;display:grid}.admin-shell--editor>.topbar{display:none}.admin-shell--editor{gap:12px;padding:14px}.editor-toolbar{flex:none;justify-content:flex-end;display:flex}.editor-toolbar__trigger{min-width:132px}.editor-header-backdrop{z-index:38;opacity:0;pointer-events:none;background:#03090e6b;transition:opacity .22s;position:fixed;inset:0}.editor-header-backdrop.is-open{opacity:1;pointer-events:auto}.editor-header-drawer{width:min(390px,100vw - 32px)}.editor-navigation-card .workspace-action-card__icon{color:#70dcff;background:#4fcdff1f}.editor-navigation-card:hover,.editor-navigation-card:focus-visible{background:#2aa8d817;border-color:#4fcdff61;box-shadow:0 8px 24px #1e8cb814}.editor-navigation-card--users .workspace-action-card__icon{color:#c3a8ff;background:#a681ff1f}.editor-navigation-card--users:hover,.editor-navigation-card--users:focus-visible{background:#7b51cc1a;border-color:#a681ff61}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.stats-row--compact{gap:12px;margin:14px 0 16px}.stat-card{border-radius:var(--radius-lg);padding:18px 20px}.stat-card span{color:var(--muted)}.stat-card strong{margin-top:12px;font-family:Space Grotesk,sans-serif;font-size:2.4rem;display:block}.stat-card--compact{padding:14px 16px}.stat-card--compact strong{margin-top:8px;font-size:2rem}.viewer-layout{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:22px;min-height:0;display:grid}.portal-shell{height:100svh;min-height:100svh;overflow:hidden auto}.portal-topbar{flex-wrap:wrap;flex:none}.portal-topbar>div:first-child{flex:360px;min-width:min(100%,280px)}.portal-topbar h1{max-width:18ch;font-size:2.35rem;line-height:1.12}.portal-topbar .topbar__actions{flex:420px;justify-content:flex-end;min-width:0}.patch-notes-trigger{gap:9px}.patch-notes-trigger__icon{color:#dff7ff;background:#75e5ff24;border:1px solid #75e5ff57;border-radius:7px;place-items:center;width:22px;height:22px;font-family:Space Grotesk,sans-serif;font-size:.86rem;font-weight:800;display:inline-grid}.patch-notes-modal{grid-template-rows:auto minmax(0,1fr);width:min(920px,100vw - 32px);max-height:calc(100svh - 32px);display:grid;overflow:hidden}.portal-updates{flex:none;align-items:stretch;gap:14px;display:grid}.portal-updates__summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-width:0;list-style:none;display:flex}.portal-updates__summary::-webkit-details-marker{display:none}.patch-note-row>summary::-webkit-details-marker{display:none}.portal-updates__header{gap:4px;min-width:0;padding:4px 0;display:grid}.portal-updates__header>span{color:var(--muted);font-size:.78rem}.portal-updates__chevron,.patch-note-row__chevron{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:11px;height:11px;transition:transform .18s;transform:rotate(45deg)}.portal-updates[open] .portal-updates__chevron,.patch-note-row[open] .patch-note-row__chevron{transform:rotate(225deg)}.portal-updates__content{gap:12px;display:grid}.portal-updates__header h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.5rem;line-height:1.15}.portal-updates__history{justify-self:start;min-height:40px}.portal-updates__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}.portal-update-card{background:linear-gradient(#0d2230db,#08151fd1),#ffffff06;border:1px solid #a0c6db21;border-radius:18px;grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:118px;padding:14px;display:grid;box-shadow:0 14px 30px #00000029}.portal-update-card__copy{gap:6px;min-width:0;display:grid}.portal-update-card ul{color:var(--muted);gap:5px;margin:4px 0 0;padding-left:17px;font-size:.82rem;line-height:1.45;display:grid}.portal-update-card time,.patch-note-row time{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:.86rem;font-weight:700}.portal-update-card h3,.patch-note-row h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.2}.portal-update-card p,.patch-note-row p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.patch-note-mark{background:#ffffff0b;border:1px solid #a0c6db29;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff06}.patch-note-mark:before,.patch-note-mark:after{content:"";border-radius:999px;position:absolute}.patch-note-mark:before{border:2px solid;width:16px;height:16px}.patch-note-mark:after{background:currentColor;width:6px;height:6px}.patch-note-mark--fix{color:#74d49b;background:#74d49b1f;border-color:#74d49b38}.patch-note-mark--network{color:#6ad5ff;background:#6ad5ff1f;border-color:#6ad5ff38}.patch-note-mark--ui{color:#f0b34a;background:#f0b34a21;border-color:#f0b34a38}.patch-note-mark--export{color:#c7b9ff;background:#977cff21;border-color:#977cff38}.patch-notes-layout{grid-template-columns:188px minmax(0,1fr);gap:14px;min-height:0;padding:0 18px 18px;display:grid}.patch-notes-nav{scrollbar-width:thin;scrollbar-color:#25b8e0db #071118c7;align-content:start;gap:8px;min-height:0;max-height:min(560px,100svh - 210px);padding:2px 6px 2px 0;display:grid;overflow:auto}.patch-notes-nav::-webkit-scrollbar{width:8px;height:8px}.patch-notes-list::-webkit-scrollbar{width:8px;height:8px}.patch-notes-nav::-webkit-scrollbar-track{background:#071118c7;border-radius:999px}.patch-notes-list::-webkit-scrollbar-track{background:#071118c7;border-radius:999px}.patch-notes-nav::-webkit-scrollbar-thumb{background:#25b8e0db;border-radius:999px}.patch-notes-list::-webkit-scrollbar-thumb{background:#25b8e0db;border-radius:999px}.patch-notes-nav a{color:var(--text);background:#ffffff06;border:1px solid #a0c6db1a;border-radius:12px;gap:4px;padding:10px;text-decoration:none;display:grid}.patch-notes-nav a:hover,.patch-notes-nav a:focus-visible{background:#6ad5ff14;border-color:#6ad5ff57}.patch-notes-nav time{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:800}.patch-notes-nav span{color:var(--muted);font-size:.78rem;line-height:1.28}.patch-notes-list{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#25b8e0db #071118c7;align-content:start;gap:12px;min-height:0;max-height:min(560px,100svh - 210px);padding:0 8px 2px 0;display:grid;overflow:auto}.patch-note-row{background:#ffffff08;border:1px solid #a0c6db1f;border-radius:16px;padding:14px;scroll-margin-top:8px}.patch-note-row:target{border-color:#6ad5ff61;box-shadow:0 0 0 3px #6ad5ff14}.patch-note-row>summary{cursor:pointer;grid-template-columns:116px minmax(0,1fr) 18px;align-items:start;gap:14px;list-style:none;display:grid}.patch-note-row__meta{align-content:start;gap:10px;display:grid}.patch-note-row__details{padding-left:130px}.patch-note-row ul{color:var(--muted);gap:6px;margin:10px 0 0;padding-left:18px;line-height:1.5;display:grid}.portal-group-card__index{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:2.2rem}.portal-group-list{flex:auto;align-content:start;gap:16px;min-height:auto;padding-bottom:20px;padding-right:0;display:grid;overflow:visible}.portal-group-list--standalone{scrollbar-width:thin;scrollbar-color:#6ad5ff57 #09131d2e;min-height:auto;padding-top:6px;padding-right:0;overflow:hidden visible}.portal-group-list--standalone::-webkit-scrollbar{width:10px}.portal-group-list--standalone::-webkit-scrollbar-track{background:#09131d3d;border-radius:999px}.portal-group-list--standalone::-webkit-scrollbar-thumb{background:linear-gradient(#6ad5ff7a,#1ba7d7ad);border:2px solid #09131d3d;border-radius:999px}.portal-group-list--standalone::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7addffb8,#1ba7d7e6)}.portal-group-accordion{box-shadow:var(--shadow);background:linear-gradient(#081823f5,#08151feb),#081620e6;border:1px solid #a0c6db24;border-radius:26px;overflow:hidden}.portal-group-accordion.is-open{box-shadow:var(--shadow), inset 0 0 0 1px #6ad5ff1f;border-color:#6ad5ff4d}.portal-group-accordion.is-current{border-color:#6ad5ff61}.portal-group-trigger{width:100%;color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;display:flex}.portal-group-trigger__meta{align-items:center;gap:18px;min-width:0;display:flex}.portal-group-trigger__meta strong{font-family:Space Grotesk,sans-serif;font-size:1.35rem;display:block}.portal-group-trigger__side{color:var(--muted);flex:none;place-items:center end;gap:16px;font-size:.92rem;display:flex}.portal-group-trigger__chevron{width:2.2rem;height:2.2rem;color:var(--accent);background:#ffffff08;border:1px solid #a0c6db24;border-radius:999px;justify-content:center;align-items:center;font-size:1.05rem;transition:transform .22s,background .22s,border-color .22s;display:inline-flex;transform:rotate(0)}.portal-group-trigger__chevron.is-open{background:#6ad5ff14;border-color:#6ad5ff3d;transform:rotate(180deg)}.portal-group-accordion__body{display:none}.portal-group-accordion__body.is-open{display:block}.portal-group-accordion__inner{gap:0;padding:0 26px 24px;display:grid;overflow:visible}.portal-group-drawer{background:linear-gradient(#102533bd,#0a1822d1),#ffffff08;border:1px solid #a0c6db1f;border-radius:24px;gap:16px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff08}.portal-member-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}.portal-member-button{width:100%;min-height:82px;color:var(--text);text-align:left;background:#06121b8a;border:1px solid #a0c6db1f;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:16px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.portal-member-button:hover{background:#112532c2;border-color:#6ad5ff4d;transform:translateY(-1px);box-shadow:0 14px 26px #00000029}.portal-member-button strong{overflow-wrap:anywhere;font-size:1rem;line-height:1.2;display:block}.portal-member-button span,.portal-member-button small{color:var(--muted)}.portal-member-button__copy{gap:6px;min-width:0;display:grid}.portal-member-button__action{min-height:38px;color:var(--text);white-space:nowrap;background:#ffffff0a;border:1px solid #a0c6db24;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 14px;font-size:.84rem;display:inline-flex}.portal-member-password{color:#d8f7ff;background:#6ad5ff1a;border:1px solid #6ad5ff2e;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 10px;font-size:.78rem;display:inline-flex}.portal-member-password strong{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.85rem}.portal-member-empty{color:var(--muted);text-align:center;border:1px dashed #a0c6db2e;border-radius:20px;padding:24px 18px}.portal-login-password-hint{color:var(--muted);background:#6ad5ff14;border:1px solid #6ad5ff2e;border-radius:16px;margin:0;padding:12px 14px;line-height:1.55}.viewer-layout--compact{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}.workspace-canvas-shell{min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0;display:flex;overflow:hidden}.workspace-canvas-shell .canvas-shell,.workspace-canvas-shell .canvas-stage{min-width:0}.workspace-canvas-shell .canvas-shell{flex:1}.workspace-canvas-shell .canvas-stage,.workspace-canvas-shell .canvas-stage.is-compact{height:100%;min-height:0}.viewer-main,.viewer-side,.panel--canvas{min-height:0}.viewer-main,.panel--canvas{display:flex}.panel--canvas{flex-direction:column}.panel,.viewer-side{padding:24px}.admin-shell--editor .panel,.admin-shell--editor .viewer-side{padding:18px}.viewer-side{overflow:auto}.viewer-side p{color:var(--muted);margin:0 0 14px;line-height:1.65}.viewer-side--compact{padding:16px}.viewer-side--compact p{font-size:.96rem}.admin-layout{flex:1;grid-template-columns:minmax(240px,.82fr) minmax(0,2.08fr) minmax(232px,.74fr);align-items:stretch;gap:12px;height:100%;min-height:0;display:grid}.admin-layout.is-assets-collapsed{grid-template-columns:136px minmax(0,2.08fr) minmax(232px,.74fr)}.user-admin-layout{flex:1;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:22px;min-height:0;display:grid}.user-admin-sidebar,.user-admin-editor{flex-direction:column;min-height:0;display:flex}.user-admin-sidebar{gap:18px}.user-admin-filters{gap:14px;display:grid}.user-admin-filter-badge{justify-self:start}.user-admin-list{gap:12px;padding-right:6px;display:grid;overflow:auto}.user-admin-list-item{width:100%;color:var(--text);text-align:left;background:#ffffff08;border:1px solid #a0c6db24;border-radius:18px;gap:12px;padding:16px 18px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.user-admin-list-item:hover{background:#1125328a;border-color:#6ad5ff33;transform:translateY(-1px)}.user-admin-list-item.is-active{background:linear-gradient(135deg,#6ad5ff2e,#1ba7d71f);border-color:#6ad5ff61;box-shadow:inset 0 0 0 1px #6ad5ff14}.user-admin-list-item strong{font-size:1rem}.user-admin-list-item span,.user-admin-list-item small{color:var(--muted)}.user-admin-editor .auth-form{gap:22px}.user-admin-password-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.temporary-password-panel{background:#74d49b17;border:1px solid #74d49b52;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.temporary-password-panel>div{gap:7px;min-width:0;display:grid}.temporary-password-panel span{color:var(--muted);font-size:.84rem}.temporary-password-panel code{color:#e6fff0;overflow-wrap:anywhere;font-size:1.05rem;font-weight:800}.user-admin-section{background:#ffffff06;border:1px solid #a0c6db1f;border-radius:8px;gap:14px;padding:18px;display:grid}.user-admin-section h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.admin-layout.is-sidebar-collapsed{grid-template-columns:minmax(248px,.88fr) minmax(0,1.95fr) 136px}.admin-layout.is-assets-collapsed.is-sidebar-collapsed{grid-template-columns:136px minmax(0,2.08fr) 136px}.panel-section--scroll{flex:1;min-height:0;padding-right:8px;overflow:auto}.panel-empty{min-height:220px;color:var(--muted);text-align:center;place-items:center;display:grid}.stacked-actions{gap:10px;display:grid}.tool-switch{grid-template-columns:1fr;gap:12px;display:grid}.tool-hint{background:#1ba7d71a;border:1px solid #6ad5ff2e;border-radius:16px;gap:8px;padding:14px;display:grid}.tool-hint strong{font-size:.94rem}.tool-hint span{color:var(--muted);font-size:.9rem}.tool-workspace{flex:1;align-content:start;gap:12px;min-height:0;padding:4px 0 0;display:grid;overflow:auto}.tool-workspace__header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.tool-workspace__badge{width:2rem;height:2rem;color:var(--accent);background:#6ad5ff14;border:1px solid #6ad5ff2e;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.tool-workspace__badge svg{width:.9rem;height:.9rem}.tool-workspace__copy{gap:4px;display:grid}.tool-workspace__copy strong{font-size:.92rem}.tool-workspace__copy span{color:var(--muted);font-size:.8rem;line-height:1.5}.tool-workspace__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;display:grid}.tool-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tool-choice{width:100%;min-height:52px;color:var(--text);text-align:center;background:#ffffff08;border:1px solid #a0c6db1f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 5px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.tool-choice:hover{background:#1125328a;border-color:#6ad5ff33;transform:translateY(-1px)}.tool-choice.is-active{background:linear-gradient(135deg,#6ad5ff33,#1ba7d71f);border-color:#6ad5ff66;box-shadow:inset 0 0 0 1px #ffffff0a}.tool-choice__icon{width:1.85rem;height:1.85rem;color:var(--accent);background:#051017ad;border:1px solid #a0c6db29;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tool-choice__icon svg{width:.84rem;height:.84rem}.tool-choice__copy{justify-items:center;gap:0;display:grid}.tool-choice__copy strong{font-size:.74rem;line-height:1.1}.tool-choice__copy span{display:none}.tool-mini-card{width:100%;min-width:0;color:var(--text);text-align:left;background:#ffffff08;border:1px solid #a0c6db1a;border-radius:14px;align-content:start;gap:6px;padding:10px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}button.tool-mini-card{cursor:pointer}button.tool-mini-card:hover{background:#1125328a;border-color:#6ad5ff33;transform:translateY(-1px)}.tool-mini-card.is-active{background:linear-gradient(135deg,#6ad5ff2e,#1ba7d71a);border-color:#6ad5ff61;box-shadow:inset 0 0 0 1px #6ad5ff14}.tool-mini-card--static{cursor:default}.tool-mini-card--wide{grid-column:1/-1}.tool-mini-card strong{font-size:.8rem}.tool-mini-card>span:last-child{color:var(--muted);font-size:.74rem;line-height:1.45}.tool-mini-card__visual{min-height:28px;color:var(--accent);align-items:center;display:inline-flex}.tool-chip-row{flex-wrap:wrap;gap:6px;display:flex}.tool-chip{color:#dff7ff;background:#6ad5ff14;border:1px solid #6ad5ff29;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-size:.7rem;line-height:1;display:inline-flex}.tool-arrow-preview{width:100%;max-width:72px;height:24px}.tool-zone-preview{width:100%;max-width:76px;height:34px}.tool-zone-preview--shape{background:#6ad5ff24;border:2px solid;border-radius:10px;width:52px;height:30px}.tool-zone-preview--shape.is-circle{border-radius:999px}.tool-text-preview{color:#dff7ff;letter-spacing:.04em;background:#6ad5ff14;border:1px solid #6ad5ff29;border-radius:10px;justify-content:center;min-width:48px;min-height:30px;padding:0 10px;font-family:Space Grotesk,sans-serif;font-size:.8rem}.tool-context-card{background:linear-gradient(#112532a8,#0a161fc7),#08141ee0;border:1px solid #6ad5ff2e;border-radius:18px;gap:12px;padding:14px;display:grid}.tool-context-card__header{align-items:flex-start;gap:12px;display:flex}.tool-context-card__icon{width:2.8rem;height:2.8rem;color:var(--accent);background:#6ad5ff1f;border:1px solid #6ad5ff2e;border-radius:15px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tool-context-card__icon svg{width:1.15rem;height:1.15rem}.tool-context-card__copy{gap:4px;display:grid}.tool-context-card__copy strong{font-size:.95rem}.tool-context-card__copy span{color:var(--muted);font-size:.82rem;line-height:1.45}.tool-context-card__body{gap:12px;display:grid}.tool-context-card__text{color:var(--muted);margin:0;font-size:.84rem;line-height:1.55}.tool-inline-note{color:var(--muted);background:#ffffff06;border:1px solid #a0c6db1a;border-radius:14px;margin:0;padding:10px 12px;font-size:.82rem;line-height:1.5}.tool-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-status__pill{min-height:38px;color:var(--text);background:#ffffff0a;border:1px solid #6ad5ff2e;border-radius:999px;align-items:center;padding:0 14px;font-size:.88rem;display:inline-flex}.tool-accordion-group{gap:12px}.tool-accordion{background:#ffffff06;border:1px solid #a0c6db1f;border-radius:20px;overflow:hidden}.tool-accordion.is-open{background:#11253280;border-color:#6ad5ff3d;box-shadow:0 18px 38px #00000024}.tool-accordion__header{width:100%;color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.tool-accordion__summary{align-items:center;gap:12px;min-width:0;display:flex}.tool-accordion__summary strong{font-size:.98rem}.tool-accordion__icon,.tool-card__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.tool-accordion__icon{width:2.6rem;height:2.6rem;color:var(--accent);background:#6ad5ff1f;border:1px solid #6ad5ff2e;border-radius:14px}.tool-accordion__icon svg,.tool-card__icon svg,.admin-sidebar__open svg{width:1.1rem;height:1.1rem}.tool-accordion__chevron{min-width:2rem;color:var(--muted);justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:inline-flex}.tool-accordion__body{gap:14px;padding:0 18px 18px;display:grid}.tool-card-grid{gap:10px;display:grid}.tool-card{width:100%;color:var(--text);text-align:left;background:#ffffff08;border:1px solid #a0c6db1f;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.tool-card:hover{background:#11253294;border-color:#6ad5ff33;transform:translateY(-1px)}.tool-card.is-active{background:linear-gradient(135deg,#6ad5ff38,#1ba7d729);border-color:#6ad5ff6b;box-shadow:inset 0 0 0 1px #ffffff0a}.tool-card__icon{width:2.5rem;height:2.5rem;color:var(--accent);background:#051017a3;border:1px solid #a0c6db24;border-radius:14px}.tool-card__meta{gap:4px;min-width:0;display:grid}.tool-card__meta strong{font-size:.95rem}.tool-card__meta span{color:var(--muted);font-size:.84rem;line-height:1.45}.admin-layout>.panel,.viewer-side{flex-direction:column;min-height:0;display:flex;overflow:hidden}.asset-grid{flex:1;min-height:0;padding-right:4px;overflow:auto}.canvas-shell{flex:1;min-width:0;min-height:0;display:flex}.canvas-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#060e15e6;border:1px solid #a0c6db29;border-radius:26px;flex:1;min-height:clamp(560px,78vh,1100px);position:relative;overflow:hidden}.canvas-stage.is-compact{min-height:clamp(560px,80vh,1100px)}.canvas-stage.is-panning{cursor:grabbing}.canvas-stage.is-inking{cursor:crosshair}.canvas-stage.is-erasing{cursor:cell}.canvas-toolbar{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07121be0;border:1px solid #a0c6db29;border-radius:999px;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 14px 32px #00000038}.canvas-search{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07121be0;border:1px solid #a0c6db29;border-radius:18px;grid-template-columns:minmax(180px,280px) auto auto;align-items:center;gap:8px;padding:8px;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 14px 32px #00000038}.canvas-search label{gap:3px;min-width:0;display:grid}.canvas-search span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:800}.canvas-search input{width:100%;min-width:0;height:34px;color:var(--text);background:#050f16d1;border:1px solid #a0c6db29;border-radius:12px;outline:none;padding:0 11px}.canvas-search input:focus{border-color:#6ad5ff6b}.canvas-search button{width:34px;height:34px;color:var(--text);background:#ffffff0a;border:1px solid #a0c6db2e;border-radius:12px;font-weight:800}.canvas-search strong{min-width:44px;color:var(--muted);text-align:center;font-size:.8rem}.canvas-toolbar__button{min-width:40px;height:40px;color:var(--text);background:#ffffff0a;border:1px solid #a0c6db2e;border-radius:999px;padding:0 14px;font-weight:700}.canvas-toolbar__button--wide{min-width:88px}.canvas-toolbar__ratio{text-align:center;min-width:56px;color:var(--muted);font-size:.84rem;font-weight:600}.canvas-ink-control{z-index:9;position:absolute;top:84px;right:18px}.canvas-ink-control__trigger{width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07121be6;border:1px solid #a0c6db33;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 14px 32px #0000003d}.canvas-ink-control__trigger.is-active{color:#e7fbff;background:#75e5ff29;border-color:#75e5ff80}.canvas-ink-control svg,.canvas-ink-popover svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.canvas-ink-popover{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07121beb;border:1px solid #a0c6db2e;border-radius:18px;gap:12px;width:min(272px,100vw - 92px);padding:12px;display:grid;position:absolute;top:0;right:calc(100% + 10px);box-shadow:0 18px 42px #00000047}.canvas-ink-popover__handle{cursor:grab;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:18px;display:inline-flex}.canvas-ink-popover__handle:active{cursor:grabbing}.canvas-ink-popover__handle span{background:#a0c6db57;border-radius:999px;width:42px;height:2px}.canvas-ink-popover__section>span,.canvas-ink-toolbar__size span{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:800}.canvas-ink-popover__section{gap:8px;display:grid}.canvas-ink-toolbar__swatches,.canvas-ink-popover__tools{flex-wrap:wrap;gap:7px;display:flex}.canvas-ink-toolbar__swatch{border:2px solid #ffffff38;border-radius:999px;width:27px;height:27px;box-shadow:inset 0 0 0 2px #050f16b8}.canvas-ink-toolbar__swatch.is-active{border-color:#f6f7fb;box-shadow:inset 0 0 0 2px #050f16b8,0 0 0 3px #75e5ff38}.canvas-ink-popover__tool,.canvas-ink-toolbar__clear{height:36px;color:var(--text);background:#ffffff0a;border:1px solid #a0c6db2e;border-radius:12px;font-weight:800}.canvas-ink-popover__tool{justify-content:center;align-items:center;width:40px;display:inline-flex}.canvas-ink-popover__tool.is-active{color:#e7fbff;background:#75e5ff29;border-color:#75e5ff7a}.canvas-ink-toolbar__clear{justify-content:center;align-items:center;gap:8px;width:100%;padding:0 12px;display:inline-flex}.canvas-ink-toolbar__clear:disabled{opacity:.42;cursor:not-allowed}.canvas-ink-toolbar__size{gap:6px;min-width:0;display:grid}.canvas-ink-toolbar__size input{accent-color:#75e5ff;width:100%}.canvas-guide{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07121be6;border:1px solid #6ad5ff3d;border-radius:18px;gap:8px;max-width:min(360px,100% - 36px);padding:14px 16px;display:grid;position:absolute;top:84px;left:18px;box-shadow:0 14px 32px #0003}.canvas-guide strong{font-size:.95rem}.canvas-guide span{color:var(--muted);font-size:.88rem;line-height:1.45}.canvas-guide__button{min-height:36px;color:var(--text);background:#ffffff0a;border:1px solid #a0c6db2e;border-radius:999px;justify-self:start;padding:0 14px}.canvas-context-menu{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07121bf5;border:1px solid #a0c6db29;border-radius:18px;gap:6px;width:210px;padding:8px;display:grid;position:absolute;box-shadow:0 18px 42px #00000047}.canvas-context-menu button{width:100%;min-height:40px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;padding:0 12px;display:flex}.canvas-context-menu button:hover{background:#ffffff0f}.canvas-context-menu button.is-danger{color:#ffb0b0}.canvas-viewport{transform-origin:0 0;will-change:transform;width:2800px;height:1800px;position:absolute;top:0;left:0}.canvas-grid{pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.canvas-board{background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at top,#61beff0f,#0000 42%),#081119f0;width:2800px;height:1800px;position:relative}.canvas-board__frame{background:linear-gradient(#ffffff08,#ffffff03),#f5f6f808;border:1px solid #ffffff29;border-radius:22px;position:absolute;inset:40px;overflow:hidden}.canvas-board__background{object-fit:cover;opacity:.84;width:100%;height:100%;position:absolute;inset:0}.canvas-empty-stage{z-index:1;pointer-events:none;text-align:center;background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at top,#61beff0f,#0000 42%),#081119f0;align-content:center;place-items:center;gap:16px;padding:clamp(28px,4vw,52px);display:grid;position:absolute;inset:0}.canvas-empty-stage strong{font-family:Space Grotesk,sans-serif;font-size:clamp(1.7rem,2.8vw,2.4rem)}.canvas-empty-stage span{max-width:44rem;color:var(--muted);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.7}.canvas-zone{color:#eaffece6;background:#8ddc6c2e;border:1px solid #50b45066;border-radius:8px;align-items:flex-end;padding:12px;font-size:.88rem;display:flex;position:absolute}.canvas-zone--north{width:32%;height:34%;top:26px;right:22px}.canvas-zone--south{width:52%;height:46%;bottom:22px;right:22px}.canvas-caption{color:#ff8484f0;font-size:.86rem;position:absolute;left:18px}.canvas-caption--wan{bottom:160px}.canvas-connections{pointer-events:none;position:absolute;inset:0}.canvas-ink-layer{z-index:9999;pointer-events:none;position:absolute;inset:0}.canvas-ink-stroke{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #050f16b3)}.canvas-ink-layer polyline.canvas-ink-stroke{fill:none}.canvas-cable-group{pointer-events:auto}.canvas-cable-hit{fill:none;stroke:#0000;stroke-width:18px;cursor:pointer}.canvas-cable{fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #5fd5ff2e)}.canvas-cable.is-dashed{stroke-dasharray:10 8}.canvas-cable.is-selected{stroke-width:4.6px}.canvas-cable.is-search-dimmed{opacity:.16;filter:grayscale()}.canvas-cable-handle{fill:#f0b34a;stroke:#08111a;stroke-width:2px;cursor:grab}.canvas-cable-handle-button{z-index:260;cursor:grab;background:#f0b34a;border:2px solid #08111a;border-radius:999px;width:18px;height:18px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 20px #0000003d}.canvas-cable-label rect{fill:#08141edb;stroke:#a0c6db24}.canvas-cable-label text{fill:var(--text);font-size:.72rem}.canvas-node{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:24px;align-content:start;gap:10px;padding:12px;transition:opacity .16s,filter .16s,transform .16s;display:grid;position:absolute;overflow:visible}.canvas-node__media{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08121a6b;border-radius:20px;place-items:center;height:100%;min-height:0;display:grid;overflow:hidden}.canvas-node__media img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.canvas-node__meta{gap:3px;padding:0 6px;display:grid}.canvas-node__meta strong{font-size:.9rem;line-height:1.25}.canvas-node__meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.canvas-node__fallback{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#02131b;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;font-weight:700;display:inline-flex}.canvas-node.is-editable{cursor:grab}.canvas-node.is-selected .canvas-node__media{outline-offset:4px;outline:2px solid #6ad5ffcc}.canvas-node.is-cable-start .canvas-node__media{outline-offset:4px;outline:2px solid #f0b34ae6}.canvas-node.is-dragging{z-index:100;transform:scale(1.02)}.canvas-node.is-resizing{z-index:100}.canvas-node.is-rotating .canvas-node__media{outline-offset:4px;outline:2px solid #f0b34adb}.canvas-node.is-search-dimmed{opacity:.24;filter:grayscale()saturate(.2)}.canvas-node.is-search-dimmed.is-selected,.canvas-node.is-search-dimmed:hover{opacity:.42}.canvas-node.is-image .canvas-node__meta{text-align:center;justify-items:center}.canvas-drawing{place-items:center;min-width:0;min-height:0;display:grid;position:absolute}.canvas-drawing.is-draft{pointer-events:none;opacity:.9}.canvas-drawing__square,.canvas-drawing__shape,.canvas-drawing__arrow,.canvas-drawing__text{width:100%;height:100%}.canvas-drawing__square{border:2px solid var(--accent);background:#6ad5ff24;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff0a}.canvas-drawing__arrow{overflow:visible}.canvas-drawing__text{text-align:left;word-break:break-word;text-shadow:0 10px 22px #00000042;justify-content:flex-start;align-items:center;padding:8px 12px;font-weight:700;line-height:1.2;display:flex}.canvas-drawing__badge{max-width:calc(100% - 24px);color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:#08141ee0;border:1px solid #a0c6db29;border-radius:999px;padding:6px 10px;font-size:.72rem;position:absolute;inset:auto auto 12px 12px;overflow:hidden}.canvas-drawing__control{cursor:grab;background:#f0b34a;border:2px solid #08111a;border-radius:999px;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 20px #0000003d}.canvas-drawing.is-selected .canvas-drawing__square,.canvas-drawing.is-selected .canvas-drawing__shape,.canvas-drawing.is-selected .canvas-drawing__arrow,.canvas-drawing.is-selected .canvas-drawing__text{filter:drop-shadow(0 0 .8rem #6ad5ff47)}.canvas-drawing__resize{background:var(--accent-warm);border:2px solid #08111a;border-radius:999px;position:absolute;box-shadow:0 10px 20px #0000003d}.canvas-drawing__resize--x{cursor:ew-resize;width:14px;height:38px;top:50%;right:-8px;transform:translateY(-50%)}.canvas-drawing__resize--y{cursor:ns-resize;width:38px;height:14px;bottom:-8px;left:50%;transform:translate(-50%)}.canvas-drawing__resize--xy{cursor:nwse-resize;width:18px;height:18px;bottom:-9px;right:-9px}.canvas-drawing__endpoint{z-index:2;background:linear-gradient(#f0b34a,#d6811c);border:2px solid #08111a;border-radius:999px;width:24px;height:24px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 20px #0000003d}.canvas-drawing__endpoint--start,.canvas-drawing__endpoint--end{cursor:grab}.canvas-node__resize{background:var(--accent-warm);border:2px solid #08111a;border-radius:999px;position:absolute;box-shadow:0 10px 20px #0000003d}.canvas-node__resize--x{cursor:ew-resize;width:14px;height:38px;top:50%;right:-8px;transform:translateY(-50%)}.canvas-node__resize--y{cursor:ns-resize;width:38px;height:14px;bottom:-8px;left:50%;transform:translate(-50%)}.canvas-node__resize--xy{cursor:nwse-resize;width:18px;height:18px;bottom:-9px;right:-9px}.canvas-node__rotate{cursor:grab;background:radial-gradient(circle,#f0b34af2 0 4px,#0000 5px),#08141ef0;border:1px solid #f0b34a85;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 24px #00000047}.canvas-node__rotate:after{content:"";background:#f0b34a8a;width:1px;height:18px;position:absolute;bottom:-19px;left:50%}.canvas-node__rotate.is-active{cursor:grabbing;background:radial-gradient(circle,#ffd278 0 5px,#0000 6px),#211b0df5;border-color:#ffd278db}.asset-grid{gap:18px;display:grid}.admin-sidebar{flex-direction:column;gap:14px;min-height:0;display:flex;overflow:hidden}.admin-sidebar__hero{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.admin-sidebar__hero-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-sidebar__hero-copy{gap:8px;display:grid}.admin-sidebar__hero-copy h2{margin:0}.admin-sidebar__create{flex-shrink:0;min-width:0;padding-inline:16px}.panel-collapse-button{width:42px;height:42px;color:var(--text);background:#ffffff0a;border:1px solid #a0c6db29;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.panel-collapse-button:hover{background:#6ad5ff14;border-color:#6ad5ff3d;transform:translateY(-1px)}.panel-collapse-button svg{width:18px;height:18px}.panel-section--compact{gap:14px}.admin-sidebar__tools-section{flex-direction:column;flex:1;min-height:0;display:flex}.schema-quickbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.schema-quickbar__field{min-width:0}.schema-quickbar__action{min-height:48px;padding-inline:16px}.admin-sidebar__section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-sidebar__section-head strong{font-size:.98rem;display:block}.eyebrow--compact{margin-bottom:4px;font-size:.7rem}.ghost-button--soft{min-height:38px;padding-inline:14px}.ghost-button--soft.is-active{color:#dff7ff;background:#6ad5ff1f;border-color:#6ad5ff52}.admin-sidebar--collapsed,.asset-library-panel--collapsed{align-content:start;justify-items:center;padding:14px 10px;display:grid}.panel-bubble__button{width:min(100%,94px);min-height:102px;color:var(--text);text-align:center;background:linear-gradient(#0d1f2af0,#081620e6),#ffffff0a;border:1px solid #a0c6db29;border-radius:30px;align-content:center;justify-items:center;gap:10px;padding:14px 10px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.panel-bubble__button:hover{background:linear-gradient(#122937f5,#0a1b26eb),#ffffff0d;border-color:#6ad5ff4d;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #6ad5ff14}.panel-bubble__toggle{color:#dff7ff;background:#6ad5ff24;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;line-height:1;display:inline-flex}.panel-bubble__label{color:var(--muted);overflow-wrap:anywhere;font-size:.82rem;line-height:1.3}.visual-choice-grid{gap:10px;display:grid}.visual-choice-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-choice{width:100%;color:var(--text);text-align:left;background:#ffffff08;border:1px solid #a0c6db1f;border-radius:18px;gap:10px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.visual-choice:hover{border-color:#6ad5ff3d;transform:translateY(-1px)}.visual-choice.is-active{background:#6ad5ff14;border-color:#6ad5ff57}.visual-choice__preview{background:#071118a3;border:1px solid #a0c6db1f;border-radius:14px;place-items:center;min-height:62px;display:grid}.visual-choice__preview svg{width:100%;height:100%}.visual-choice__shape{border:3px solid var(--accent);width:54px;height:38px}.visual-choice__align{color:var(--muted);font-size:.82rem}.visual-choice__copy{gap:4px;display:grid}.visual-choice__copy span{color:var(--muted);font-size:.82rem;line-height:1.45}.text-style-toggle-row{gap:10px;display:flex}.text-style-toggle-row>button{min-width:44px;padding-inline:0;font-weight:700}.asset-empty-state{background:#ffffff08;border:1px dashed #a0c6db33;border-radius:18px;gap:6px;padding:16px;display:grid}.asset-empty-state span{color:var(--muted)}.asset-library-panel{min-height:0}.asset-library-panel__header{align-items:start;gap:14px;display:grid}.asset-library-panel__controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;display:grid}.asset-view-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.asset-view-switch__button{width:100%;min-width:0;min-height:44px;color:var(--text);white-space:nowrap;background:#ffffff08;border:1px solid #a0c6db29;border-radius:999px;padding:0 14px}.asset-view-switch__button.is-active{background:#6ad5ff1f;border-color:#6ad5ff52}.asset-mode-card{background:#ffffff08;border:1px solid #a0c6db1f;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.asset-mode-card span{color:var(--muted);font-size:.88rem;line-height:1.5}.asset-management-list{gap:12px;min-height:0;padding-right:4px;display:grid;overflow:auto}.asset-management-row{background:#ffffff08;border:1px solid #a0c6db1f;border-radius:18px;align-items:center;gap:12px;padding:12px;display:grid}.asset-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;min-height:0;padding:4px;display:grid;overflow:auto}.asset-management-row{grid-template-columns:64px minmax(0,1fr) minmax(0,220px)}.asset-inventory-slot{aspect-ratio:1;cursor:grab;background:linear-gradient(#ffffff0d,#ffffff03),#071118b8;border:1px solid #a0c6db24;border-radius:8px;place-items:center;min-width:0;padding:7px;transition:transform .16s,border-color .16s,background .16s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 -8px 18px #0000002e}.asset-inventory-slot:hover,.asset-inventory-slot:focus-visible{background:linear-gradient(#6ad5ff14,#ffffff03),#071118c7;border-color:#6ad5ff70;transform:translateY(-1px)}.asset-inventory-slot:active{cursor:grabbing}.asset-inventory-slot img{object-fit:contain;border-radius:6px;width:100%;height:100%}.asset-inventory-slot__badge{background:var(--accent);border-radius:999px;width:8px;height:8px;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 2px #071118e6}.asset-management-row img{object-fit:contain;background:#07111899;border-radius:14px;width:64px;height:64px}.asset-management-row__copy{gap:4px;min-width:0;display:grid}.asset-management-row__copy span{color:var(--muted);text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.asset-management-stack{gap:14px}.asset-management-stack__upload{width:100%}.asset-management-row__folder{min-width:0}.asset-management-row__actions{align-content:start;gap:10px;display:grid}.asset-management-row__actions .ghost-button{width:100%}.asset-card{background:#ffffff08;border:1px solid #a0c6db1f;border-radius:20px;gap:14px;padding:16px;display:grid}.asset-card img{aspect-ratio:4/3;object-fit:contain;background:#07111899;border-radius:14px;width:100%}.asset-card__body{gap:4px;display:grid}.asset-card__body span{color:var(--muted);font-size:.86rem}.asset-card__actions{gap:10px;margin-top:2px;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#030a0fb3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border-strong);width:min(920px,100%);box-shadow:var(--shadow);background:#08141ef5;border-radius:24px;padding:30px}.modal-card--info{grid-template-rows:auto minmax(0,1fr);width:min(1180px,100vw - 48px);max-height:min(90vh,940px);display:grid;overflow:hidden}.modal-card__info-content{gap:14px;min-height:0;padding-right:6px;display:grid;overflow:auto}.modal-card__info-content .detail-stack,.modal-card__info-content .switch-display,.modal-card__info-content .firewall-display{min-height:0}.modal-card--editor{grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(1120px,100%);max-height:min(88vh,920px);display:grid}.modal-card--narrow{width:min(640px,100%)}.modal-card__header{justify-content:space-between;gap:18px;margin-bottom:18px;padding-right:50px;display:flex;position:relative}.modal-card__header h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:2rem}.modal-card__subtitle{color:var(--muted);margin:8px 0 0;line-height:1.55}.modal-card__content{gap:14px;padding-right:6px;display:grid;overflow:auto}.modal-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.drawing-editor-modal{width:min(920px,100%)}.drawing-editor-modal__content{gap:18px}.drawing-editor-section{background:#ffffff08;border:1px solid #a0c6db1f;border-radius:20px;gap:14px;padding:16px;display:grid}.drawing-editor-section--grid{gap:16px}.drawing-editor-section__title{gap:4px;display:grid}.drawing-editor-section__title strong{font-size:1rem}.drawing-editor-section__title span{color:var(--muted);font-size:.88rem;line-height:1.5}.drawing-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.drawing-choice-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.drawing-choice-card{width:100%;color:var(--text);text-align:left;background:#ffffff08;border:1px solid #a0c6db1f;border-radius:18px;gap:10px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.drawing-choice-card:hover{border-color:#6ad5ff3d;transform:translateY(-1px)}.drawing-choice-card.is-active{background:#6ad5ff14;border-color:#6ad5ff57}.drawing-choice-card__preview{background:#071118a3;border:1px solid #a0c6db1f;border-radius:14px;place-items:center;min-height:68px;display:grid}.drawing-choice-card__preview svg{width:100%;height:100%}.drawing-choice-card__shape{border:3px solid var(--accent);width:56px;height:40px}.drawing-choice-card__copy{gap:4px;display:grid}.drawing-choice-card__copy span{color:var(--muted);font-size:.84rem;line-height:1.45}.drawing-choice-card__align{color:var(--muted);font-size:.82rem}.color-preset-picker{gap:9px;display:grid}.color-preset-picker>span{color:var(--muted);font-size:.84rem}.color-preset-grid{grid-template-columns:repeat(10,24px);align-items:center;gap:7px;display:grid}.color-preset-swatch{border:1px solid #ffffff47;border-radius:8px;width:24px;height:24px;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:inset 0 0 0 1px #00000024}.color-preset-swatch:hover{transform:translateY(-1px)}.color-preset-swatch.is-active{border-color:#ffffffdb;box-shadow:0 0 0 2px #75e5ff5c,inset 0 0 0 1px #0000002e}.drawing-text-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.drawing-text-toolbar__font{min-width:0}.drawing-text-toolbar__toggle-group{gap:10px;display:flex}.drawing-text-toolbar__toggle-group>button{min-width:44px;padding-inline:0;font-weight:700}.drawing-text-preview-card{background:#0711188f;border:1px solid #a0c6db1a;border-radius:18px;gap:10px;padding:14px;display:grid}.drawing-text-preview-card>span{color:var(--muted);font-size:.84rem}.drawing-text-preview-card__content{white-space:pre-wrap;word-break:break-word;background:#ffffff0a;border:1px solid #a0c6db1a;border-radius:14px;min-height:96px;padding:14px}.drawing-editor-modal__footer{gap:14px;display:grid}.drawing-editor-modal__layer-actions{flex-wrap:wrap;gap:10px;display:flex}.confirm-modal__details{gap:10px;margin-bottom:6px;display:grid}.help-widget{z-index:36;justify-items:start;gap:12px;display:grid;position:fixed;bottom:22px;left:22px}.help-widget__toggle{width:52px;height:52px;color:var(--accent);background:#08141ef0;border:1px solid #6ad5ff3d;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700;box-shadow:0 18px 36px #0000003d}.help-widget__panel{width:min(340px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08141ef5;border:1px solid #a0c6db29;border-radius:22px;gap:14px;padding:18px;display:grid}.help-widget__header{justify-content:space-between;align-items:flex-start;gap:14px;padding-right:46px;display:flex;position:relative}.help-widget__header h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.help-widget__description,.help-widget__note{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.help-widget__list{gap:10px;display:grid}.help-widget__item{color:var(--text);background:#ffffff08;border:1px solid #a0c6db1a;border-radius:16px;padding:12px 14px;font-size:.9rem;line-height:1.5}.popup-editor-card{background:#1125326b;border:1px solid #6ad5ff2e;border-radius:18px;gap:14px;padding:16px;display:grid}.popup-editor-card__copy{gap:6px;display:grid}.popup-editor-card__title{align-items:center;gap:8px;width:fit-content;display:inline-flex}.popup-editor-card__copy span{color:var(--muted);font-size:.88rem;line-height:1.5}.popup-editor-card__summary{background:#ffffff08;border:1px solid #a0c6db1a;border-radius:16px;gap:8px;padding:14px;display:grid}.popup-editor-card__summary span{color:var(--muted);font-size:.88rem}.popup-editor-card__summary strong{color:var(--text)}.popup-mode-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.popup-mode-option{background:#ffffff05;border:1px solid #a0c6db38;border-radius:14px;grid-template-columns:minmax(0,1fr) 42px;min-height:42px;transition:background .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.popup-mode-option.is-enabled{background:#6ad5ff14;border-color:#6ad5ff42}.popup-mode-option.is-active{background:#6ad5ff21;border-color:#6ad5ff6b;box-shadow:inset 0 0 0 1px #6ad5ff14}.popup-mode-option__select,.popup-mode-option__visibility{color:var(--text);background:0 0;border:0}.popup-mode-option__select{justify-content:center;align-items:center;min-width:0;padding:0 12px;font-weight:800;display:inline-flex}.popup-mode-option__visibility{color:#99b0bedb;border-left:1px solid #a0c6db24;place-items:center;display:grid}.popup-mode-option__select:hover,.popup-mode-option__visibility:hover{background:#ffffff0a}.popup-mode-option.is-enabled .popup-mode-option__visibility{color:#75e5ff;background:#22d3ee17}.popup-mode-eye{filter:drop-shadow(0 0 7px #75e5ff47);border:2px solid;border-radius:999px/78%;width:21px;height:14px;position:relative}.popup-mode-eye:before{content:"";background:currentColor;border-radius:999px;position:absolute;inset:3px 6px}.popup-mode-option:not(.is-enabled) .popup-mode-eye:after{content:"";background:#ff8c8c;border-radius:999px;width:23px;height:2px;position:absolute;top:50%;left:-2px;transform:rotate(-34deg);box-shadow:0 0 7px #ff8c8c59}.popup-view-switch{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px;display:grid}.popup-view-switch .ghost-button{border-radius:14px;min-height:40px}.popup-layout-actions{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;display:flex}.popup-add-control{grid-template-columns:minmax(170px,1fr) 40px;align-items:end;gap:8px;min-width:min(260px,100%);display:grid}.popup-add-control__picker>span{display:none}.popup-add-control__picker .dropdown-picker__trigger{min-height:40px}.popup-layout-list{gap:10px;display:grid}.popup-layout-stack{gap:14px;display:grid}.popup-extra-section{background:#ffffff06;border:1px solid #a0c6db1f;border-radius:16px;gap:12px;padding:14px;display:grid}.popup-extra-section__header,.popup-service-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.popup-extra-section__header>div,.popup-service-card__header>div{gap:4px;display:grid}.popup-extra-section__header span,.popup-extra-section__empty{color:var(--muted);font-size:.84rem}.popup-extra-section__empty{margin:0}.popup-extra-section__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.popup-section-toggle{min-height:34px;color:var(--muted);background:#ffffff0a;border:1px solid #a0c6db2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:800;display:inline-flex}.popup-section-toggle .popup-mode-eye{width:18px;height:12px}.popup-section-toggle.is-visible{color:#dff7ff;background:#75e5ff1f;border-color:#75e5ff57}.popup-extra-list{gap:10px;display:grid}.popup-extra-row{background:#050f1685;border:1px solid #a0c6db1a;border-radius:14px;grid-template-columns:minmax(130px,.8fr) minmax(130px,.8fr) minmax(150px,1fr) minmax(170px,1.2fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.popup-extra-row--vlan{grid-template-columns:minmax(90px,.45fr) minmax(120px,.7fr) minmax(170px,1fr) auto auto}.popup-extra-row__wide{min-width:0}.popup-service-grid{gap:12px;display:grid}.popup-service-card{background:#050f1675;border:1px solid #a0c6db1a;border-radius:14px;gap:12px;padding:12px;display:grid}.popup-chip-row{flex-wrap:wrap;gap:8px;display:flex}.popup-chip{min-height:32px;color:var(--text);background:#ffffff0a;border:1px solid #a0c6db2e;border-radius:999px;padding:0 12px;font-weight:800}.popup-chip.is-active{background:#75e5ff24;border-color:#75e5ff6b}.popup-layout-row{background:#07111873;border:1px solid #a0c6db1a;border-radius:16px;grid-template-columns:112px minmax(0,1fr) auto;align-items:end;gap:12px;padding:12px;display:grid}.popup-layout-row__toggle{min-height:46px;color:var(--muted);align-items:center;gap:9px;font-size:.9rem;display:flex}.popup-layout-row__toggle input{width:18px;height:18px;accent-color:var(--accent)}.popup-layout-row__label{min-width:0}.popup-layout-row__fields{gap:10px;min-width:0;display:grid}.popup-credentials-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.popup-layout-row--custom{grid-template-columns:112px minmax(0,1fr) minmax(280px,auto)}.popup-layout-row__order{flex-wrap:wrap;gap:8px;display:flex}.icon-button{width:40px;height:40px;color:var(--text);background:#ffffff08;border:1px solid #a0c6db38;border-radius:12px;place-items:center;padding:0;font-weight:800;line-height:1;transition:transform .18s,background .18s,border-color .18s;display:inline-grid}.icon-button:hover{background:#6ad5ff1c;border-color:#6ad5ff61;transform:translateY(-1px)}.icon-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.icon-button--danger{color:#ffd4d4;border-color:#ff6b6b47}.icon-button--danger:hover{background:#ff6b6b1a;border-color:#ff6b6b75}.icon-button--add{color:#d8ffe6;background:#74d49b1f;border-color:#74d49b57;font-size:1.24rem}.switch-port-editor{gap:12px;display:grid}.switch-port-editor__bulk-actions{background:#0711188a;border:1px solid #a0c6db24;border-radius:16px;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;padding:12px;display:grid}.switch-port-editor__bulk-actions button{min-height:40px;padding:8px 10px;font-size:.76rem}.switch-port-editor__bulk-help{color:var(--text);grid-column:1/-1;align-items:center;gap:8px;display:inline-flex}.switch-port-editor__bulk-all{background:#74d49b1a;border-color:#74d49b52}.switch-port-editor__bulk-danger{color:#ffd4d4;background:#ff6b6b17;border-color:#ff6b6b4d}.switch-port-editor__row{border:1px solid color-mix(in srgb, var(--vlan-color) 46%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--vlan-color) 16%, transparent), transparent 48%), #0711187a;border-radius:18px;gap:14px;padding:14px;transition:opacity .16s,border-color .16s;display:grid}.switch-port-editor__row.is-disabled{opacity:.66;border-style:dashed}.switch-port-editor__header{grid-template-columns:48px minmax(0,1fr) 40px;align-items:center;gap:10px;display:grid}.switch-port-editor__identity{gap:3px;display:grid}.switch-port-editor__identity strong{color:var(--text)}.switch-port-editor__identity span{color:var(--muted);font-size:.76rem;font-weight:700}.switch-port-editor__fields{grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(118px,.7fr));align-items:end;gap:10px;display:grid}.switch-port-editor__label-field{min-width:0}.switch-port-editor__allowed-vlans{grid-column:span 2}.switch-port-editor__fields .field span{font-size:.76rem}.switch-port-editor__fields .field input,.switch-port-editor__fields .field select{min-height:44px;padding:10px 12px}.switch-port-editor__options{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;display:grid}.switch-port-option{min-height:40px;color:var(--muted);background:#ffffff09;border:1px solid #a0c6db1f;border-radius:12px;justify-content:space-between;align-items:center;gap:9px;padding:8px 10px;font-size:.78rem;font-weight:700;display:flex}.switch-port-option>label{cursor:pointer;align-items:center;gap:9px;min-width:0;display:flex}.switch-port-option:has(input:checked){border-color:color-mix(in srgb, var(--vlan-color) 48%, transparent);background:color-mix(in srgb, var(--vlan-color) 14%, #ffffff08);color:var(--text)}.switch-port-option input{width:17px;height:17px;accent-color:var(--vlan-color);margin:0}.switch-port-editor__number{background:color-mix(in srgb, var(--vlan-color) 28%, #ffffff0a);border:1px solid color-mix(in srgb, var(--vlan-color) 58%, transparent);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;margin-bottom:4px;padding:0;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-grid}.switch-port-editor__number:hover{border-color:color-mix(in srgb, var(--vlan-color) 78%, transparent);transform:translateY(-1px)}.switch-port-editor__color{position:relative}.switch-port-editor__palette{z-index:5;background:#050f16f5;border:1px solid #a0c6db2e;border-radius:12px;grid-template-columns:repeat(5,22px);gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 34px #00000057}.switch-port-editor__swatch{border:1px solid #ffffff42;border-radius:7px;width:22px;height:22px;padding:0}.switch-port-editor__swatch.is-active{box-shadow:0 0 0 2px #ffffff57}.firewall-editor{gap:12px;display:grid}.firewall-editor__section{background:#0711187a;border:1px solid #a0c6db1f;border-radius:16px;gap:12px;padding:14px;display:grid}.firewall-editor__header{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.firewall-editor__title-field{width:min(var(--firewall-title-width,18ch), 100%);flex:0 auto;min-width:min(100%,14ch);max-width:min(100%,54ch)}.firewall-editor__rules{gap:10px;display:grid}.firewall-editor__rules-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.firewall-editor__rules-header strong{color:var(--text)}.firewall-editor__rule-row{background:#ffffff08;border:1px solid #a0c6db1a;border-radius:14px;grid-template-columns:minmax(88px,.54fr) minmax(100px,.72fr) minmax(120px,.95fr) minmax(74px,.42fr) minmax(120px,.95fr) minmax(74px,.42fr) minmax(128px,.92fr) minmax(132px,.98fr) minmax(120px,auto);align-items:end;gap:10px;padding:12px;display:grid}.firewall-editor__rule-row .field span{font-size:.72rem}.firewall-editor__gateway-field input{min-width:12ch}.firewall-editor__rule-order{flex-wrap:wrap;align-items:end;gap:6px;display:flex}.firewall-editor__rule-order .icon-button{border-radius:10px;width:34px;height:34px}.firewall-port-picker{min-width:0;position:relative}.firewall-port-picker__trigger{width:100%;min-height:46px;color:var(--text);text-align:left;background:#071118bd;border:1px solid #a0c6db29;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;transition:border-color .16s,background .16s,transform .16s;display:grid}.firewall-port-picker__trigger:hover,.firewall-port-picker__trigger:focus-visible,.firewall-port-picker__trigger[aria-expanded=true]{background:#0a1f2bd1;border-color:#6ad5ff6b}.firewall-port-picker__trigger span{gap:1px;min-width:0;display:grid}.firewall-port-picker__trigger strong,.firewall-port-picker__option strong{color:var(--text);font-size:.9rem;line-height:1.05}.firewall-port-picker__trigger small,.firewall-port-picker__option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;line-height:1.15;overflow:hidden}.firewall-port-picker__trigger em{border-top:5px solid var(--muted);border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.firewall-port-picker__menu{z-index:20;background:#050f16fa;border:1px solid #a0c6db2e;border-radius:14px;gap:8px;width:min(260px,70vw);padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 38px #00000061}.firewall-port-picker__menu input{width:100%;min-height:36px;color:var(--text);background:#071118eb;border:1px solid #a0c6db29;border-radius:10px;padding:8px 10px}.firewall-port-picker__list{gap:4px;max-height:242px;display:grid;overflow:auto}.firewall-port-picker__option{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:minmax(52px,.34fr) minmax(0,1fr);align-items:center;gap:10px;padding:8px 9px;display:grid}.firewall-port-picker__option:hover,.firewall-port-picker__option:focus-visible,.firewall-port-picker__option.is-active{background:#6ad5ff1f}.firewall-editor__empty{color:var(--muted);margin:0;line-height:1.5}.mobile-restriction-page{align-items:center}.mobile-restriction-card{width:min(560px,100%)}.mobile-restriction-card__lead{color:var(--muted);margin:0;line-height:1.7}.mobile-restriction-card__actions{gap:12px;margin-top:22px;display:grid}.detail-stack{gap:16px;display:grid}.workspace-transfer-modal{grid-template-rows:auto minmax(0,1fr) auto auto;gap:18px;width:min(680px,100%);max-height:min(92vh,920px);display:grid;overflow:hidden}.workspace-transfer-modal--import{width:min(720px,100%)}.workspace-transfer-modal .modal-card__header{margin-bottom:0}.workspace-transfer-modal .overlay-close-button{position:absolute;top:0;right:0}.workspace-transfer-modal__heading{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.workspace-transfer-modal__heading .eyebrow{margin:0 0 4px}.workspace-transfer-modal__heading .modal-card__subtitle{grid-column:1/-1;max-width:590px;margin-top:2px}.workspace-transfer-modal__icon{color:#6cd9ff;background:#6ad5ff1a;border:1px solid #6ad5ff3d;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.workspace-transfer-modal--import .workspace-transfer-modal__icon{color:#ffc978;background:#f5b3561a;border-color:#f5b35645}.workspace-transfer-modal__icon svg,.workspace-transfer-file__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.workspace-transfer-content{align-content:start;gap:16px;min-height:0;padding:2px 6px 2px 2px;display:grid;overflow-y:auto}.workspace-transfer-callout{background:#6ad5ff11;border:1px solid #6ad5ff2e;border-radius:16px;gap:5px;padding:14px 16px;display:grid}.workspace-transfer-callout--import{background:#f5b35611;border-color:#f5b35633}.workspace-transfer-callout p{color:var(--muted);margin:0;line-height:1.5}.workspace-transfer-summary{flex-wrap:wrap;gap:8px;display:flex}.workspace-transfer-summary span{color:var(--muted);background:#ffffff06;border:1px solid #a0c6db1f;border-radius:999px;align-items:baseline;gap:5px;padding:7px 10px;font-size:.76rem;display:inline-flex}.workspace-transfer-summary strong{color:var(--text)}.workspace-transfer-file{cursor:pointer;background:#f5b35609;border:1px dashed #f5b3564d;border-radius:17px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:13px;min-height:90px;padding:15px;transition:border-color .16s,background .16s;display:grid;position:relative;overflow:hidden}.workspace-transfer-file:hover,.workspace-transfer-file:focus-within,.workspace-transfer-file.has-file{background:#f5b35612;border-color:#f5b3568c}.workspace-transfer-file>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.workspace-transfer-file>input:disabled{cursor:not-allowed}.workspace-transfer-file__icon{color:#ffc978;background:#f5b3561f;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.workspace-transfer-file__copy{gap:4px;min-width:0;display:grid}.workspace-transfer-file__copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-transfer-file__copy small{color:var(--muted);font-size:.76rem;line-height:1.4}.workspace-import-modes{border:0;gap:9px;margin:0;padding:0;display:grid}.workspace-import-modes legend{color:var(--muted);margin-bottom:9px;font-size:.92rem}.workspace-import-modes>label{cursor:pointer;background:#ffffff06;border:1px solid #a0c6db21;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.workspace-import-modes>label.is-selected{background:#6ad5ff13;border-color:#6ad5ff61}.workspace-import-modes input,.workspace-replace-confirmation input{accent-color:var(--accent);margin-top:3px}.workspace-import-modes label span{gap:4px;display:grid}.workspace-import-modes small{color:var(--muted);line-height:1.45}.workspace-replace-confirmation{color:#ffd4d4;background:#ff5d5d12;border:1px solid #ff707040;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:13px 14px;font-size:.9rem;line-height:1.45;display:grid}.workspace-transfer-progress{border-top:1px solid #a0c6db1f;gap:8px;padding-top:12px;display:grid}.workspace-transfer-progress>div{color:var(--muted);justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.workspace-transfer-progress progress{width:100%;height:8px;accent-color:var(--accent);background:#a0c6db1a;border:0;border-radius:999px;overflow:hidden}.workspace-transfer-progress progress::-webkit-progress-bar{background:#a0c6db1a}.workspace-transfer-progress progress::-webkit-progress-value{background:linear-gradient(90deg, var(--accent), #74f0a6);border-radius:999px}.workspace-transfer-error{margin:0}.detail-shell{background:linear-gradient(#ffffff14,#0000),#040d13e6;border:1px solid #a0c6db29;border-radius:18px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff08}.detail-shell__brand{color:var(--muted);letter-spacing:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:.78rem;font-weight:800;display:flex}.detail-shell__brand strong{color:#dff7ff;white-space:nowrap;background:#6ad5ff1a;border-radius:999px;padding:5px 9px;font-size:.72rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-row{background:linear-gradient(#6ad5ff14,#0000),#08161ee0;border:1px solid #6ad5ff33;border-radius:12px;align-content:start;gap:7px;min-height:74px;padding:12px;display:grid;box-shadow:inset 0 -4px #6ad5ff29}.detail-row span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:800}.detail-row strong{color:var(--text);word-break:break-word;font-size:.9rem;line-height:1.35}.detail-row strong .password-value{justify-content:flex-start}.detail-row--wide,.detail-row--credentials{grid-column:1/-1}.detail-section{background:linear-gradient(120deg,#6ad5ff14,#0000 52%),#051017d1;border:1px solid #6ad5ff33;border-radius:16px;gap:10px;padding:14px 16px;display:grid}.detail-section__header{border-bottom:1px solid #a0c6db1a;justify-content:space-between;align-items:center;gap:12px;min-height:28px;padding-bottom:8px;display:flex}.detail-section__header p,.detail-section__header h3{margin:0}.detail-section h3{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.98rem}.detail-card-list{gap:0;display:grid}.detail-card-list--compact{grid-template-columns:1fr}.detail-card{background:0 0;border:0;border-radius:0;gap:8px;padding:10px 0;display:grid}.detail-card+.detail-card{border-top:1px solid #a0c6db1a}.detail-card>strong{color:var(--text);font-size:.92rem;line-height:1.28}.detail-card p{color:var(--muted);margin:0;line-height:1.55}.detail-mini-grid{background:0 0;border-radius:0;grid-template-columns:minmax(132px,.42fr) minmax(0,1fr);align-items:start;gap:0 14px;max-width:680px;padding:0;display:grid}.detail-mini-grid>span{min-height:32px;color:var(--muted);border-top:1px solid #a0c6db14;padding:7px 0;font-size:.76rem;font-weight:600}.detail-mini-grid>b,.detail-mini-grid>.password-value{min-height:32px;color:var(--text);word-break:break-word;border-top:1px solid #a0c6db14;padding:7px 0;font-size:.78rem;font-weight:700}.detail-mini-grid>.password-value{justify-content:flex-start}.detail-mini-grid>span:first-child,.detail-mini-grid>b:nth-child(2){border-top:0}.detail-section>.detail-row{max-width:680px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(132px,.42fr) minmax(0,1fr);gap:14px;padding:8px 0}.detail-section>.detail-row span{letter-spacing:0;text-transform:none;font-size:.76rem;font-weight:600}.detail-section>.detail-row strong{font-size:.82rem}.credential-value{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.credential-value>div{gap:4px;display:grid}.credential-value span{color:var(--muted);font-size:.78rem}.credential-value strong{color:var(--text)}.credential-value .password-value{justify-content:flex-start}.switch-display{gap:16px;display:grid}.switch-display__profile{background:linear-gradient(120deg,#6ad5ff14,#0000 52%),#051017d1;border:1px solid #6ad5ff33;border-radius:16px;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);align-items:stretch;gap:12px;padding:14px;display:grid}.switch-display__profile-summary{align-content:center;gap:4px;display:grid}.switch-display__profile-summary p{margin:0}.switch-display__profile-summary strong{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1rem}.switch-display__profile-summary span{color:var(--muted);font-size:.78rem;font-weight:700}.switch-display__profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.switch-display__profile-fields .field{gap:6px}.switch-display__profile-fields .dropdown-picker__trigger{background:#030d14a3;min-height:46px}.switch-display__shell{background:linear-gradient(#ffffff14,#0000),#040d13e6;border:1px solid #a0c6db29;border-radius:18px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff08}.switch-config-export-card{background:linear-gradient(120deg,#6ad5ff14,#0000 48%),#051017db;border:1px solid #6ad5ff42;border-radius:16px;gap:12px;padding:14px;display:grid}.switch-config-export-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.switch-config-export-card__header h3,.switch-config-export-card__header p{margin:0}.switch-config-export-card__header h3{margin-top:3px;font-family:Space Grotesk,sans-serif;font-size:1rem}.switch-config-export-card__header>span{color:#dff7ff;background:#6ad5ff1a;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.switch-config-export{gap:9px;display:grid}.switch-config-export__actions{justify-content:flex-end;gap:8px;display:flex}.switch-config-export__actions button{min-height:36px;padding:8px 12px;font-size:.76rem}.switch-config-export__code{color:#d9f7ff;white-space:pre;background:#02090ed1;border:1px solid #a0c6db24;border-radius:12px;max-height:220px;margin:0;padding:13px 14px;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:.72rem;line-height:1.55;overflow:auto}.switch-display__brand{color:var(--muted);letter-spacing:0;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.78rem;font-weight:800;display:flex}.switch-display__ports{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.switch-display__port{border:1px solid color-mix(in srgb, var(--vlan-color) 64%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--vlan-color) 26%, transparent), transparent), #08161ee0;min-height:68px;box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--vlan-color) 55%, transparent);color:var(--text);cursor:pointer;border-radius:10px;gap:3px;padding:8px 6px;transition:transform .16s,border-color .16s,background .16s,opacity .16s;display:grid}.switch-display__port.is-disabled{opacity:.48;border-style:dashed}.switch-display__port:hover,.switch-display__port:focus-visible,.switch-display__port[aria-pressed=true]{border-color:color-mix(in srgb, var(--vlan-color) 82%, transparent);transform:translateY(-1px)}.switch-display__port span,.switch-display__port strong,.switch-display__port em{text-align:center;display:block}.switch-display__port span{color:var(--muted);font-size:.72rem}.switch-display__port strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.switch-display__port em{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-style:normal;font-weight:800}.switch-display__notes{grid-template-columns:1fr;gap:10px;display:grid}.switch-display__note{border:1px solid color-mix(in srgb, var(--vlan-color) 48%, transparent);background:color-mix(in srgb, var(--vlan-color) 13%, #ffffff08);border-radius:14px;gap:8px;padding:12px;display:grid}.switch-display__note-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.switch-display__note-header>div:first-child{gap:3px;display:grid}.switch-display__note-actions{justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.switch-display__note-close{background:#ffffff06;border-radius:10px;flex:none;width:32px;height:32px}.switch-display__note-close svg{width:.86rem;height:.86rem}.switch-display__note span{color:var(--text);font-weight:800}.switch-display__note small{color:var(--muted)}.switch-display__badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.switch-display__badges strong{background:color-mix(in srgb, var(--vlan-color) 24%, #ffffff0a);color:var(--text);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:.76rem}.switch-display__badges strong.is-active{color:#caffdc;background:#74d49b29}.switch-display__badges strong.is-inactive{color:#ffd4d4;background:#ff6b6b21}.switch-display__config{background:#030c125c;border-radius:12px;grid-template-columns:minmax(110px,.45fr) minmax(0,1fr);gap:7px 12px;padding:10px;display:grid}.switch-display__config span{color:var(--muted);font-size:.76rem;font-weight:600}.switch-display__config b{color:var(--text);overflow-wrap:anywhere;font-size:.78rem}.switch-display__features{flex-wrap:wrap;gap:6px;display:flex}.switch-display__features span{color:var(--muted);background:#ffffff09;border:1px solid #a0c6db24;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:800}.switch-display__features span.is-active{color:#caffdc;background:#74d49b1a;border-color:#74d49b47}.switch-display__features span.is-inactive{opacity:.6}.switch-display__note p{color:var(--muted);white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.45}.switch-display__port-export{border-top:1px solid color-mix(in srgb, var(--vlan-color) 32%, transparent);gap:10px;margin-top:4px;padding-top:12px;display:grid}.switch-display__port-export>div:first-child{gap:3px;display:grid}.switch-display__port-export>div:first-child strong{color:var(--text);font-size:.84rem}.switch-display__port-export>div:first-child span{color:var(--muted);font-size:.74rem;font-weight:600}.switch-display__port-export .switch-config-export__code{max-height:180px}.firewall-display{gap:14px;display:grid}.firewall-display__bubbles{flex-wrap:wrap;gap:10px;display:flex}.firewall-display__bubble{min-height:46px;color:var(--text);cursor:pointer;background:#ffffff08;border:1px solid #a0c6db2e;border-radius:999px;align-items:center;gap:10px;padding:0 14px;font-weight:800;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.firewall-display__bubble:hover,.firewall-display__bubble:focus-visible,.firewall-display__bubble.is-active{background:#6ad5ff1a;border-color:#6ad5ff61;transform:translateY(-1px)}.firewall-display__bubble strong{min-width:24px;height:24px;color:var(--accent);background:#6ad5ff29;border-radius:999px;place-items:center;padding:0 7px;font-size:.78rem;display:inline-grid}.firewall-display__panel{background:linear-gradient(#6ad5ff14,#0000),#0711189e;border:1px solid #6ad5ff2e;border-radius:18px;gap:14px;padding:16px;display:grid}.firewall-display__panel h3{margin:4px 0 0;font-family:Space Grotesk,sans-serif;font-size:1.25rem}.firewall-display__description,.firewall-display__empty{color:var(--muted);margin:0;line-height:1.55}.firewall-display__rules{gap:10px;max-height:min(56vh,620px);padding-bottom:2px;display:grid;overflow:auto}.firewall-display__rule{background:#ffffff08;border:1px solid #a0c6db1a;border-radius:14px;grid-template-columns:minmax(82px,.48fr) minmax(96px,.72fr) minmax(116px,.96fr) minmax(74px,.42fr) minmax(116px,.96fr) minmax(74px,.42fr) minmax(108px,.8fr) minmax(240px,1.36fr);align-items:start;gap:12px;min-width:1040px;padding:12px;display:grid}.firewall-display__rule--header{background:#ffffff0d;padding-block:8px}.firewall-display__rule--header span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.firewall-display__rule:not(.firewall-display__rule--header) span{color:var(--accent);font-size:.84rem;font-weight:800}.firewall-display__rule:not(.firewall-display__rule--header) .firewall-display__action{width:fit-content;min-width:62px;color:var(--text);text-align:center;border-radius:999px;padding:4px 8px}.firewall-display__action--pass{background:#45d39b24;border:1px solid #45d39b5c}.firewall-display__action--block{background:#ff696924;border:1px solid #ff696961}.firewall-display__rule strong{color:var(--text);word-break:break-word;line-height:1.45}.firewall-display__rule em{color:var(--muted);word-break:break-word;font-style:normal;line-height:1.45}.screen-loader{place-items:center;min-height:60vh;display:grid}.screen-loader--inline{min-height:45vh}.screen-loader__card{background:#0a1924d1;border:1px solid #a0c6db24;border-radius:24px;justify-items:center;gap:16px;padding:26px 30px;display:grid}.app-shell--compact{width:100%;max-width:none;margin:0;padding-top:22px}.loader-ring{border:4px solid #6ad5ff2e;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){body{overflow:auto}.auth-page,.viewer-layout,.admin-layout,.user-admin-layout{grid-template-columns:1fr}.auth-panel{order:-1;width:100%}.app-shell,.admin-shell{height:auto;overflow:visible}.portal-updates{grid-template-columns:1fr}.portal-updates__header{flex-direction:row;align-items:end}.workspace-shell{height:100svh;overflow:hidden}.workspace-actions-drawer,.editor-header-drawer{width:min(390px,100vw - 28px);top:18px;bottom:18px;right:18px}.stats-row{grid-template-columns:1fr}.switch-port-editor__bulk-actions,.switch-port-editor__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-port-editor__options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (height<=820px) and (width>=721px){.portal-shell{gap:10px;padding:12px 16px}.portal-topbar{border-radius:18px;gap:14px;padding:12px 16px}.portal-topbar h1{max-width:24ch;font-size:1.75rem;line-height:1.08}.portal-topbar .topbar__actions{gap:8px}.portal-topbar .primary-button,.portal-topbar .secondary-button,.portal-topbar .ghost-button,.portal-topbar .role-badge{min-height:38px;padding-inline:14px}.portal-topbar .eyebrow,.portal-updates__header .eyebrow{margin-bottom:.28rem;font-size:.68rem}.portal-updates{grid-template-columns:minmax(170px,.28fr) minmax(0,1fr);align-items:center;gap:10px}.portal-updates__header{gap:8px}.portal-updates__header h2{font-size:1.08rem}.portal-updates__history{min-height:34px;padding-inline:12px}.portal-updates__grid{gap:8px}.portal-update-card{border-radius:14px;grid-template-columns:32px minmax(0,1fr);gap:8px;min-height:70px;padding:9px}.portal-update-card p{display:none}.portal-update-card time{font-size:.76rem}.portal-update-card h3{font-size:.9rem}.patch-note-mark{border-radius:10px;width:30px;height:30px}.patch-note-mark:before{width:12px;height:12px}.patch-note-mark:after{width:5px;height:5px}.portal-group-list{gap:9px;padding-top:2px}.portal-group-trigger{padding:11px 18px}.portal-group-card__index{font-size:1.65rem}.portal-group-trigger__meta strong{font-size:1.04rem}.portal-group-trigger__side{font-size:.84rem}.portal-group-trigger__chevron{width:1.85rem;height:1.85rem}.portal-group-accordion__inner{padding:0 14px 12px}.portal-group-drawer{border-radius:16px;padding:10px}.portal-member-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.portal-member-button{border-radius:14px;min-height:64px;padding:12px}.portal-member-button__copy{gap:4px}.portal-member-button__action{min-height:32px;padding-inline:10px}}@media (width<=900px){.portal-updates{grid-template-columns:1fr}.portal-updates__header{flex-direction:row;align-items:center}.portal-updates__history{width:auto}.portal-updates__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-member-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1600px){.admin-shell--editor{padding:12px}.admin-layout{grid-template-columns:minmax(214px,.76fr) minmax(0,1.96fr) minmax(218px,.74fr);gap:12px}.admin-layout.is-assets-collapsed{grid-template-columns:120px minmax(0,1.96fr) minmax(218px,.74fr)}.admin-layout.is-sidebar-collapsed{grid-template-columns:minmax(214px,.76fr) minmax(0,1.96fr) 120px}.admin-layout.is-assets-collapsed.is-sidebar-collapsed{grid-template-columns:120px minmax(0,1.96fr) 120px}.admin-shell--editor .panel,.admin-shell--editor .viewer-side{padding:16px}}@media (width<=720px){.auth-page,.app-shell,.admin-shell{padding:16px}.auth-hero,.auth-panel,.panel,.topbar{padding:18px}.auth-hero h1{max-width:18ch;font-size:2.15rem;line-height:1.08}.auth-hero__lead{font-size:1rem;line-height:1.55}.temporary-password-panel{flex-direction:column;align-items:stretch}.credential-strip,.field-grid,.element-editor-basics,.detail-grid,.popup-layout-row,.popup-extra-row,.popup-extra-row--vlan,.detail-mini-grid{grid-template-columns:1fr}.detail-shell__brand,.detail-section__header{flex-direction:column;align-items:flex-start}.popup-mode-switch,.popup-view-switch,.popup-credentials-editor,.firewall-editor__header,.firewall-editor__rule-row,.firewall-display__rule,.switch-port-editor__bulk-actions,.switch-port-editor__fields,.switch-display__profile,.switch-display__profile-fields,.switch-display__ports,.switch-display__notes{grid-template-columns:1fr}.switch-port-editor__options{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-port-editor__allowed-vlans{grid-column:auto}.switch-display__note-header{flex-direction:column;align-items:flex-start}.switch-display__badges{justify-content:flex-start}.switch-display__config{grid-template-columns:1fr}.firewall-display__rule{min-width:0}.popup-layout-actions,.popup-layout-row__order{justify-content:stretch}.popup-layout-row__order .icon-button{flex:1;width:auto}.schema-quickbar{grid-template-columns:1fr}.tool-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-workspace__grid{grid-template-columns:1fr}.color-preset-grid{grid-template-columns:repeat(5,24px)}.patch-note-row>summary{grid-template-columns:1fr 18px}.patch-note-row__meta{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center}.patch-note-row__details{padding-left:0}.portal-updates__header{flex-direction:column;align-items:stretch}.portal-updates__grid,.portal-member-list{grid-template-columns:1fr}.portal-updates__history{width:100%}.portal-topbar h1{max-width:none;font-size:2rem}.portal-topbar .topbar__actions{justify-content:stretch}.portal-update-card{min-height:0}.admin-sidebar__hero{flex-direction:column}.topbar{align-items:flex-start}.topbar__actions,.topbar__actions>*{width:100%}.workspace-topbar__trigger{width:100%;min-width:0}.workspace-actions-drawer{width:auto;padding:0;inset:12px}.workspace-shell{gap:8px;padding:10px}.workspace-canvas-shell{min-height:0}.workspace-canvas-shell .canvas-stage,.workspace-canvas-shell .canvas-stage.is-compact{border-radius:20px;min-height:calc(100svh - 110px)}.canvas-toolbar{gap:8px;padding:8px;top:84px;right:12px}.canvas-search{grid-template-columns:minmax(0,1fr) auto auto;top:12px;left:12px;right:12px}.canvas-ink-control{top:140px;right:12px}.canvas-ink-popover{width:min(320px,100vw - 24px);top:calc(100% + 10px);right:0}.canvas-toolbar__button{min-width:36px;height:36px;padding-inline:12px;font-size:.92rem}.canvas-toolbar__ratio{min-width:48px;font-size:.9rem}.help-widget{bottom:14px;left:14px}.editor-toolbar__trigger{width:100%;min-width:0}.editor-header-drawer{width:auto;padding:0;inset:12px}}.portal-topbar{grid-template-columns:minmax(220px,1fr) minmax(0,auto);align-items:start;display:grid}.portal-topbar h1{max-width:26ch}.portal-topbar__subtitle{max-width:34rem;color:var(--muted);margin:.6rem 0 0;line-height:1.5}.portal-topbar .topbar__actions{max-width:min(760px,100%)}.portal-dashboard{flex:auto;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);align-items:stretch;gap:16px;min-height:0;display:grid}.portal-dashboard>.form-error,.portal-dashboard__fallback{grid-column:1/-1}.portal-dashboard__fallback{align-self:stretch}.portal-group-menu,.portal-member-panel,.portal-updates--dashboard{min-width:0;box-shadow:var(--shadow);background:linear-gradient(#0a1c28eb,#07141ee6),#081620e0;border:1px solid #a0c6db24;border-radius:8px}.portal-group-menu,.portal-member-panel{flex-direction:column;gap:14px;padding:18px;display:flex}.portal-panel-heading,.portal-member-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.portal-panel-heading h2,.portal-member-panel__header h2,.portal-updates--dashboard .portal-updates__header h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.28rem;line-height:1.14}.portal-panel-heading span,.portal-count-pill{min-width:42px;min-height:34px;color:var(--text);white-space:nowrap;background:#6ad5ff17;border:1px solid #6ad5ff38;border-radius:999px;justify-content:center;align-items:center;padding:0 11px;font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:700;display:inline-flex}.portal-group-menu__list{gap:9px;min-height:0;padding-right:2px;display:grid;overflow:auto}.portal-group-option{width:100%;min-width:0;min-height:68px;color:var(--text);text-align:left;background:#ffffff06;border:1px solid #a0c6db1f;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;transition:transform .18s,border-color .18s,background .18s;display:grid}.portal-group-option:hover,.portal-group-option:focus-visible,.portal-group-option.is-selected{background:#6ad5ff1a;border-color:#6ad5ff57;transform:translateY(-1px)}.portal-group-option.is-current{border-color:#f0b34a52}.portal-group-option__index{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:1.34rem;font-weight:700}.portal-group-option__copy{gap:4px;min-width:0;display:grid}.portal-group-option__copy strong,.portal-user-card__copy strong{overflow-wrap:anywhere;line-height:1.16}.portal-group-option__copy small,.portal-user-card__copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-member-panel{overflow:hidden}.portal-user-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;min-height:0;padding-right:2px;display:grid;overflow:auto}.portal-user-card{width:100%;min-width:0;min-height:86px;color:var(--text);text-align:left;background:#0c1c27b8;border:1px solid #a0c6db1f;border-radius:8px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;transition:transform .18s,border-color .18s,background .18s;display:grid}.portal-user-card:hover,.portal-user-card:focus-visible{background:#112532c7;border-color:#6ad5ff57;transform:translateY(-1px)}.portal-user-card__avatar{width:46px;height:46px;color:var(--accent-warm);background:#f0b34a1f;border:1px solid #f0b34a40;border-radius:8px;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;display:inline-grid}.portal-user-card__copy{gap:4px;min-width:0;display:grid}.portal-user-card__action{width:34px;height:34px;color:var(--text);white-space:nowrap;background:#6ad5ff14;border:1px solid #6ad5ff2e;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;font-weight:700;display:inline-flex}.portal-updates--dashboard{grid-template-columns:1fr;align-content:start;gap:14px;padding:18px;display:grid}.portal-updates--dashboard .portal-updates__header{gap:4px;padding:0;display:grid}.portal-updates--dashboard .portal-updates__history{flex:none;min-height:36px;padding-inline:13px}.portal-updates--dashboard .portal-updates__grid{grid-template-columns:1fr;gap:10px;display:grid}.portal-updates--dashboard .portal-update-card{border-radius:16px;grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:0;padding:12px}.portal-updates--dashboard .patch-note-mark{border-radius:10px;width:32px;height:32px}.portal-updates--dashboard .patch-note-mark:before{width:12px;height:12px}.portal-updates--dashboard .patch-note-mark:after{width:5px;height:5px}@media (width<=1280px){.portal-dashboard{grid-template-columns:minmax(200px,.55fr) minmax(0,1.45fr)}}@media (width<=920px){.portal-topbar{grid-template-columns:1fr}.portal-topbar h1{max-width:none}.portal-topbar .topbar__actions{justify-content:flex-start}.portal-dashboard{grid-template-columns:1fr}.portal-group-menu__list{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-updates--dashboard .portal-updates__grid{grid-template-columns:1fr}}@media (width<=640px){.switch-config-export-card__header{flex-direction:column;align-items:flex-start}.switch-config-export__actions{width:100%}.switch-config-export__actions button{flex:1}.switch-port-editor__options{grid-template-columns:1fr}.portal-group-menu,.portal-member-panel,.portal-updates--dashboard{border-radius:8px;padding:14px}.portal-group-menu__list{scroll-snap-type:x proximity;gap:9px;padding:0 0 4px;display:flex;overflow-x:auto}.portal-group-option{scroll-snap-align:start;flex:0 0 min(78vw,270px);min-height:58px}.portal-user-grid{grid-template-columns:1fr}.portal-user-card{grid-template-columns:42px minmax(0,1fr) auto;min-height:68px;padding:10px}.portal-user-card__action{min-height:32px;padding-inline:10px}}@media (width<=1200px){html,body,#root{min-width:0;overflow-x:hidden}body{overflow-y:auto}.auth-page,.app-shell,.admin-shell{width:100%}.app-shell:not(.workspace-shell),.admin-shell{height:auto;min-height:100svh;overflow:visible}.auth-page,.viewer-layout,.admin-layout,.admin-layout.is-assets-collapsed,.admin-layout.is-sidebar-collapsed,.admin-layout.is-assets-collapsed.is-sidebar-collapsed,.user-admin-layout,.portal-dashboard{grid-template-columns:minmax(0,1fr)}.admin-layout,.user-admin-layout,.viewer-layout{height:auto;min-height:0}.admin-layout>.panel,.viewer-main,.viewer-side,.user-admin-sidebar,.user-admin-editor{min-width:0}.asset-library-panel,.admin-sidebar,.panel-section--scroll,.user-admin-list,.portal-group-menu__list,.portal-user-grid{max-height:none}}@media (width<=920px){.topbar,.portal-topbar,.panel__header,.portal-panel-heading,.portal-member-panel__header,.modal-card__header{align-items:flex-start}.topbar,.portal-topbar{grid-template-columns:minmax(0,1fr)}.topbar__actions,.portal-topbar .topbar__actions{justify-content:stretch;width:100%;max-width:none}.topbar__actions>*,.portal-topbar .topbar__actions>*{flex:min(180px,100%)}.modal-backdrop{padding:14px}.modal-card,.modal-card--info,.modal-card--editor,.modal-card--narrow,.drawing-editor-modal,.patch-notes-modal{width:min(100%,100vw - 28px);max-height:calc(100svh - 28px)}.modal-card{padding:22px}.patch-notes-layout{grid-template-columns:minmax(0,1fr);gap:10px;padding:0}.patch-notes-nav{max-height:none;padding:0 18px 8px;display:flex;overflow:auto hidden}.patch-notes-nav a{flex:0 0 min(180px,72vw)}.patch-notes-list{max-height:calc(100svh - 260px);padding:0 18px 18px}.modal-card__info-content,.modal-card__content{scroll-behavior:smooth}.field-grid,.credential-value,.popup-credentials-editor,.popup-layout-row,.popup-extra-row,.firewall-editor__rule-row,.detail-grid,.switch-display__profile,.switch-display__profile-fields{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.auth-page,.app-shell,.admin-shell{padding:12px}.auth-hero,.auth-panel,.panel,.topbar,.modal-card{border-radius:18px;padding:16px}.auth-page{min-height:100svh}.auth-hero h1,.topbar h1,.portal-topbar h1{max-width:none;font-size:2rem;line-height:1.08}.panel__header,.modal-card__header,.portal-panel-heading,.portal-member-panel__header,.temporary-password-panel,.credential-value{flex-direction:column}.panel__header,.modal-card__header,.portal-panel-heading,.portal-member-panel__header{gap:12px}.modal-card__header{padding-right:44px}.modal-card__header h2{overflow-wrap:anywhere;font-size:1.55rem;line-height:1.12}.patch-note-row>summary{grid-template-columns:96px minmax(0,1fr) 18px}.patch-note-row__details{padding-left:110px}.modal-card__actions,.popup-layout-actions,.switch-config-export__actions,.user-admin-password-actions,.asset-library-panel__controls,.admin-sidebar__hero-actions{flex-direction:column;align-items:stretch}.modal-card__actions>*,.popup-layout-actions>*,.switch-config-export__actions>*,.user-admin-password-actions>*,.asset-library-panel__controls>*,.admin-sidebar__hero-actions>*{justify-content:center;width:100%}.portal-dashboard,.portal-group-menu,.portal-member-panel,.portal-updates--dashboard{min-height:0}.portal-group-menu__list{max-width:100%}.portal-user-card,.portal-member-button{grid-template-columns:42px minmax(0,1fr)}.portal-user-card__action,.portal-member-button__action{grid-column:1/-1;width:100%}.editor-header-drawer,.workspace-actions-drawer,.help-widget__panel{max-width:calc(100vw - 24px)}}@media (width<=520px){.auth-page,.app-shell,.admin-shell{padding:10px}.modal-backdrop{padding:8px}.modal-card,.modal-card--info,.modal-card--editor,.modal-card--narrow,.drawing-editor-modal,.patch-notes-modal{width:calc(100vw - 16px);max-height:calc(100svh - 16px)}.modal-card{padding:14px}.patch-notes-nav{padding-inline:4px}.patch-notes-list{max-height:calc(100svh - 250px);padding:0 4px 4px}.patch-note-row>summary{grid-template-columns:minmax(0,1fr) 18px;gap:10px}.patch-note-row__meta{grid-column:1/-1;grid-template-columns:40px minmax(0,1fr);align-items:center}.patch-note-row__details{padding-left:0}.detail-shell,.switch-display__shell,.switch-config-export-card,.detail-section,.firewall-display__panel{border-radius:14px;padding:12px}.portal-group-menu__list{grid-template-columns:1fr;display:grid;overflow-x:visible}.portal-group-option{flex-basis:auto}.portal-user-card,.portal-member-button{grid-template-columns:minmax(0,1fr);display:grid}.portal-user-card__avatar{width:40px;height:40px}.canvas-search{grid-template-columns:minmax(0,1fr)}.canvas-toolbar{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 24px)}.workspace-actions-drawer__header{padding:18px 60px 16px 17px}.workspace-actions-drawer__close{top:17px;right:17px}.workspace-actions-drawer__body{gap:11px;padding:14px 13px 12px}.workspace-actions-drawer__footer{padding:10px 13px 13px}.workspace-actions-group{border-radius:17px;padding:13px}.workspace-transfer-modal__heading{grid-template-columns:42px minmax(0,1fr);gap:10px}.workspace-transfer-modal__icon{border-radius:13px;width:42px;height:42px}.workspace-transfer-content{gap:13px}.workspace-transfer-callout,.workspace-import-modes>label,.workspace-transfer-file{padding:12px}}.admin-sidebar:not(.admin-sidebar--collapsed){gap:0}.admin-sidebar__hero-copy{gap:5px}.admin-sidebar__tools-section{flex:none;align-content:start;gap:12px;min-height:auto;display:grid}.admin-sidebar__section-head{align-items:flex-end}.admin-shell--editor .asset-library-panel--collapsed,.admin-shell--editor .admin-sidebar--collapsed,.admin-shell--editor .schema-inventory--collapsed{width:100%;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;align-self:start;overflow:visible;padding:0!important}