:root{--app-ink: #253b4d;--app-muted: #657785;--app-canvas: #f3f5f7;--app-surface: #fff;--app-border: #e3e8ec;--app-divider: #e9edf0;--app-input-bg: #fbfcfd;--app-input-border: #dde5e9;--app-label: #516673;--app-expanded: #f8faff;--dash-primary: #2563eb;--dash-primary-hover: #1d4ed8;--dash-primary-soft: #eff6ff;--dash-primary-border: #93c5fd;--dash-primary-focus: color-mix(in srgb, var(--dash-primary) 15%, transparent);--dash-sidebar: #172033;--dash-success: var(--dash-primary);--bs-primary: var(--dash-primary);--bs-body-color: var(--app-ink);--bs-body-bg: var(--app-canvas);--bs-border-color: #e4e9ed}:root[data-bs-theme=dark]{color-scheme:dark;--app-ink: #e4eaf3;--app-muted: #acb8cb;--app-canvas: #101725;--app-surface: #1b2535;--app-border: #354258;--app-divider: #354258;--app-input-bg: #151e2d;--app-input-border: #354258;--app-label: #acb8cb;--app-expanded: #151e2d;--bs-border-color: var(--app-border)}:root[data-bs-theme=dark] .btn-outline-secondary{--bs-btn-color: #cbd5e1;--bs-btn-disabled-color: #cbd5e1;--bs-btn-border-color: #718096;--bs-btn-hover-bg: #42516b;--bs-btn-hover-color: #fff;--bs-btn-active-bg: #42516b}:root[data-bs-theme=dark] :focus-visible{outline-color:#93c5fd!important}:root[data-bs-theme=dark] .swal2-popup:not(.swal2-toast){--swal2-background: var(--app-surface);--swal2-color: var(--app-ink)}body{background:var(--app-canvas);color:var(--app-ink);font-family:Inter,Segoe UI,sans-serif;font-size:1rem;line-height:1.6}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible{outline:.1875rem solid var(--dash-primary);outline-offset:.1875rem}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:15.625rem;flex-direction:column;overflow-y:auto;color:#d8deea;background:var(--dash-sidebar);box-shadow:.375rem 0 1.5rem #0b121e1f}.sidebar-brand{display:flex;min-height:4.5rem;align-items:center;gap:.75rem;padding:.875rem 1.25rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}.sidebar-brand:hover{color:#fff}.sidebar-brand strong{display:block;font-size:1rem;letter-spacing:.1px}.sidebar-brand-mark{display:grid;width:2.375rem;height:2.375rem;place-items:center;flex:0 0 auto;border-radius:.5625rem;background:var(--dash-primary);box-shadow:0 .375rem 1rem #2563eb59}.sidebar-brand-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.sidebar-nav{flex:1;padding:1.375rem .8125rem}.sidebar-link{display:flex;min-height:2.75rem;align-items:center;gap:.8125rem;margin:.1875rem 0;padding:.625rem .8125rem;color:#aeb8c9;border-radius:.4375rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.sidebar-link i{width:1.125rem;color:#7f8ba0;text-align:center}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{color:#fff;background:var(--dash-primary);box-shadow:0 .3125rem .875rem #00000029}.sidebar-link.active i{color:#fff}.shell{margin-left:15.625rem}.topbar{height:4.25rem;background:#fff;border-bottom:1px solid #e4e9ed;padding:0 2.375rem;display:flex;align-items:center;justify-content:space-between;font-size:1rem}main{margin:auto;padding:2.125rem 2.375rem 1.25rem}.card-heading-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{flex-shrink:0}.dashboard-footer{display:flex;flex-shrink:0;justify-content:space-between;gap:1.125rem;margin-top:1.875rem;padding:1.125rem 2.125rem;color:#91a1ab;border-top:1px solid #e1e7eb;background:var(--app-surface);font-size:.8125rem;text-align:left}.dashboard-footer p{margin:0}.dashboard-footer i{color:var(--dash-success)}@media(min-width:93.75rem){main{padding-top:2.8125rem}}@media(max-width:71.875rem){main{padding:1.5625rem}}@media(max-width:53.125rem){.sidebar{width:4.5rem}.sidebar-brand{justify-content:center;padding-inline:.75rem}.sidebar-brand>span:last-child,.sidebar-link span{display:none}.sidebar-link{justify-content:center;padding-inline:.5rem}.shell{margin-left:4.5rem}.topbar{padding:0 1.375rem;height:3.25rem}}@media(max-width:40.625rem){main{padding:1.375rem 1rem}.dashboard-footer span{max-width:10rem;text-align:right}}@media(max-width:35.99875rem){.sidebar{position:static;width:100%;height:4.5rem;flex-direction:row;align-items:center}.sidebar-brand{justify-content:flex-start;border-bottom:0}.sidebar-brand>span:last-child{display:block}.sidebar-nav{display:none}.shell{margin-left:0}.dashboard-footer{display:block;padding:1.125rem 1rem 1rem}.dashboard-footer p+p{margin-top:.3125rem}}.muted{color:var(--app-muted);font-size:1rem}#style-presets,.accordion-collapse{scroll-margin-top:1.5rem}.local-pill{font-size:.875rem;color:var(--dash-primary);background:var(--dash-primary-soft);border-radius:1.875rem;padding:.4375rem .75rem;white-space:nowrap}.sidebar .local-pill{background:#1e3a5f;color:#93c5fd}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-title h1{font-size:2rem;letter-spacing:-1px;font-weight:700;margin:0 0 .5rem}.page-title h1 span{color:var(--dash-primary)}.page-title p{margin-bottom:0}.page-title .eyebrow{font-size:.8125rem;color:var(--dash-primary);letter-spacing:.125rem;font-weight:700;margin-bottom:.625rem}.btn{border-radius:.375rem}.btn-primary{--bs-btn-bg: var(--dash-primary);--bs-btn-border-color: var(--dash-primary);--bs-btn-hover-bg: var(--dash-primary-hover);--bs-btn-hover-border-color: var(--dash-primary-hover);--bs-btn-active-bg: var(--dash-primary-hover);--bs-btn-active-border-color: var(--dash-primary-hover);--bs-btn-disabled-bg: var(--dash-primary);--bs-btn-disabled-border-color: var(--dash-primary);--bs-btn-focus-shadow-rgb: 37, 99, 235}.btn-outline-secondary{--bs-btn-color: #607180;--bs-btn-border-color: #dce3e8;--bs-btn-hover-bg: #eff4f4;--bs-btn-hover-color: #253b4d;--bs-btn-hover-border-color: var(--dash-primary-border)}.presets-panel,.controls-panel,.preview-panel{background:var(--app-surface);border:1px solid var(--app-border);border-radius:.625rem;box-shadow:0 .25rem 1.125rem #21354506}.presets-panel{padding:1.25rem 1.4375rem;margin-bottom:1.5625rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}.presets-panel strong{font-size:1rem}.presets-panel p{font-size:.875rem;margin:.375rem 0 0}.preset-list{display:flex;gap:.5rem;flex-wrap:wrap}.preset{border:1px solid transparent;background:transparent;border-radius:.4375rem;min-width:4.5rem;font-size:.8125rem;padding:.3125rem .5rem;color:#647482}.preset:hover{background:#f3f7f7}.preset.selected{background:var(--dash-primary-soft);border-color:var(--dash-primary-border);color:var(--dash-primary)}.preset-sample{display:block;font-size:1.875rem;line-height:2.25rem}.preset-sample svg{display:block;width:2.375rem;height:2.375rem;margin:0 auto .25rem}.studio-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(20.625rem,1fr);gap:1.625rem;align-items:start}.panel-heading{padding:1.25rem 1.4375rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--app-divider);gap:.625rem;flex-wrap:wrap}.panel-heading h2{font-size:1.125rem;font-weight:700;margin:0}.panel-heading .muted{font-size:.8125rem}.accordion-item{border:0;border-bottom:1px solid #edf0f2;background:transparent}.accordion-item:last-child{border-bottom:0}.accordion-button{padding:1.1875rem 1.4375rem;font-size:1rem;font-weight:600;color:var(--app-ink);gap:.875rem}.accordion-button:not(.collapsed){background:var(--app-expanded);color:var(--app-ink);box-shadow:none}.accordion-button:focus{box-shadow:inset 0 0 0 .125rem var(--dash-primary-border)}.accordion-button:after{width:.75rem;height:.75rem;background-size:.75rem}.section-number{font-size:.8125rem;color:#90a4ad;letter-spacing:1px}.accordion-body{position:relative;padding:2.1875rem 1.5rem 1.5rem}.section-reset{position:absolute;right:1.5rem;top:.5rem;border:0;background:transparent;color:var(--dash-primary);font-size:.8125rem}.control-field{margin-bottom:1.0625rem;position:relative}.control-field:has(>.range-value) .form-label{padding-right:3rem}.form-label{font-size:.875rem;color:var(--app-label);font-weight:600;margin-bottom:.4375rem}.form-control,.form-select{font-size:1rem;border-color:var(--app-input-border);border-radius:.375rem;background-color:var(--app-input-bg)}.form-control:focus,.form-select:focus{border-color:var(--dash-primary);box-shadow:0 0 0 .1875rem var(--dash-primary-focus)}textarea{min-height:5.625rem}.content-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 .9375rem}.content-fields .control-field:has(textarea),.content-fields .control-field:has([data-path$=".url"]),.content-fields .control-field:has([data-path$=".ssid"]){grid-column:1/-1}[hidden]{display:none!important}.control-check{display:flex;gap:.625rem;align-items:center;margin:.875rem 0 1.25rem}.control-check label{margin:0}.form-check-input:checked{background-color:var(--dash-primary);border-color:var(--dash-primary)}.color-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.9375rem}.color-row .control-field{flex:1;margin:0}.color-swatch{position:relative;flex:0 0 2.75rem;width:2.75rem;height:2.75rem;padding:.25rem;border:1px solid #dce5e8;border-radius:.4375rem;background:var(--app-surface);align-self:flex-end;cursor:pointer}.color-swatch:before{content:"";position:absolute;inset:.3125rem;border-radius:.25rem;background:var(--swatch-color, #172c40);border:1px solid rgba(0,0,0,.08)}.color-swatch:hover{border-color:var(--dash-primary)}.clr-picker{font-family:inherit;color:var(--app-ink);border:1px solid #dce5e8;box-shadow:0 .625rem 2rem #2135452e;max-width:calc(100vw - 1.5rem)}.clr-picker button,.clr-picker input{font-size:1rem}.clr-picker .clr-close{background:var(--dash-primary);color:#fff;border-radius:.375rem;min-height:2.5rem}#clr-picker input.clr-color,#clr-picker .clr-close{font-size:1rem}.range-value{position:absolute;top:0;right:0;font-size:.875rem;color:var(--dash-primary)}.help-note{font-size:.875rem;color:var(--app-muted);line-height:1.7;margin-top:1rem}.size-buttons{display:flex;gap:.5rem}.preview-column{position:sticky;top:1.375rem}.live-dot{font-size:.75rem;letter-spacing:1px;color:var(--dash-primary)}#preview-workspace{padding:1.125rem;min-height:20.625rem;display:flex;align-items:center;justify-content:center;background-color:#f5f7f8;margin:1.25rem;border-radius:.5rem}#preview{width:100%;max-width:19.375rem}#preview svg{display:block;width:100%;height:auto;filter:drop-shadow(0 .5rem .75rem rgba(38,62,80,.0823529412))}#preview p{text-align:center;color:var(--app-muted);font-size:1rem}.preview-meta{display:flex;justify-content:space-between;margin:0 1.4375rem 1.125rem;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8125rem;color:#738691}#warnings{margin:0 1.4375rem 1.25rem;padding:.75rem .875rem;border-radius:.375rem;color:var(--dash-primary);background:var(--dash-primary-soft);font-size:.875rem;line-height:1.6}#warnings p{margin:0}#warnings p+p{margin-top:.3125rem}#warnings.has-warning{color:#866120;background:#fff8e9}.export-panel{padding:1.375rem 1.4375rem;border-top:1px solid var(--app-divider)}.export-panel h3{font-size:1rem;font-weight:700;margin:0}.export-panel .muted{font-size:.8125rem}#quick-export{display:flex;gap:.5625rem;margin:1.125rem 0 .75rem}#quick-export button{flex:1}#test-result{font-size:.875rem;line-height:1.7;margin:.75rem 0 0;color:#627781}.privacy-note{display:flex;gap:.75rem;padding:1.375rem .75rem;color:#7d929d;font-size:.875rem;line-height:1.8}.privacy-note>p{margin:0}@media(max-width:71.875rem){.presets-panel{flex-direction:column;align-items:flex-start}.studio-grid{gap:1.125rem;grid-template-columns:minmax(0,1fr) minmax(18.75rem,.9fr)}.panel-heading{padding:1.125rem}.panel-heading .muted{display:none}#preview-workspace{padding:1.375rem;margin:1rem;min-height:17.5rem}}@media(max-width:53.125rem){.studio-grid{grid-template-columns:1fr 1fr}.content-fields{display:block}.page-title h1{font-size:1.6875rem}}@media(max-width:48.75rem){.studio-grid{display:flex;flex-direction:column}.preview-column{position:static;width:100%;order:-1}.controls-panel{width:100%}}@media(max-width:40.625rem){.topbar>.local-pill{display:none}#preview-workspace{min-height:15rem;padding:1.5rem}#preview{max-width:15rem}.privacy-note{padding:.75rem}.page-title{gap:.75rem;align-items:flex-start}.page-title .muted{max-width:15rem;font-size:1rem}.eyebrow{font-size:.6875rem!important}.page-title h1{font-size:1.625rem}.page-title button{white-space:nowrap;padding:.5rem .625rem}.presets-panel{padding:1rem}.preset-list{gap:.25rem}.preset{min-width:3.625rem}}.swal2-popup.swal2-toast{--swal2-background: linear-gradient(90deg, #0878f9 0%, #0868f5 45%, #087cf8 100%);--swal2-color: #fff;--swal2-timer-progress-bar-background: #0739c5;width:auto!important;padding:.5rem!important;font-size:.75rem!important}.swal2-popup.swal2-toast .swal2-title{font-size:.85rem!important}@keyframes toastFlyInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastFlyOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.swal2-popup.toast-fly-in{animation:toastFlyInRight .3s cubic-bezier(.21,1.02,.73,1) both!important}.swal2-popup.toast-fly-out{animation:toastFlyOutRight .25s ease-in both!important}.swal2-popup.presets-modal{border-radius:1.125rem;padding-bottom:1.5rem}.swal2-popup.presets-modal .swal2-title{font-size:1.375rem}.swal2-popup.presets-modal .presets-modal-content{text-align:left;margin:1.25rem 1.5rem 0}