@font-face{font-family:Graduate;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/graduate.woff2) format("woff2")}@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/bungee.woff2) format("woff2")}@font-face{font-family:Bungee Shade;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/bungee-shade.woff2) format("woff2")}@font-face{font-family:Black Ops One;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/black-ops-one.woff2) format("woff2")}#endFamily option,#caddyTxtFamily option{font-size:14px}.layout-native{--ink: #1e293b;--muted: #64748b;--chip: #ffffff;--bg: #f8fafc;--primary: #dc2626;--secondary: #1d4ed8;--accent: #dc2626;--edge: #e2e8f0;--hdrH: 68px;--radius: 4px;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--gradient-patriot: linear-gradient(135deg, #dc2626 0%, #1d4ed8 100%);--gradient-subtle: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);height:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);transition:all .2s;line-height:1.55}.layout-native{height:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg)}#layoutView.active{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;width:100%!important;height:100%!important;justify-content:flex-start!important}.layout-native.dark{--ink: #f1f5f9;--muted: #94a3b8;--chip: #1e293b;--bg: #0f172a;--primary: #ef4444;--secondary: #3b82f6;--accent: #ef4444;--edge: #334155;--gradient-patriot: linear-gradient(135deg, #ef4444 0%, #3b82f6 100%);--gradient-subtle: linear-gradient(180deg, #1e293b 0%, #0f172a 100%)}.layout-native header{position:sticky;top:0;z-index:100;background:var(--gradient-subtle);border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--primary) 0%,#ffffff 50%,var(--secondary) 100%) 1;height:var(--hdrH);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);flex-shrink:0}.layout-native .wrap{max-width:100%;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.layout-native h1{font-size:19px;font-weight:800;margin:0;letter-spacing:.3px;background:var(--gradient-patriot);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:8px}.layout-native h1:before{content:"";display:inline-block;width:6px;height:24px;background:var(--gradient-patriot);border-radius:2px}.layout-native .spacer{flex:1}.layout-native .btn{border:1px solid var(--edge);background:var(--chip);color:var(--ink);padding:8px 14px;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px;height:38px;display:inline-flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap;position:relative;overflow:hidden}.layout-native .btn:before{content:"";position:absolute;inset:0;background:var(--gradient-patriot);opacity:0;transition:opacity .2s}.layout-native .btn:hover:before{opacity:1}.layout-native .btn:hover{color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 4px 12px #dc262640}.layout-native .btn>*{position:relative;z-index:1}.layout-native .btn.primary{background:var(--gradient-patriot);color:#fff;border-color:transparent}.layout-native .btn.primary:before{background:linear-gradient(135deg,#b91c1c,#1e40af)}.layout-native .btn.ghost{background:transparent}.layout-native .btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--edge);background:var(--bg);color:var(--muted)}.layout-native .btn:disabled:before{display:none}.layout-native .btn:disabled:hover{transform:none;box-shadow:none}.layout-native .main{flex:1;display:flex;overflow:hidden;min-height:600px}.layout-native .sidebar{width:360px;background:var(--gradient-subtle);border-right:3px solid transparent;border-image:linear-gradient(180deg,#dc26261a,#1d4ed81a) 1;overflow-y:auto;padding:16px 16px 60px;flex-shrink:0;transition:transform .3s ease}.layout-native .sidebar.collapsed{transform:translate(-100%);position:absolute;z-index:-1}.layout-native .stage-wrap{flex:1;position:relative;min-height:500px}.layout-native .stage{position:absolute;inset:8px 20px 20px;background:var(--chip);border:2px solid transparent;border-image:linear-gradient(135deg,#dc262633,#1d4ed833) 1;border-radius:var(--radius);box-shadow:0 10px 40px #00000014,0 0 0 1px var(--edge);display:flex;align-items:center;justify-content:center;overflow:auto}.layout-native .stage svg{display:block;transform-origin:50% 50%;width:100%;height:100%}.layout-native .stage{touch-action:none;-webkit-user-select:none;user-select:none}.layout-native .stage svg{-webkit-user-select:none;user-select:none}.layout-native .controls-float{position:absolute;top:16px;right:16px;z-index:10;display:flex;gap:8px;background:var(--chip);padding:8px 10px;border-radius:4px;border:2px solid transparent;border-image:linear-gradient(135deg,#dc262626,#1d4ed826) 1;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.layout-native .section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--edge);animation:fadeInUp .4s ease backwards}.layout-native .section:nth-child(1){animation-delay:.05s}.layout-native .section:nth-child(2){animation-delay:.1s}.layout-native .section:nth-child(3){animation-delay:.15s}.layout-native .section:nth-child(4){animation-delay:.2s}.layout-native .section:nth-child(5){animation-delay:.25s}.layout-native .section:nth-child(6){animation-delay:.3s}.layout-native .section:last-child{border:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.layout-native .section-title{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.6px;position:relative;padding-left:12px}.layout-native .section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;background:var(--gradient-patriot);border-radius:2px}.layout-native .control-group{display:flex;flex-direction:column;gap:10px}.layout-native .control-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.layout-native .label-row{display:flex;align-items:center;gap:8px;width:100%}.layout-native .field{background:var(--bg);border:1px solid var(--edge);border-radius:4px;padding:6px 10px;font-size:13px;color:var(--ink);outline:none;transition:all .2s}.layout-native .field:hover{border-color:#dc26264d}.layout-native .field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #dc26261f;background:var(--chip)}.layout-native .field.sm{width:80px}.layout-native .field.md{width:140px}.layout-native .field.lg{flex:1}.layout-native input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:2px;background:linear-gradient(90deg,#dc262633,#1d4ed833);outline:none;cursor:pointer}.layout-native input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gradient-patriot);cursor:pointer;box-shadow:0 2px 6px #0003;transition:all .2s}.layout-native input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #dc262666}.layout-native input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:none;background:var(--gradient-patriot);cursor:pointer;box-shadow:0 2px 6px #0003;transition:all .2s}.layout-native input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #dc262666}.layout-native input[type=color]{width:36px;height:36px;border:2px solid var(--edge);border-radius:4px;cursor:pointer;padding:2px;background:var(--chip);transition:all .2s}.layout-native input[type=color]:hover{border-color:var(--primary);transform:scale(1.05);box-shadow:0 2px 8px #dc262633}.layout-native .toggle{position:relative;display:inline-block;width:44px;height:24px}.layout-native .toggle input{opacity:0;width:0;height:0}.layout-native .toggle .slider{position:absolute;cursor:pointer;inset:0;background:var(--edge);border-radius:24px;transition:.2s}.layout-native .toggle .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:.2s}.layout-native .toggle input:checked+.slider{background:var(--gradient-patriot)}.layout-native .tabs{display:flex;gap:4px;background:var(--bg);padding:3px;border-radius:4px;margin-bottom:8px}.layout-native .tab{padding:6px 12px;border:none;background:transparent;color:var(--muted);border-radius:3px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;flex:1;text-align:center;position:relative}.layout-native .tab:hover:not(.active){background:#dc26260d;color:var(--ink);transform:translateY(-1px)}.layout-native .tab:disabled{opacity:.4;cursor:not-allowed}.layout-native .tab.active{background:var(--chip);background:linear-gradient(135deg,#dc26261a,#1d4ed81a);color:var(--primary);box-shadow:var(--shadow);font-weight:800;border:1px solid rgba(220,38,38,.2)}.layout-native .modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:200;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.layout-native .modal.open{display:flex;animation:fadeIn .3s ease}.modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:200;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay[style*="display: flex"],.modal-overlay[style*="display:flex"]{display:flex!important}.modal-overlay .modal-content{background:var(--panel);border:1px solid var(--line);border-radius:4px;max-height:90vh;width:90%;overflow-y:auto;animation:slideUp .3s ease;margin:auto;position:relative}.modal-overlay .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-overlay .modal-body{padding:20px}.modal-overlay .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--line)}.modal-overlay .modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--muted);line-height:1;padding:0}.modal-overlay .modal-close:hover{color:var(--ink)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layout-native .modal .sheet{max-width:1180px;width:96%;max-height:92vh;background:var(--gradient-subtle);color:var(--ink);border:3px solid transparent;border-image:linear-gradient(135deg,#dc26264d,#1d4ed84d) 1;border-radius:4px;padding:0;box-shadow:0 20px 60px #00000059;display:grid;grid-template-rows:auto auto 1fr auto;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.layout-native .modal .sheet .head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#dc262633,#1d4ed833) 1}.layout-native .modal .sheet .controls{padding:14px 20px;border-bottom:1px solid var(--edge);background:#fff6}.layout-native .modal .sheet .scroll{overflow:auto;padding:12px 16px}.layout-native .modal .sheet .totals{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.85),var(--bg));backdrop-filter:saturate(120%) blur(6px);-webkit-backdrop-filter:saturate(120%) blur(6px);padding:12px 16px;border-top:2px solid var(--edge);display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.layout-native .modal .sheet .totals .b{border:2px solid transparent;border-image:linear-gradient(135deg,#dc262626,#1d4ed826) 1;border-radius:4px;padding:12px;background:var(--chip);transition:all .2s}.layout-native .modal .sheet .totals .b:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.layout-native .toast{position:fixed;bottom:20px;right:20px;z-index:300;background:var(--chip);border:2px solid transparent;border-image:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%) 1;border-radius:4px;padding:14px 18px;box-shadow:0 4px 22px #00000038;display:none;font-weight:600}.layout-native .toast.show{display:block;animation:slideIn .28s}@keyframes slideIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.layout-native ::-webkit-scrollbar{width:10px;height:10px}.layout-native ::-webkit-scrollbar-track{background:var(--bg);border-radius:2px}.layout-native ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#dc26264d,#1d4ed84d);border-radius:2px;border:2px solid var(--bg)}.layout-native ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#dc262699,#1d4ed899)}.layout-native .hint{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.4;font-style:italic}.layout-native #err{position:fixed;left:12px;bottom:12px;z-index:600;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:8px 10px;border-radius:4px;box-shadow:0 4px 16px #0000001f;font-size:12px;display:none}.layout-native .success{color:#059669;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layout-native .loading{animation:spin 1s linear infinite}.layout-native .k{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:8px;background:var(--chip);border:2px solid transparent;border-image:linear-gradient(135deg,#dc262614,#1d4ed814) 1;border-radius:4px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.layout-native .k:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-image:linear-gradient(135deg,#dc262633,#1d4ed833) 1}.layout-native .k strong{color:var(--ink);font-weight:700}.layout-native .k small{color:var(--muted);font-size:11px}.layout-native .k .right{text-align:right;color:var(--primary);font-weight:700;background:linear-gradient(135deg,#dc26261a,#1d4ed81a);padding:6px 12px;border-radius:4px}.layout-native .metrics-section-title{font-size:13px;font-weight:800;color:var(--ink);margin:20px 0 12px;padding-bottom:8px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%) 1;text-transform:uppercase;letter-spacing:.8px}.layout-native .metrics-section-title:first-child{margin-top:0}.layout-native .control-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--chip);border:1px solid var(--edge);border-radius:4px;transition:all .2s}.layout-native .control-box:hover{border-color:#dc26264d;background:#fffc}.layout-native .control-box label{font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}@media(max-width:1024px){.layout-native .main{position:relative;display:block}.layout-native .sidebar{position:fixed;top:var(--hdrH);bottom:0;left:0;width:320px;z-index:150;background:var(--panel);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 40px #0003}.layout-native .sidebar.active{transform:translate(0)}.layout-native .sidebar-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:140;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.layout-native .sidebar-backdrop.visible{display:block}.layout-native .stage-wrap{height:calc(100vh - var(--hdrH));width:100%}.layout-native header{padding:0 clamp(10px,3vw,20px)}.layout-native .wrap{padding:0;gap:8px;justify-content:space-between}.layout-native h1{font-size:clamp(14px,4vw,19px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.layout-native #fitBtn{display:none}.layout-hero>div>div:last-child{flex-wrap:wrap;gap:8px!important}.layout-hero #metricsBtn,.layout-hero #layoutsDropdownContainer{display:none}.layout-fab-toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px 12px;background:var(--panel, #fff);border:1px solid var(--line, #e5e7eb);border-radius:16px;box-shadow:0 8px 32px #00000026;z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.layout-fab-toolbar .fab-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid var(--edge, #e2e8f0);border-radius:10px;background:var(--chip, #fff);color:var(--ink, #1e293b);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap}.layout-fab-toolbar .fab-btn:active{transform:scale(.95);background:var(--edge, #e2e8f0)}.layout-fab-toolbar .fab-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}}.layout-fab-toolbar{display:none}.layout-native .wrap{padding:0 clamp(16px,2vw,32px)}.layout-native .sidebar{padding:clamp(12px,1.5vw,20px)}.layout-native .stage{inset:clamp(8px,1vw,16px) clamp(16px,2vw,32px) clamp(16px,2vw,32px)}.layout-native:fullscreen,.layout-native:-webkit-full-screen{background:var(--bg, #f8fafc);width:100vw;height:100vh}.layout-native:fullscreen header,.layout-native:-webkit-full-screen header{position:relative;z-index:10}.layout-native:fullscreen .sidebar,.layout-native:-webkit-full-screen .sidebar{max-height:calc(100vh - var(--hdrH, 68px));overflow-y:auto}.layout-native:fullscreen .stage-wrap,.layout-native:-webkit-full-screen .stage-wrap{height:calc(100vh - var(--hdrH, 68px))}:root{--bg: #f4f7fb;--panel: #ffffff;--panel-2: #f7f9fc;--panel-alt: #eef4ff;--border: #d8e1ee;--line: #d8e1ee;--muted: #64748b;--brand: #0f766e;--brand-2: #2563eb;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:var(--bg);color:#172033;overflow:hidden}button,input,select,textarea{font:inherit}#layoutView{height:100vh;width:100vw;display:flex;flex-direction:column}.layout-hero{background:linear-gradient(135deg,#0f766ef5,#2563ebf0),#0f766e;padding:14px 18px;box-shadow:0 8px 24px #0f172a29;position:relative;z-index:2}.layout-hero .title{letter-spacing:0}.app-status{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:700;gap:7px;line-height:1;padding:8px 10px}.app-status-dot{border-radius:999px;display:inline-block;height:8px;width:8px}.panel{background:var(--panel);border:0;flex:1;min-height:0}.app-container{height:100%;min-height:0}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 20px 60px #0f172a38;max-height:min(86vh,760px);overflow:hidden;width:min(92vw,720px)}.modal-header,.modal-body{padding:16px}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;font-weight:800;justify-content:space-between}.modal-body{overflow-y:auto}.help{color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:780px){.layout-hero{padding:10px}}@media(max-width:1024px){#layoutView .layout-fab-toolbar{display:flex;z-index:320}#layoutView .layout-fab-toolbar .fab-btn:last-child{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:800}#layoutView .layout-native .sidebar{max-width:min(86vw,360px)}}:root{--bg: #eef3f8;--panel: #ffffff;--panel-2: #f7fafc;--panel-alt: #edf7f5;--border: #d4dde8;--line: #d4dde8;--muted: #5f6f83;--brand: #0f766e;--brand-2: #2563eb;--ink: #162033}body{background:linear-gradient(180deg,#f8fafc,#eef3f8);color:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.layout-native .btn:focus-visible,.layout-native .tab:focus-visible{outline:2px solid rgba(15,118,110,.7);outline-offset:2px}.layout-hero{background:#111827!important;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px #0f172a2e;padding:10px 16px}.layout-hero .title{color:#fff!important;font-size:22px!important;letter-spacing:0!important;line-height:1.1}#layoutHeroSubtitle{color:#ffffffc2!important;font-size:12px!important}#layoutView .layout-hero .btn{background:#ffffff14!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:6px!important;box-shadow:none!important;color:#f8fafc!important;height:34px!important;padding:7px 10px!important;transform:none!important}#layoutView .layout-hero .btn:hover{background:#ffffff29!important;border-color:#ffffff47!important}#layoutView .layout-hero .btn:before{display:none!important}#layoutStatus{background:#ecfdf521!important;border:1px solid rgba(134,239,172,.24);color:#d1fae5!important}#layoutStatus .app-status-dot{background:#34d399!important}.panel{border-radius:0;box-shadow:none!important}.layout-native{--ink: #172033;--muted: #66768a;--chip: #ffffff;--bg: #f6f8fb;--primary: #0f766e;--secondary: #2563eb;--accent: #b45309;--edge: #d8e1ec;--radius: 6px;--shadow: 0 1px 2px rgba(15, 23, 42, .08);--gradient-patriot: linear-gradient(135deg, #0f766e 0%, #2563eb 100%);--gradient-subtle: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);background:var(--bg)}.layout-native header{background:#fffffff5;border-bottom:1px solid var(--edge);border-image:none;box-shadow:0 1px 8px #0f172a0f}.layout-native h1{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:var(--ink);font-size:18px;letter-spacing:0}.layout-native h1:before,.layout-native .section-title:before{background:var(--primary)}.layout-native .btn{border-color:var(--edge);border-radius:6px;box-shadow:none;height:36px;letter-spacing:0;overflow:visible;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.layout-native .btn:before{display:none}.layout-native .btn:hover:not(:disabled){background:#ecfdf5;border-color:#0f766e73;box-shadow:0 1px 4px #0f172a14;color:var(--ink);transform:none}.layout-native .btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.layout-native .btn.primary:hover:not(:disabled){background:#0d665f;border-color:#0d665f;color:#fff}.layout-native .btn:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;opacity:1}.layout-native .main{min-height:0}.layout-native .sidebar{background:#fff;border-image:none;border-right:1px solid var(--edge);box-shadow:1px 0 #0f172a05}.layout-native .section{animation:none;border-bottom-color:#e5ebf2;margin-bottom:16px;padding-bottom:14px}.layout-native .section-title{color:#526176;font-size:11px;letter-spacing:.08em;margin-bottom:10px}.layout-native .field,.layout-native select{background:#fff;border-color:var(--edge);border-radius:6px;color:var(--ink);min-height:34px}.layout-native .field:hover,.layout-native select:hover{border-color:#0f766e66}.layout-native .field:focus,.layout-native select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e24}.layout-native input[type=range]{background:linear-gradient(90deg,#0f766e42,#2563eb38)}.layout-native input[type=range]::-webkit-slider-thumb{background:#0f766e;border:2px solid #ffffff}.layout-native input[type=range]::-moz-range-thumb{background:#0f766e;border:2px solid #ffffff}.layout-native input[type=color]{border-color:var(--edge);border-radius:6px}.layout-native input[type=color]:hover{border-color:var(--primary);box-shadow:0 1px 6px #0f766e2e;transform:none}.layout-native .toggle .slider{background:#cbd5e1}.layout-native .toggle .slider:before{border-radius:999px;clip-path:none}.layout-native .toggle input:checked+.slider{background:var(--primary)}.layout-native .tabs{background:#edf2f7;border-radius:7px}.layout-native .tab{border-radius:5px;letter-spacing:0}.layout-native .tab:hover:not(.active){background:#0f766e14;color:var(--ink);transform:none}.layout-native .tab.active{background:#fff;border:1px solid rgba(15,118,110,.2);box-shadow:0 1px 3px #0f172a14;color:var(--primary)}.layout-native .stage{background:linear-gradient(180deg,#fffffff0,#f8fafcf0),#fff;border:1px solid #cfd9e6;border-image:none;border-radius:8px;box-shadow:0 14px 36px #0f172a1f,0 0 0 1px #0f172a05}.layout-native .controls-float{background:#ffffffeb;border:1px solid var(--edge);border-image:none;border-radius:8px;box-shadow:0 8px 22px #0f172a1f}.layout-native .modal{background:#0f172a70}.layout-native .modal .sheet{background:#fff;border:1px solid var(--edge);border-image:none;border-radius:8px}.layout-native .modal .sheet .head{border-bottom:1px solid var(--edge);border-image:none}.layout-native .modal .sheet .head h3,.layout-native .metrics-section-title{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;border-image:none;color:var(--ink)!important}.layout-native .k,.layout-native .modal .sheet .totals .b{border:1px solid var(--edge);border-image:none;border-radius:6px}.layout-native .k:hover,.layout-native .modal .sheet .totals .b:hover{box-shadow:0 2px 8px #0f172a14;transform:none}.layout-native .k .right{background:#edf7f5;color:#0f766e}.layout-native .toast{border:1px solid rgba(15,118,110,.22);border-image:none;border-radius:8px;box-shadow:0 12px 32px #0f172a2e}.layout-native ::-webkit-scrollbar-thumb{background:#b8c4d3}.layout-native ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.layout-native .hint{font-style:normal}.layout-fab-toolbar{border-radius:10px}.layout-fab-toolbar .fab-btn{border-radius:7px}@media(max-width:1024px){.layout-hero{padding:9px 12px}.layout-native .sidebar{border-right:1px solid var(--edge)}}@media(max-width:760px){.layout-hero .title{font-size:18px!important}#layoutHeroSubtitle,#layoutView .layout-hero #jsonExportBtn,#layoutView .layout-hero #exportBtn,#layoutView .layout-hero #layoutFullscreenBtn{display:none}.layout-native .controls-float{left:12px;right:12px;top:12px;justify-content:center}}@media(max-width:520px){#layoutView .layout-hero .btn{flex:1 1 calc(33.333% - 8px);justify-content:center;min-width:0}#layoutView .layout-hero>div{align-items:flex-start!important}.layout-native h1{display:none}.layout-native #designId{max-width:150px}}:root{--app-shell: #0b1220;--app-shell-soft: #111827;--surface: #ffffff;--surface-raised: #f8fafc;--workspace: #edf2f7;--workspace-grid: rgba(71, 85, 105, .08);--control-border: #cfd8e3;--control-border-strong: #aab8c8;--focus-ring: rgba(20, 184, 166, .26)}body{background:linear-gradient(180deg,#f7fafc,#e7edf5),var(--workspace)}.layout-hero{background:var(--app-shell)!important;border-bottom:1px solid rgba(148,163,184,.18);box-shadow:0 12px 32px #02061733;padding:10px 14px}.layout-hero__inner{align-items:center;display:flex;gap:14px;justify-content:space-between;min-width:0}.layout-hero__identity{align-items:center;column-gap:10px;display:grid;flex:0 1 320px;grid-template-columns:32px minmax(0,1fr);max-width:320px;min-width:250px}.layout-hero__identity:before{background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.72) 42% 48%,transparent 48%),linear-gradient(0deg,transparent 42%,rgba(255,255,255,.72) 42% 48%,transparent 48%),#0f766e;border:1px solid rgba(153,246,228,.35);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff1f;content:"";display:block;grid-row:1 / span 2;height:32px;flex:0 0 auto;width:32px}.layout-hero .title{color:#f8fafc!important;font-size:20px!important;font-weight:820!important;grid-column:2;line-height:1.05;margin:0!important;white-space:nowrap}.layout-hero__subtitle{color:#aebbd0!important;font-size:12px!important;grid-column:2;line-height:1.35;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-hero__actions{align-items:center;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;min-width:0}#layoutStatus{background:#0f766e2e!important;border:1px solid rgba(45,212,191,.28);color:#ccfbf1!important;height:34px}#layoutStatus .app-status-dot,#layoutsSyncDot{background:#34d399!important;border-radius:999px;box-shadow:0 0 0 3px #34d39921;display:inline-block;height:8px;width:8px}#layoutsDropdownContainer{display:inline-block;position:relative}#layoutView .layout-hero .btn,#layoutView .layout-hero__btn{align-items:center;background:#ffffff13!important;border:1px solid rgba(203,213,225,.18)!important;border-radius:7px!important;box-shadow:none!important;color:#edf2f7!important;display:inline-flex;font-size:13px;font-weight:720;gap:7px;height:34px!important;justify-content:center;letter-spacing:0;min-width:0;padding:7px 10px!important}#layoutView .layout-hero .btn:hover,#layoutView .layout-hero__btn:hover{background:#ffffff24!important;border-color:#cbd5e157!important;color:#fff!important}#layoutView .layout-hero .btn:focus-visible,#layoutView .layout-hero__btn:focus-visible{outline:2px solid rgba(45,212,191,.75);outline-offset:2px}.layouts-dropdown{background:var(--surface);border:1px solid var(--control-border);border-radius:8px;box-shadow:0 24px 48px #0f172a3d,0 0 0 1px #0f172a05;display:none;max-height:340px;min-width:260px;overflow:hidden;position:fixed;width:min(310px,calc(100vw - 16px));z-index:999999}.layouts-dropdown__actions{background:var(--surface-raised);border-bottom:1px solid var(--border);display:grid;gap:6px;grid-template-columns:1fr 1fr;padding:8px}.layouts-dropdown__actions .btn{height:34px;justify-content:center;padding:7px 9px}.layouts-dropdown__actions #saveAsNewLayoutBtn{font-size:12px}.layouts-dropdown__list{max-height:230px;overflow-y:auto;padding:4px}.layouts-dropdown__empty{color:var(--muted);font-size:13px;padding:14px 12px;text-align:center}.layouts-dropdown__status{align-items:center;border-top:1px solid var(--border);color:var(--muted);display:flex;font-size:11px;gap:7px;padding:7px 10px}.panel{background:#f3f6fa}.layout-native{--primary: #0f766e;--secondary: #2563eb;--edge: var(--control-border);--bg: #f4f7fb;--chip: #ffffff;--hdrH: 58px}.layout-native header{background:#fffffffa;border-bottom:1px solid #d8e1ec;box-shadow:0 1px 12px #0f172a12;height:var(--hdrH)}.layout-native header.workspace-toolbar{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border-bottom:1px solid #d8e1ec;box-shadow:0 1px 10px #0f172a0f;height:52px}.layout-native .wrap{gap:9px;padding:0 16px}.layout-native .workspace-toolbar__inner{flex-wrap:nowrap;gap:10px}.workspace-toolbar__layout-name{align-items:center;display:flex;gap:8px;min-width:0}.workspace-toolbar__layout-name span{color:#64748b;font-size:11px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.layout-native .workspace-toolbar__layout-name #designId{min-width:190px;width:clamp(190px,18vw,260px)}.workspace-toolbar__actions{align-items:center;display:flex;gap:8px}.workspace-toolbar__actions #undoBtn,.workspace-toolbar__actions #redoBtn{padding-inline:10px;width:42px}.layout-native h1{color:#172033;font-size:17px;font-weight:820}.layout-native h1:before{background:#0f766e;height:22px;width:5px}.layout-native #designId{border-color:#d2dbe7;min-width:172px}.layout-native .main{background:linear-gradient(var(--workspace-grid) 1px,transparent 1px),linear-gradient(90deg,var(--workspace-grid) 1px,transparent 1px),linear-gradient(180deg,#f7fafc,#eef3f8);background-size:28px 28px,28px 28px,auto}.layout-native .sidebar{background:#fffffff5;border-right:1px solid #d8e1ec;padding:14px 14px 72px;width:356px}.layout-native .section{border-bottom-color:#e2e8f0;margin-bottom:14px;padding-bottom:14px}.layout-native .section-title{color:#475569;font-size:11px;letter-spacing:.09em;margin-bottom:9px}.layout-native .section-title:before{background:#0f766e;height:13px;width:4px}.layout-native .control-group{gap:9px}.layout-native .label-row label,.layout-native .control-row label,.layout-native .control-box label{color:#1f2937}.layout-native .field,.layout-native select,.layout-native textarea{border-color:#ccd7e3;border-radius:6px}.layout-native .artwork-dim-row{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);margin-top:8px;width:100%}.layout-native .artwork-dim-field{display:grid;gap:4px;min-width:0}.layout-native .artwork-dim-field span{color:#1f2937;font-size:11px;font-weight:700;letter-spacing:0}:root[data-theme=dark] .layout-native .artwork-dim-field span{color:#dbe7f4}.layout-native .artwork-dim-field .field{width:100%}.layout-native .artwork-lock-btn{min-width:40px;padding:6px 8px}.layout-native .center-logo-dim-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.layout-native .center-logo-lock-row{margin-top:6px}.layout-native .court-layer-list{display:grid;gap:6px}.layout-native .court-layer-row{cursor:grab;gap:8px;min-height:34px;padding:5px 6px}.layout-native .court-layer-row:active{cursor:grabbing}.layout-native .court-layer-row.is-dragging{opacity:.55}.layout-native .court-layer-row__grip{color:#64748b;flex:0 0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800;letter-spacing:0}.layout-native .court-layer-markers{color:#64748b;display:flex;font-size:10px;font-weight:700;justify-content:space-between;letter-spacing:0;margin-top:-2px;text-transform:uppercase}.layout-native .stain-conflict-hint{background:#dc262614;border:1px solid rgba(220,38,38,.24);border-radius:6px;color:#991b1b;padding:7px 8px}:root[data-theme=dark] .layout-native .stain-conflict-hint{background:#f871711f;border-color:#f8717147;color:#fecaca}.layout-native .text-style-control{display:grid;gap:8px;margin-top:8px;width:100%}.layout-native .text-style-option{max-height:none;min-height:46px;opacity:1;padding:8px 10px;pointer-events:auto;transform:none}.layout-native .text-style-option--toggle input[type=checkbox]{flex:0 0 auto;margin:0}.layout-native .text-style-gap-control{border-left:2px solid rgba(37,99,235,.2);margin-left:8px;padding-left:10px}.layout-native .field:focus,.layout-native select:focus,.layout-native textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px var(--focus-ring)}.layout-native .btn{border-color:#cfd8e3;border-radius:7px;font-weight:700}.layout-native .btn:hover:not(:disabled){background:#f0fdfa;border-color:#5eead4}.layout-native .btn.primary{background:#0f766e;border-color:#0f766e}.layout-native .tabs{background:#e9eef5;padding:3px}.layout-native .tab.active{border-color:#0f766e3d;color:#0f766e}.layout-native .stage-wrap{background:radial-gradient(circle at center,#ffffff9e,#fff0 58%),transparent}.layout-native .stage{background:linear-gradient(180deg,#fffffff5,#f8fafcf5),#fff;border:1px solid #cbd5e1;border-radius:9px;box-shadow:0 22px 50px #0f172a29,0 0 0 1px #0f172a08;inset:14px 28px 26px}.layout-native .controls-float{align-items:center;background:#fffffff0;border-color:#d8e1ec;border-radius:10px;box-shadow:0 14px 32px #0f172a24;top:16px}.layout-native .controls-float input[type=range]{min-width:118px}.layout-native .modal .sheet,.modal-card{border-radius:9px}.layout-fab-toolbar{border-radius:12px;box-shadow:0 18px 42px #0f172a33}@media(min-width:1280px){.layout-hero__identity{min-width:320px}}@media(max-width:1120px){.layout-hero__inner{align-items:flex-start;flex-direction:column}.layout-hero__actions{justify-content:flex-start;width:100%}}@media(max-width:1024px){.layout-native .main{min-height:0}.layout-native .stage{inset:12px}.layout-native .stage-wrap{height:calc(100vh - var(--hdrH))}.layout-native header.workspace-toolbar{height:52px}.layout-fab-toolbar{bottom:16px}}@media(max-width:760px){.layout-hero{padding:9px 10px}.layout-hero__identity{min-width:0}.layout-hero__identity:before{height:28px;width:28px}.layout-hero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}#layoutStatus{grid-column:1 / -1;justify-content:center}#layoutView .layout-hero .btn,#layoutView .layout-hero__btn{width:100%}#layoutView .layout-hero #jsonExportBtn,#layoutView .layout-hero #exportBtn,#layoutView .layout-hero #layoutFullscreenBtn,#layoutView .layout-hero #metricsBtn{display:none}.layout-native header.workspace-toolbar{height:auto;min-height:52px}.layout-native .wrap{padding:9px 12px}.layout-native .workspace-toolbar__inner{flex-wrap:wrap}.workspace-toolbar__layout-name{flex:1 1 100%}.layout-native .workspace-toolbar__layout-name #designId{flex:1;min-width:0;width:auto}.workspace-toolbar__actions{flex:1 1 100%;justify-content:flex-end}.layout-native .stage{inset:8px}.layout-native .controls-float{left:10px;right:10px;top:10px}}@media(max-width:520px){#layoutView .layout-hero .btn,#layoutView .layout-hero__btn{flex:initial}.layout-native .sidebar{max-width:min(92vw,360px);width:340px}.layout-fab-toolbar{bottom:10px;gap:5px;padding:7px;width:calc(100vw - 16px)}.layout-fab-toolbar .fab-btn{flex:1;padding:9px 6px}}@media(max-width:1120px){.layout-hero__inner{align-items:center;flex-direction:row;gap:10px;overflow:hidden}.layout-hero__identity{flex:0 0 auto;grid-template-columns:28px minmax(0,1fr);max-width:230px;min-width:200px}.layout-hero__identity:before{grid-row:1;height:28px;width:28px}.layout-hero .title{font-size:18px!important}.layout-hero__subtitle{display:none!important}.layout-hero__actions{flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;width:auto}.layout-hero__actions::-webkit-scrollbar{display:none}#layoutView .layout-hero .btn,#layoutView .layout-hero__btn,#layoutStatus,#layoutsDropdownContainer{flex:0 0 auto;width:auto}}@media(max-width:760px){.layout-hero__inner{align-items:flex-start;flex-direction:column}.layout-hero__identity{max-width:100%;min-width:0}.layout-hero__actions{display:flex;width:100%}#layoutStatus{display:none}.layout-native header.workspace-toolbar{height:52px;min-height:52px}.layout-native .workspace-toolbar__inner{flex-wrap:nowrap;overflow:hidden}.workspace-toolbar__layout-name{flex:1 1 auto}.workspace-toolbar__layout-name span{display:none}.workspace-toolbar__actions{flex:0 0 auto;justify-content:flex-end}}:root{--patriot-red: #b91c1c;--patriot-blue: #1d4ed8;--patriot-white: #f8fafc}.layout-hero{overflow:visible}.layout-hero:after{background:linear-gradient(90deg,var(--patriot-red) 0 32%,var(--patriot-white) 32% 36%,var(--patriot-blue) 36% 100%);bottom:0;content:"";height:2px;left:0;opacity:.86;position:absolute;right:0}.layout-hero__identity:before{background:linear-gradient(90deg,transparent 43%,rgba(255,255,255,.78) 43% 50%,transparent 50%),linear-gradient(0deg,transparent 43%,rgba(255,255,255,.78) 43% 50%,transparent 50%),linear-gradient(135deg,var(--patriot-red) 0 50%,var(--patriot-blue) 50%)}.layout-hero__subtitle{color:#cbd5e1!important}.layout-hero__subtitle:before{color:#f8fafc8f;content:""}#fileActionsDropdownContainer{display:inline-block;position:relative}.file-actions-dropdown,.layouts-dropdown{color:#172033}.file-actions-dropdown{background:var(--surface);border:1px solid var(--control-border);border-radius:8px;box-shadow:0 24px 48px #0f172a3d,0 0 0 1px #0f172a05;display:none;min-width:270px;overflow:hidden;padding:5px;position:fixed;width:min(270px,calc(100vw - 16px));z-index:999999}.file-action{align-items:center;background:transparent;border:0;border-radius:7px;color:#172033;cursor:pointer;display:flex;gap:10px;padding:9px 10px;text-align:left;width:100%}.file-action:hover,.file-action:focus-visible{background:#eef4ff;outline:none}.file-action svg{color:var(--patriot-blue);flex:0 0 auto}.file-action span{display:grid;gap:1px}.file-action strong{font-size:13px;font-weight:800}.file-action small{color:#64748b;font-size:11px;line-height:1.25}.layouts-dropdown .btn{align-items:center;background:#fff;border:1px solid var(--control-border);border-radius:7px;color:#172033;cursor:pointer;display:inline-flex;font-size:13px;font-weight:750;gap:6px;justify-content:center}.layouts-dropdown .btn.primary{background:var(--patriot-blue);border-color:var(--patriot-blue);color:#fff}.layouts-dropdown .btn.ghost:hover{background:#f8fafc;border-color:var(--control-border-strong)}#layoutView .layout-hero .btn:hover,#layoutView .layout-hero__btn:hover{border-color:#f8fafc61!important}.layout-native .section-title:before{background:linear-gradient(180deg,var(--patriot-red),var(--patriot-blue))}.layout-native .tab.active{border-color:#1d4ed83d;color:var(--patriot-blue)}.layout-native .btn.primary{background:var(--patriot-blue);border-color:var(--patriot-blue)}.layout-native header.workspace-toolbar{background:#0b1220;border-bottom:1px solid rgba(15,23,42,.88);border-top:1px solid rgba(248,250,252,.08);box-shadow:none;color:#e2e8f0}.workspace-toolbar__layout-name span{color:#94a3b8}#layoutView .layout-native .workspace-toolbar__layout-name #designId{background:#ffffff14!important;border-color:#cbd5e13d!important;color:#f8fafc!important}#layoutView .layout-native .workspace-toolbar__layout-name #designId::placeholder{color:#cbd5e194}#layoutView .layout-native .workspace-toolbar__layout-name #designId:hover{border-color:#cbd5e16b!important}#layoutView .layout-native .workspace-toolbar__layout-name #designId:focus{border-color:#60a5fae0!important;box-shadow:0 0 0 3px #2563eb3d}#layoutView .layout-native .workspace-toolbar__actions .btn{background:#ffffff12!important;border-color:#cbd5e133!important;color:#e2e8f0!important}#layoutView .layout-native .workspace-toolbar__actions .btn:hover:not(:disabled){background:#ffffff21!important;border-color:#cbd5e15c!important;color:#fff!important}.layout-native input[type=range]::-webkit-slider-thumb{background:var(--patriot-blue)}.layout-native input[type=range]::-moz-range-thumb{background:var(--patriot-blue)}@media(max-width:1120px){#fileActionsDropdownContainer{flex:0 0 auto;width:auto}}:root[data-theme=light]{--app-bg-premium: #edf2f8;--app-ink: #111827;--app-muted: #5d6b7f;--app-shell: #07111f;--app-shell-2: #111c2d;--app-shell-button: rgba(255, 255, 255, .075);--app-shell-button-hover: rgba(255, 255, 255, .145);--app-shell-border: rgba(203, 213, 225, .18);--app-shell-border-strong: rgba(203, 213, 225, .34);--surface: #ffffff;--surface-raised: #f8fafc;--surface-soft: #f1f5f9;--workspace: #e9eff6;--workspace-grid: rgba(71, 85, 105, .075);--control-border: #cbd5e1;--control-border-strong: #94a3b8;--focus-ring: rgba(29, 78, 216, .24);--stage-surface: #fbfdff;--stage-border: #cbd5e1;--shadow-soft: 0 18px 44px rgba(15, 23, 42, .12);--shadow-menu: 0 26px 54px rgba(15, 23, 42, .2);--bg: var(--app-bg-premium);--panel: var(--surface);--panel-2: var(--surface-raised);--panel-alt: #eef4ff;--border: var(--control-border);--line: var(--control-border);--muted: var(--app-muted);color-scheme:light}:root[data-theme=dark]{--app-bg-premium: #070d16;--app-ink: #e5edf8;--app-muted: #9aa8bc;--app-shell: #050a13;--app-shell-2: #0b1422;--app-shell-button: rgba(255, 255, 255, .08);--app-shell-button-hover: rgba(255, 255, 255, .16);--app-shell-border: rgba(148, 163, 184, .18);--app-shell-border-strong: rgba(191, 219, 254, .32);--surface: #101827;--surface-raised: #151f30;--surface-soft: #0c1422;--workspace: #07111f;--workspace-grid: rgba(148, 163, 184, .075);--control-border: #28364b;--control-border-strong: #3d526f;--focus-ring: rgba(96, 165, 250, .28);--stage-surface: #0c1524;--stage-border: #22324a;--shadow-soft: 0 20px 52px rgba(0, 0, 0, .34);--shadow-menu: 0 28px 62px rgba(0, 0, 0, .46);--bg: var(--app-bg-premium);--panel: var(--surface);--panel-2: var(--surface-raised);--panel-alt: #17233a;--border: var(--control-border);--line: var(--control-border);--muted: var(--app-muted);color-scheme:dark}body{background:radial-gradient(1200px 520px at 50% -320px,rgba(29,78,216,.16),transparent 62%),linear-gradient(180deg,var(--surface-raised) 0%,var(--app-bg-premium) 100%);color:var(--app-ink)}:root[data-theme=dark] body{background:radial-gradient(1200px 520px at 50% -320px,rgba(37,99,235,.22),transparent 64%),linear-gradient(180deg,#09111f 0%,var(--app-bg-premium) 100%)}#layoutView{background:var(--app-bg-premium)}.layout-hero{background:linear-gradient(180deg,#ffffff0b,#fff0),linear-gradient(90deg,var(--app-shell) 0%,var(--app-shell-2) 100%)!important;border-bottom:1px solid rgba(148,163,184,.18);box-shadow:0 12px 32px #02061742;padding:11px 16px}.layout-hero:after{background:linear-gradient(90deg,transparent 0%,rgba(185,28,28,.24) 8%,var(--patriot-red) 18%,rgba(248,250,252,.92) 18.8%,rgba(248,250,252,.92) 20.2%,var(--patriot-blue) 21%,rgba(29,78,216,.78) 42%,transparent 76%);height:3px;opacity:1;box-shadow:0 1px #ffffff0f}.layout-hero__identity{display:grid;flex-basis:300px;grid-template-columns:minmax(0,1fr);max-width:300px;min-width:210px}.layout-hero__identity:before{content:none!important;display:none!important}.layout-hero .title,.layout-hero__subtitle{grid-column:1!important}.layout-hero .title{font-size:21px!important;letter-spacing:0!important}#layoutView .layout-hero .btn,#layoutView .layout-hero__btn{background:var(--app-shell-button)!important;border-color:var(--app-shell-border)!important;box-shadow:inset 0 1px #ffffff0e,0 8px 18px #0000001a!important}#layoutView .layout-hero .btn:hover,#layoutView .layout-hero__btn:hover{background:var(--app-shell-button-hover)!important;border-color:var(--app-shell-border-strong)!important}.theme-toggle{min-width:82px}.theme-toggle__icon--sun{display:none}:root[data-theme=dark] .theme-toggle__icon--moon{display:none}:root[data-theme=dark] .theme-toggle__icon--sun{display:block}.panel,.app-container,.layout-native{background:var(--app-bg-premium);color:var(--app-ink)}.layout-native{--ink: var(--app-ink);--muted: var(--app-muted);--chip: var(--surface);--bg: var(--workspace);--primary: var(--patriot-blue);--secondary: #2563eb;--edge: var(--control-border);--gradient-subtle: linear-gradient(180deg, var(--surface), var(--surface-raised))}.layout-native .main{background:linear-gradient(var(--workspace-grid) 1px,transparent 1px),linear-gradient(90deg,var(--workspace-grid) 1px,transparent 1px),linear-gradient(180deg,var(--surface-raised),var(--workspace));background-size:28px 28px,28px 28px,auto}:root[data-theme=dark] .layout-native .main{background:linear-gradient(var(--workspace-grid) 1px,transparent 1px),linear-gradient(90deg,var(--workspace-grid) 1px,transparent 1px),linear-gradient(180deg,#0a1321,var(--workspace));background-size:28px 28px,28px 28px,auto}.layout-native header.workspace-toolbar{background:linear-gradient(180deg,#ffffff0a,#fff0),var(--app-shell);border-bottom:1px solid rgba(148,163,184,.16);border-top:1px solid rgba(248,250,252,.07);color:#e2e8f0}.workspace-toolbar__layout-name span{color:#9aa8bc}#layoutView .layout-native .workspace-toolbar__layout-name #designId,#layoutView .layout-native .workspace-toolbar__actions .btn{background:#ffffff13!important;border-color:#cbd5e12e!important;color:#f8fafc!important}#layoutView .layout-native .workspace-toolbar__layout-name #designId:hover,#layoutView .layout-native .workspace-toolbar__actions .btn:hover:not(:disabled){background:#fff2!important;border-color:#cbd5e157!important;color:#fff!important}#layoutView .layout-native .workspace-toolbar__actions .btn:disabled{background:#ffffff0a!important;border-color:#cbd5e11f!important;color:#cbd5e16b!important}.layout-native .sidebar,.layout-native .controls-float,.layout-native .modal .sheet,.modal-card{background:var(--surface);border-color:var(--control-border);color:var(--app-ink)}.layout-native .sidebar{box-shadow:1px 0 #0f172a08,14px 0 34px #0f172a0a}:root[data-theme=dark] .layout-native .sidebar{box-shadow:1px 0 #ffffff08,18px 0 46px #00000038}.layout-native .section{border-bottom-color:var(--control-border)}.layout-native .section-title,.layout-native .label-row label,.layout-native .control-row label,.layout-native .control-box label,.help,.layouts-dropdown__status,.file-action small{color:var(--app-muted)}.layout-native .field,.layout-native select,.layout-native textarea,.layout-native .tabs,.layouts-dropdown,.file-actions-dropdown{background:var(--surface-raised);border-color:var(--control-border);color:var(--app-ink)}.layout-native .field:hover,.layout-native select:hover,.layout-native textarea:hover{border-color:var(--control-border-strong)}.layout-native .field:focus,.layout-native select:focus,.layout-native textarea:focus{border-color:#3b82f6e0;box-shadow:0 0 0 3px var(--focus-ring)}.layout-native .btn,.layouts-dropdown .btn{background:var(--surface);border-color:var(--control-border);color:var(--app-ink)}.layout-native .btn:hover:not(:disabled),.layouts-dropdown .btn.ghost:hover,.file-action:hover,.file-action:focus-visible{background:var(--panel-alt);border-color:var(--control-border-strong)}.layout-native .btn:disabled{background:var(--surface-soft);border-color:var(--control-border);color:color-mix(in srgb,var(--app-muted) 72%,transparent)}.layout-native .tab{color:var(--app-muted)}.layout-native .tab.active{background:var(--surface);border-color:#1d4ed847;color:var(--patriot-blue)}.layout-native .stage{background:linear-gradient(180deg,color-mix(in srgb,var(--stage-surface) 96%,#ffffff 4%),var(--stage-surface)),var(--stage-surface);border-color:var(--stage-border);box-shadow:var(--shadow-soft),0 0 0 1px #ffffff05}.layout-native .controls-float{box-shadow:var(--shadow-soft)}.layouts-dropdown,.file-actions-dropdown{box-shadow:var(--shadow-menu)}.layouts-dropdown__actions{background:var(--surface);border-bottom-color:var(--control-border)}.layouts-dropdown__list,.layouts-dropdown__status{background:var(--surface-raised)}.file-action{color:var(--app-ink)}.layout-native .toggle .slider{background:color-mix(in srgb,var(--control-border) 80%,var(--app-muted))}.layout-native .toggle input:checked+.slider,#layoutView .layout-fab-toolbar .fab-btn:last-child{background:var(--patriot-blue);border-color:var(--patriot-blue)}.layout-native input[type=range]{background:linear-gradient(90deg,#b91c1c40,#1d4ed847)}.layout-native input[type=color]{background:var(--surface);border-color:var(--control-border)}.layout-native .modal{background:#03071294}.layout-native .modal .sheet .head,.modal-header{border-bottom-color:var(--control-border)}.layout-native .k,.layout-native .modal .sheet .totals .b{background:var(--surface-raised);border-color:var(--control-border);color:var(--app-ink)}.layout-native .k .right{background:var(--panel-alt);color:var(--patriot-blue)}.layout-native .toast{background:var(--surface);border-color:var(--control-border);color:var(--app-ink)}.layout-fab-toolbar{background:color-mix(in srgb,var(--surface) 92%,transparent);border-color:var(--control-border);box-shadow:var(--shadow-menu)}.layout-fab-toolbar .fab-btn{background:var(--surface);border-color:var(--control-border);color:var(--app-ink)}@media(max-width:760px){.layout-hero__identity{flex-basis:100%;max-width:none;min-width:0}.theme-toggle{min-width:0}}:root{--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--accent-strong: #1d4ed8;--brand-mark-a: #dc2626;--brand-mark-b: #2563eb}:root[data-theme=dark]{--accent: #60a5fa;--accent-soft: rgba(96, 165, 250, .18);--accent-strong: #3b82f6;--brand-mark-a: #f87171;--brand-mark-b: #60a5fa}.layout-native{--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--accent-strong: #1d4ed8}:root[data-theme=dark] .layout-native{--accent: #60a5fa;--accent-soft: rgba(96, 165, 250, .18);--accent-strong: #3b82f6}.layout-hero:after{background:linear-gradient(90deg,#94a3b800,#94a3b86b,#94a3b800);height:1px;opacity:1;box-shadow:none}.layout-hero__identity:before{content:"";display:none!important}.layout-hero__identity{position:relative;padding-left:14px}.layout-hero__identity:after{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--brand-mark-a),var(--brand-mark-b));opacity:.85}.layout-hero .title{font-weight:700!important;letter-spacing:-.01em!important;color:#f8fafc!important;background:none!important;-webkit-text-fill-color:#f8fafc!important;background-clip:initial!important;-webkit-background-clip:initial!important}.layout-hero__subtitle{color:#cbd5e1b8!important;font-weight:500!important;letter-spacing:0!important;font-size:12px!important}.layout-native .section-title:before{background:var(--accent)!important;width:3px!important;opacity:.85}.layout-native input[type=range]{background:color-mix(in srgb,var(--control-border) 70%,transparent)!important;height:4px!important;border-radius:999px!important}.layout-native input[type=range]::-webkit-slider-thumb{background:var(--accent)!important;border:2px solid var(--surface)!important;width:16px!important;height:16px!important;box-shadow:0 1px 4px #0f172a38!important}.layout-native input[type=range]::-moz-range-thumb{background:var(--accent)!important;border:2px solid var(--surface)!important;width:16px!important;height:16px!important;box-shadow:0 1px 4px #0f172a38!important}.layout-native input[type=range]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft);border-radius:999px}.layout-native .tab.active{background:var(--surface)!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 35%,transparent)!important;box-shadow:0 1px 2px #0f172a0f,inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.layout-native .tab:hover:not(.active){background:var(--accent-soft)!important;color:var(--app-ink)!important;transform:none!important}.layout-native .btn.primary,.layouts-dropdown .btn.primary{background:var(--accent-strong)!important;border-color:var(--accent-strong)!important;color:#fff!important}.layout-native .btn.primary:hover:not(:disabled),.layouts-dropdown .btn.primary:hover:not(:disabled){background:var(--accent)!important;border-color:var(--accent)!important}.layout-native .btn:focus-visible,.layouts-dropdown .btn:focus-visible,.layout-hero__btn:focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--accent-soft)!important;border-color:var(--accent)!important}.layout-native .field:focus,.layout-native select:focus,.layout-native textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.file-action svg{color:var(--accent)!important}.layout-native .k .right{background:var(--accent-soft)!important;color:var(--accent-strong)!important}:root[data-theme=dark] .layout-native .k .right{color:#dbeafe!important}.layout-native .toggle input:checked+.slider{background:var(--accent)!important;border-color:var(--accent)!important}.layout-native ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--control-border-strong) 60%,transparent)!important;border-radius:999px!important;border:2px solid var(--surface)!important}.layout-native ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 60%,transparent)!important}.layout-native .stage{border-color:var(--stage-border);border-radius:10px;box-shadow:0 1px #ffffff05,var(--shadow-soft)}:root[data-theme=dark] .layout-native .stage{box-shadow:0 1px #ffffff06,0 24px 60px #0006}.layout-native .sidebar{border-right:1px solid var(--control-border)}.file-actions-dropdown,.layouts-dropdown{border-radius:10px!important}.layout-native .btn,.layouts-dropdown .btn,#layoutView .layout-hero .btn,#layoutView .layout-hero__btn,.layout-native .field,.layout-native select,.layout-native textarea{border-radius:8px!important}.layout-native .section{animation:none!important}.layout-native .sidebar{padding:18px 16px 64px!important}.layout-native .section{margin-bottom:18px;padding-bottom:14px}.layout-native .section-title{font-size:11px;letter-spacing:.08em;font-weight:700;color:color-mix(in srgb,var(--app-muted) 92%,transparent)}#layoutView .layout-fab-toolbar .fab-btn:last-child{background:var(--accent)!important;border-color:var(--accent)!important}.layout-native .section-title.section-title--collapsible{display:flex;align-items:center;gap:9px;padding:4px 6px 4px 14px;margin-bottom:14px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;margin-left:-6px;transition:background .15s ease,color .15s ease}.layout-native .section-title.section-title--collapsible:hover{background:var(--panel-alt);color:var(--app-ink)}.layout-native .section-title.section-title--collapsible:focus-visible{outline:none;background:var(--panel-alt);box-shadow:0 0 0 2px var(--accent-soft)}.layout-native .section-title__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 24%,transparent),0 1px 2px #0f172a0d;flex:0 0 auto;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}:root[data-theme=dark] .layout-native .section-title__icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 10%,transparent));border-color:color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 10%,transparent),0 1px 2px #0000002e}.layout-native .section-title.section-title--collapsible:hover .section-title__icon{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 24%,transparent),0 4px 10px color-mix(in srgb,var(--accent) 20%,transparent)}.layout-native .section-title__icon svg{width:14px;height:14px;stroke-width:1.9}.layout-native .section-title__label{flex:1;min-width:0}.layout-native .section-title__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--app-muted);transition:transform .18s ease,color .15s ease;flex:0 0 auto}.layout-native .section-title.section-title--collapsible:hover .section-title__chevron{color:var(--accent)}.layout-native .section--collapsed .section-title__chevron{transform:rotate(-90deg)}.layout-native .section>*:not(.section-title){transition:opacity .18s ease}.layout-native .section--collapsed>*:not(.section-title){display:none!important}.layout-native .section-group-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--app-muted) 75%,transparent);margin:22px 0 6px;padding-left:4px;display:flex;align-items:center;gap:10px}.layout-native .section-group-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--control-border) 75%,transparent),color-mix(in srgb,var(--control-border) 0%,transparent))}.layout-native .sidebar>.section-group-label:first-child,.layout-native .sidebar>.section-group-label:has(+.section:first-of-type){margin-top:0}.layout-native .section--collapsed{padding-bottom:4px;margin-bottom:6px}.layout-native .section-title.section-title--collapsible:before{top:50%;transform:translateY(-50%);height:18px;width:3px;border-radius:2px}.os-wallpaper{position:fixed;inset:0;z-index:-10;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#050a1a,#02060f 45%,#0a0410);--cursor-x: 50%;--cursor-y: 50%;--parallax-x: 0;--parallax-y: 0}:root[data-theme=light] .os-wallpaper{background:linear-gradient(135deg,#e8eef9,#e2e8f3,#eaeef7)}.os-wallpaper__sky{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 25% 15%,rgba(37,99,235,.55),transparent 60%),radial-gradient(ellipse 70% 60% at 75% 90%,rgba(220,38,38,.45),transparent 60%),radial-gradient(ellipse 50% 70% at 95% 5%,rgba(255,255,255,.18),transparent 60%);filter:saturate(160%);animation:sky-breathe 14s ease-in-out infinite alternate}@keyframes sky-breathe{0%{filter:saturate(150%) brightness(1)}to{filter:saturate(180%) brightness(1.08)}}:root[data-theme=light] .os-wallpaper__sky{background:radial-gradient(ellipse 80% 60% at 25% 15%,rgba(37,99,235,.32),transparent 60%),radial-gradient(ellipse 70% 60% at 75% 90%,rgba(220,38,38,.22),transparent 60%),radial-gradient(ellipse 50% 70% at 95% 5%,rgba(255,255,255,.6),transparent 60%)}.os-wallpaper__blob{position:absolute;border-radius:50%;filter:blur(60px) saturate(160%);opacity:.9;will-change:transform}:root[data-theme=light] .os-wallpaper__blob{opacity:.55;filter:blur(80px) saturate(140%)}.os-wallpaper__blob--a{width:60vw;height:60vw;left:4vw;top:-12vh;background:radial-gradient(circle,#1d4ed8,#1d4ed800 65%);transform:translate3d(calc(var(--parallax-x) * 24px),calc(var(--parallax-y) * 18px),0);animation:blob-drift-a 26s ease-in-out infinite alternate,blob-pulse-a 11s ease-in-out infinite alternate}.os-wallpaper__blob--b{width:50vw;height:50vw;right:-4vw;top:16vh;background:radial-gradient(circle,#dc2626,#dc262600 65%);transform:translate3d(calc(var(--parallax-x) * -28px),calc(var(--parallax-y) * 22px),0);animation:blob-drift-b 30s ease-in-out infinite alternate,blob-pulse-b 13s ease-in-out infinite alternate}.os-wallpaper__blob--c{width:52vw;height:52vw;left:22vw;bottom:-6vh;background:radial-gradient(circle,#3b82f6,#3b82f600 65%);transform:translate3d(calc(var(--parallax-x) * 18px),calc(var(--parallax-y) * -32px),0);animation:blob-drift-c 22s ease-in-out infinite alternate,blob-pulse-c 9s ease-in-out infinite alternate}.os-wallpaper__blob--d{width:38vw;height:38vw;right:16vw;bottom:14vh;background:radial-gradient(circle,#ffffffd9,#fff0 65%);transform:translate3d(calc(var(--parallax-x) * -22px),calc(var(--parallax-y) * -16px),0);animation:blob-drift-d 28s ease-in-out infinite alternate,blob-pulse-d 15s ease-in-out infinite alternate}:root[data-theme=light] .os-wallpaper__blob--a{background:radial-gradient(circle,#93c5fd,#93c5fd00 70%)}:root[data-theme=light] .os-wallpaper__blob--b{background:radial-gradient(circle,#fca5a5,#fca5a500 70%)}:root[data-theme=light] .os-wallpaper__blob--c{background:radial-gradient(circle,#bfdbfe,#bfdbfe00 70%)}:root[data-theme=light] .os-wallpaper__blob--d{background:radial-gradient(circle,#fffffff2,#fff0 70%)}@keyframes blob-drift-a{0%{translate:0 0}35%{translate:14vw 6vh}65%{translate:10vw 18vh}to{translate:-10vw 13vh}}@keyframes blob-drift-b{0%{translate:0 0}35%{translate:-12vw 11vh}65%{translate:-20vw 24vh}to{translate:8vw 18vh}}@keyframes blob-drift-c{0%{translate:0 0}35%{translate:16vw -13vh}65%{translate:-10vw -28vh}to{translate:-18vw -11vh}}@keyframes blob-drift-d{0%{translate:0 0}35%{translate:-11vw -11vh}65%{translate:-22vw 7vh}to{translate:12vw 9vh}}@keyframes blob-pulse-a{0%{opacity:.65;scale:1}to{opacity:.95;scale:1.1}}@keyframes blob-pulse-b{0%{opacity:.85;scale:1.05}to{opacity:.5;scale:.92}}@keyframes blob-pulse-c{0%{opacity:.55;scale:.95}to{opacity:.95;scale:1.12}}@keyframes blob-pulse-d{0%{opacity:.4;scale:.9}to{opacity:.85;scale:1.15}}.os-wallpaper__grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(148,163,184,.16) 1px,transparent 1.4px);background-size:32px 32px;background-position:center center;opacity:.55;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 25%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 50%,black 25%,transparent 80%)}:root[data-theme=light] .os-wallpaper__grid{background-image:radial-gradient(circle,rgba(71,85,105,.18) 1px,transparent 1.4px);opacity:.4}.os-wallpaper__spotlight{position:absolute;inset:0;background:radial-gradient(360px circle at var(--cursor-x) var(--cursor-y),rgba(255,255,255,.07),transparent 60%);mix-blend-mode:screen;transition:opacity .4s ease}:root[data-theme=light] .os-wallpaper__spotlight{background:radial-gradient(360px circle at var(--cursor-x) var(--cursor-y),rgba(255,255,255,.22),transparent 60%);mix-blend-mode:normal}.os-wallpaper__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(2,6,23,.55) 100%);pointer-events:none}:root[data-theme=light] .os-wallpaper__vignette{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(99,110,130,.18) 100%)}.layout-hero,.layout-native .sidebar,.layout-native header.workspace-toolbar,.canvas-toolbar,.layout-native .controls-float{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.layout-hero{background:#080e1cf0!important}:root[data-theme=light] .layout-hero{background:#0f172aeb!important}.layout-native .sidebar{background:#0b1120f5!important}:root[data-theme=light] .layout-native .sidebar{background:#fffffff5!important}.canvas-toolbar{background:#070d1aeb!important}:root[data-theme=light] .canvas-toolbar{background:#0f172ad9!important}.layout-native .controls-float{background:#fffffff0!important}:root[data-theme=dark] .layout-native .controls-float{background:#0b1120eb!important}.layout-native .sidebar:before,.layout-native .sidebar:after{display:none!important}.os-wallpaper__blob{filter:blur(40px)!important;animation-name:var(--blob-drift, blob-drift-a)!important}.os-wallpaper__blob--a{--blob-drift: blob-drift-a}.os-wallpaper__blob--b{--blob-drift: blob-drift-b}.os-wallpaper__blob--c{--blob-drift: blob-drift-c}.os-wallpaper__blob--d{--blob-drift: blob-drift-d}.os-wallpaper__sky{animation:none!important}.os-wallpaper__ripple{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle,#ffffff73,#fff0 70%);pointer-events:none;animation:wallpaper-ripple .9s ease-out forwards;mix-blend-mode:screen}@keyframes wallpaper-ripple{0%{transform:scale(1);opacity:.9}to{transform:scale(40);opacity:0}}@media(prefers-reduced-motion:reduce){.os-wallpaper__blob{animation:none!important}.os-wallpaper__ripple{animation:none!important;opacity:0!important}}#layoutView>.panel.app-shell{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}#layoutView>.panel.app-shell .app-container,#layoutView>.panel.app-shell .layout-native{background:transparent!important}.layout-native .main{background:transparent!important}:root[data-theme=dark] .layout-native .main,.layout-native .main{background-image:none!important}body,:root[data-theme=dark] body,#layoutView{background:transparent!important}.layout-native .stage{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.layout-native .stage svg{filter:none!important}.layout-native .stage,:root[data-theme=dark] .layout-native .stage,:root[data-theme=light] .layout-native .stage{background:transparent!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important}.layout-native .sidebar{background:color-mix(in srgb,var(--surface) 90%,transparent)!important;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-right:1px solid color-mix(in srgb,var(--control-border) 70%,transparent)!important}:root[data-theme=dark] .layout-native .sidebar{background:color-mix(in srgb,var(--surface) 80%,transparent)!important}.layout-hero{background:linear-gradient(180deg,#ffffff0a,#fff0) padding-box,#080e1c8c padding-box!important;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border-bottom:1px solid rgba(148,163,184,.14)!important;box-shadow:inset 0 1px #ffffff0f,0 12px 36px #02061752!important;padding:9px 18px!important}:root[data-theme=light] .layout-hero{background:linear-gradient(180deg,#ffffff6b,#ffffff2e) padding-box,#0f172a8c padding-box!important}.layout-hero:after{background:linear-gradient(90deg,transparent 0%,rgba(220,38,38,.6) 18%,rgba(255,255,255,.85) 50%,rgba(37,99,235,.6) 82%,transparent 100%)!important;height:1px!important;opacity:.85!important}.layout-hero .title{font-size:21px!important;font-weight:750!important;letter-spacing:-.015em!important;background:linear-gradient(180deg,#fff,#ffffffc7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.layout-hero__subtitle{color:#cbd5e1a8!important;font-size:11.5px!important;letter-spacing:.02em!important}.layout-native header.workspace-toolbar{display:none!important}.layout-hero__design-name.workspace-toolbar__layout-name{display:inline-flex;align-items:center;gap:8px;margin-left:18px;position:relative;flex:0 1 auto;min-width:0}.layout-hero__design-name.workspace-toolbar__layout-name:before{content:"/";font-size:16px;font-weight:400;color:#cbd5e152;margin-right:4px}.layout-hero__design-name>span{display:none!important}.layout-hero__design-name #designId{background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;padding:6px 10px!important;height:32px!important;width:230px!important;max-width:30vw;font-size:14px!important;font-weight:600!important;letter-spacing:-.005em;color:#f8fafc!important;cursor:text;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease!important}.layout-hero__design-name #designId:hover{background:#ffffff0f!important;border-color:#ffffff14!important}.layout-hero__design-name #designId:focus{background:#ffffff14!important;border-color:#60a5fa80!important;box-shadow:0 0 0 3px #2563eb2e!important;outline:none!important}:root[data-theme=light] .layout-hero__design-name #designId{color:#fff!important}.canvas-toolbar{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:4px;padding:5px 6px;background:linear-gradient(180deg,#ffffff0d,#fff0) padding-box,#070d1a9e padding-box;border:1px solid rgba(148,163,184,.2);border-radius:999px;box-shadow:inset 0 1px #ffffff12,0 16px 32px #0206175c,0 6px 14px #0206172e;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);pointer-events:auto}:root[data-theme=light] .canvas-toolbar{background:linear-gradient(180deg,#fff6,#ffffff1f) padding-box,#0f172a99 padding-box}.canvas-toolbar .workspace-toolbar__actions{display:flex;align-items:center;gap:2px}.canvas-toolbar .btn{background:transparent!important;border:1px solid transparent!important;color:#e2e8f0!important;border-radius:999px!important;padding:6px 12px!important;height:32px!important;font-size:12.5px!important;font-weight:600!important;box-shadow:none!important;transition:background .18s ease,color .18s ease,transform .15s ease!important}.canvas-toolbar .btn .icon,.canvas-toolbar .btn svg{width:15px!important;height:15px!important}.canvas-toolbar .btn:hover:not(:disabled){background:#ffffff1a!important;color:#fff!important;transform:none!important;box-shadow:none!important}.canvas-toolbar .btn:disabled{opacity:.4}.canvas-toolbar #toggleSidebar{margin-left:4px}.canvas-toolbar #toggleSidebar:before{content:"";display:inline-block;width:1px;height:16px;background:#94a3b847;margin-right:8px;margin-left:-4px}.layout-native .controls-float{top:18px!important}.layout-native .stage-wrap{position:relative}@media(max-width:760px){.canvas-toolbar{position:relative;top:0;left:0;transform:none;margin:8px auto 0;width:max-content;max-width:calc(100vw - 24px);overflow-x:auto}.layout-hero__design-name{margin-left:8px}.layout-hero__design-name #designId{width:140px!important;max-width:38vw}}.cmdk{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:18vh 16px 0;pointer-events:none}.cmdk--open{display:flex;pointer-events:auto}.cmdk__backdrop{position:absolute;inset:0;background:#0206178c;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);animation:cmdk-fade .18s ease-out}.cmdk__panel{position:relative;width:min(560px,100%);background:linear-gradient(180deg,#ffffff0d,#fff0) padding-box,#0b1120eb padding-box;border:1px solid rgba(148,163,184,.2);border-radius:14px;box-shadow:0 30px 70px #0000008c,0 6px 24px #00000040,inset 0 1px #ffffff14;overflow:hidden;color:#f1f5f9;animation:cmdk-rise .18s ease-out}:root[data-theme=light] .cmdk__panel{background:linear-gradient(180deg,#ffffff8c,#ffffff40) padding-box,#ffffffeb padding-box;color:#0f172a;border-color:#0f172a1f;box-shadow:0 30px 70px #0f172a40,0 6px 24px #0f172a1f,inset 0 1px #fff9}.cmdk__inputwrap{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.16)}:root[data-theme=light] .cmdk__inputwrap{border-bottom-color:#0f172a14}.cmdk__searchicon{color:#94a3b8d9;flex:0 0 auto}.cmdk__input{flex:1;background:transparent;border:0;outline:0;font:inherit;font-size:15px;color:inherit}.cmdk__hint,.cmdk__footer kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;padding:2px 6px;border-radius:5px;background:#94a3b826;border:1px solid rgba(148,163,184,.2);color:#cbd5e1d9}:root[data-theme=light] .cmdk__hint,:root[data-theme=light] .cmdk__footer kbd{background:#0f172a0f;border-color:#0f172a1a;color:#475569}.cmdk__list{list-style:none;margin:0;padding:6px;max-height:56vh;overflow-y:auto}.cmdk__row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:background .12s ease}.cmdk__row.is-active,.cmdk__row:hover{background:#2563eb29}:root[data-theme=light] .cmdk__row.is-active,:root[data-theme=light] .cmdk__row:hover{background:#2563eb1a}.cmdk__rowicon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#60a5fa;background:#2563eb2e}:root[data-theme=light] .cmdk__rowicon{color:#2563eb;background:#2563eb1f}.cmdk__rowlabel{font-size:13.5px;font-weight:600}.cmdk__rowhint{font-size:11.5px;color:#94a3b8c7}:root[data-theme=light] .cmdk__rowhint{color:#64748b}.cmdk__empty{list-style:none;padding:24px;text-align:center;color:#94a3b8bf;font-size:13px}.cmdk__footer{display:flex;gap:18px;padding:10px 14px;border-top:1px solid rgba(148,163,184,.14);font-size:11px;color:#94a3b8c7}:root[data-theme=light] .cmdk__footer{border-top-color:#0f172a14;color:#64748b}.cmdk__footer span{display:inline-flex;align-items:center;gap:6px}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}@keyframes cmdk-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}body.cmdk-open{overflow:hidden}.layout-native .section--flash>.section-title{background:color-mix(in srgb,var(--accent) 18%,transparent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)!important;transition:background .4s ease,box-shadow .4s ease}.welcome-badge{position:absolute;top:76px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;background:#0b11208c;-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(148,163,184,.22);border-radius:999px;color:#f8fafc;font-size:12px;z-index:4;pointer-events:none;animation:welcome-in .7s cubic-bezier(.22,1,.36,1);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff14}.welcome-badge strong{font-weight:700;font-size:13px}.welcome-badge small{color:#cbd5e1c7;font-size:11.5px}.welcome-badge__pulse{width:8px;height:8px;border-radius:50%;background:#60a5fa;box-shadow:0 0 #60a5fa8c;animation:welcome-pulse 2.4s ease-in-out infinite}@keyframes welcome-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.welcome-badge--out{animation:welcome-out .6s ease-out forwards}@keyframes welcome-out{to{opacity:0;transform:translate(-50%,-8px)}}@keyframes welcome-pulse{0%{box-shadow:0 0 #60a5fa8c}70%{box-shadow:0 0 0 10px #60a5fa00}to{box-shadow:0 0 #60a5fa00}}.tour{position:fixed;inset:0;z-index:9998;pointer-events:auto}.tour__scrim{position:absolute;inset:0;background:transparent;animation:cmdk-fade .22s ease-out}.tour__veil,.tour__corner{position:absolute;background:#0206175c;-webkit-backdrop-filter:blur(3px) saturate(112%);backdrop-filter:blur(3px) saturate(112%);pointer-events:none;transition:left .26s cubic-bezier(.22,1,.36,1),top .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1)}.tour__corner--tl{-webkit-mask-image:radial-gradient(circle at 100% 100%,transparent 0 69%,#000 72%);mask-image:radial-gradient(circle at 100% 100%,transparent 0 69%,#000 72%)}.tour__corner--tr{-webkit-mask-image:radial-gradient(circle at 0 100%,transparent 0 69%,#000 72%);mask-image:radial-gradient(circle at 0 100%,transparent 0 69%,#000 72%)}.tour__corner--br{-webkit-mask-image:radial-gradient(circle at 0 0,transparent 0 69%,#000 72%);mask-image:radial-gradient(circle at 0 0,transparent 0 69%,#000 72%)}.tour__corner--bl{-webkit-mask-image:radial-gradient(circle at 100% 0,transparent 0 69%,#000 72%);mask-image:radial-gradient(circle at 100% 0,transparent 0 69%,#000 72%)}.tour__hole{position:absolute;border-radius:16px;box-shadow:0 0 0 9999px #0206179e,0 0 0 2px #60a5fa8c,0 0 40px 10px #60a5fa40;transition:all .36s cubic-bezier(.22,1,.36,1)}.tour__card{position:fixed;left:50%;top:50%;width:min(360px,calc(100vw - 32px));background:linear-gradient(180deg,#ffffff0f,#fff0) padding-box,#0b1120f5 padding-box;border:1px solid rgba(148,163,184,.22);border-radius:12px;padding:16px 18px;color:#f1f5f9;box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff0f;transform:translate(-50%,-50%);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;animation:cmdk-rise .22s ease-out}.tour__card--snap{animation:tour-card-snap .22s cubic-bezier(.22,1,.36,1)}@keyframes tour-card-snap{0%{opacity:.72;transform:translate(-50%,calc(-50% + 8px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}:root[data-theme=light] .tour__card{background:#fffffff5;color:#0f172a;border-color:#0f172a24;box-shadow:0 20px 50px #0f172a40,inset 0 1px #ffffffb3}.tour__step{font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8c7;margin-bottom:4px}.tour__title{font-size:17px;font-weight:700;margin:4px 0 6px}.tour__body{margin:0 0 14px;font-size:13px;line-height:1.5;color:#cbd5e1d9}:root[data-theme=light] .tour__body{color:#475569}.tour__actions{display:flex;justify-content:space-between;gap:8px}.tour__skip,.tour__back,.tour__next{font:inherit;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease}.tour__skip{background:transparent;border:1px solid rgba(148,163,184,.22);color:#cbd5e1cc}.tour__back{background:#94a3b81a;border:1px solid rgba(148,163,184,.24);color:#e2e8f0e6}.tour__back:disabled{cursor:not-allowed;opacity:.42;transform:none}.tour__skip:hover,.tour__back:hover:not(:disabled){background:#94a3b81a;color:#fff}.tour__next{background:#2563eb;border:1px solid #2563eb;color:#fff}.tour__next:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}:root[data-theme=light] .tour__skip{color:#475569;border-color:#0f172a24}:root[data-theme=light] .tour__back{background:#0f172a0a;border-color:#0f172a24;color:#334155}.tour--out{opacity:0;pointer-events:none;transition:opacity .36s ease-out}@media(prefers-reduced-motion:reduce){.welcome-badge,.welcome-badge__pulse,.tour__hole,.tour__veil,.tour__card--snap{animation:none!important;transition:none!important}}.layout-native .sidebar{position:relative;isolation:isolate;background:linear-gradient(180deg,#ffffff6b,#ffffff2e) padding-box,color-mix(in srgb,var(--surface) 78%,transparent) padding-box!important}:root[data-theme=dark] .layout-native .sidebar{background:linear-gradient(180deg,#ffffff0d,#fff0) padding-box,#0b11209e padding-box!important}.layout-native .sidebar:before,.layout-native .sidebar:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.75}.layout-native .sidebar:before{width:320px;height:320px;left:-120px;top:-100px;background:radial-gradient(circle,#2563eb8c,#2563eb00 70%);animation:sidebar-glow-top 14s ease-in-out infinite alternate}.layout-native .sidebar:after{width:280px;height:280px;left:-90px;bottom:-80px;background:radial-gradient(circle,#dc262673,#dc262600 70%);animation:sidebar-glow-bottom 17s ease-in-out infinite alternate}:root[data-theme=light] .layout-native .sidebar:before{background:radial-gradient(circle,#60a5fa66,#60a5fa00 70%)}:root[data-theme=light] .layout-native .sidebar:after{background:radial-gradient(circle,#fca5a559,#fca5a500 70%)}@keyframes sidebar-glow-top{0%{transform:translate(0);opacity:.6}to{transform:translate(20px,18px);opacity:.9}}@keyframes sidebar-glow-bottom{0%{transform:translate(0);opacity:.4}to{transform:translate(28px,-16px);opacity:.75}}.layout-native .stage-wrap,:root[data-theme=dark] .layout-native .stage-wrap{isolation:isolate;background:transparent!important;background-image:none!important}.layout-native .stage-wrap:before{content:none!important;display:none!important}.layout-native .stage{z-index:1}.layout-native .controls-float{background:linear-gradient(180deg,#ffffff8c,#fff0) padding-box,var(--surface) padding-box!important;border:1px solid color-mix(in srgb,var(--control-border) 88%,transparent)!important;border-radius:999px!important;padding:7px 12px!important;gap:10px!important;box-shadow:0 1px #ffffff0a inset,var(--shadow-soft)!important}:root[data-theme=dark] .layout-native .controls-float{background:linear-gradient(180deg,#ffffff0d,#fff0) padding-box,color-mix(in srgb,var(--surface) 92%,transparent) padding-box!important;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.layout-native .controls-float #zoomLabel,.layout-native .controls-float [id*=oom][id*=abel]{font-weight:700;font-size:12px;color:var(--accent-strong);letter-spacing:.02em;min-width:38px;text-align:right}:root[data-theme=dark] .layout-native .controls-float [id*=oom][id*=abel]{color:#c7d8ff}.layout-native .controls-float input[type=range]{width:140px}.layout-native header.workspace-toolbar{background:linear-gradient(180deg,#ffffff0d,#fff0) 0 0 / 100% 50% no-repeat,linear-gradient(180deg,#0d1726,#0a1322)!important;box-shadow:inset 0 -1px #94a3b829,0 1px #94a3b814!important}#layoutView .layout-native .workspace-toolbar__layout-name #designId{font-weight:600;letter-spacing:.01em}#layoutView .layout-native .workspace-toolbar__layout-name span{font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#cbd5e199}.layout-native .sidebar{background:linear-gradient(180deg,#ffffff80,#fff0) 0 0 / 100% 80px no-repeat,var(--surface)}:root[data-theme=dark] .layout-native .sidebar{background:linear-gradient(180deg,#ffffff08,#fff0) 0 0 / 100% 80px no-repeat,var(--surface)}.layout-native .stage{position:relative}.layout-hero .title{font-size:22px!important;letter-spacing:-.012em!important;font-weight:750!important}.layout-hero__identity:after{box-shadow:0 0 14px color-mix(in srgb,var(--brand-mark-b) 38%,transparent)}#layoutView .layout-hero .btn,#layoutView .layout-hero__btn{background:linear-gradient(180deg,#ffffff0f,#fff0) padding-box,#ffffff0d padding-box!important;box-shadow:inset 0 1px #ffffff14,0 8px 18px #0000001f!important;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important}#layoutView .layout-hero .btn:hover,#layoutView .layout-hero__btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#ffffff1f,#ffffff05) padding-box,#ffffff14 padding-box!important;box-shadow:inset 0 1px #ffffff1f,0 12px 24px #00000038!important}#layoutView .layout-hero .btn:active,#layoutView .layout-hero__btn:active{transform:translateY(0)}.layout-native .sidebar .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 14%,transparent)}.layout-native .sidebar .btn{transition:transform .18s ease,box-shadow .18s ease,background .15s ease,border-color .15s ease}#settingsDropdownContainer{display:inline-block;position:relative}.settings-dropdown{background:var(--surface);border:1px solid var(--control-border);border-radius:10px;box-shadow:0 24px 48px #0f172a3d,0 0 0 1px #0f172a05;display:none;min-width:260px;overflow:hidden;padding:5px;position:fixed;width:min(260px,calc(100vw - 16px));z-index:999999;color:var(--app-ink)}.settings-action{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--app-ink);cursor:pointer;display:flex;gap:10px;padding:9px 10px;text-align:left;width:100%;font:inherit}.settings-action:hover,.settings-action:focus-visible{background:var(--panel-alt);outline:none}.settings-action svg{color:var(--accent);flex:0 0 auto}.settings-action span{display:grid;gap:1px}.settings-action strong{font-size:13px;font-weight:700;color:var(--app-ink)}.settings-action small{color:var(--app-muted);font-size:11px;line-height:1.25}.layout-native .stage{position:absolute!important}@media(max-width:1024px){.layout-native .sidebar{bottom:0!important;height:auto!important;left:0!important;max-height:100vh!important;position:fixed!important;top:0!important;transform:translate(-100%);z-index:340!important}.layout-native .sidebar.active{transform:translate(0)}.layout-native .sidebar-backdrop{z-index:330!important}.layout-native .stage-wrap{height:100%!important;min-height:0!important}}.settings-dropdown .theme-toggle.btn{background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;height:auto!important;padding:9px 10px!important}.settings-dropdown .theme-toggle.btn:hover{background:var(--panel-alt)!important}.os-wallpaper__blob{animation:none!important;filter:blur(30px)!important;will-change:auto!important}.os-wallpaper__sky,.os-wallpaper__spotlight{animation:none!important}.layout-native .sidebar:before,.layout-native .sidebar:after{animation:none!important;display:none!important}@media(max-width:1024px){.os-wallpaper__blob{filter:blur(22px)!important;opacity:.42!important}}@media(max-width:760px){.canvas-toolbar{left:50%!important;margin:0!important;position:absolute!important;top:10px!important;transform:translate(-50%)!important;width:max-content;max-width:calc(100vw - 24px)}.layout-native .controls-float{top:64px!important}}:root{--studio-glass: rgba(9, 16, 30, .76);--studio-glass-strong: rgba(10, 17, 31, .9);--studio-glass-border: rgba(148, 163, 184, .22);--studio-glass-border-strong: rgba(191, 219, 254, .32);--studio-glass-ink: #eef4ff;--studio-glass-muted: rgba(203, 213, 225, .74);--studio-red-aura: rgba(239, 68, 68, .2);--studio-blue-aura: rgba(59, 130, 246, .28);--studio-white-aura: rgba(248, 250, 252, .13);--studio-panel-sheen: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, .08) 42%, transparent 72%);--studio-panel-depth: 0 24px 58px rgba(2, 6, 23, .34), inset 0 1px 0 rgba(255, 255, 255, .08)}:root[data-theme=light]{--studio-glass: rgba(255, 255, 255, .78);--studio-glass-strong: rgba(255, 255, 255, .92);--studio-glass-border: rgba(71, 85, 105, .18);--studio-glass-border-strong: rgba(37, 99, 235, .22);--studio-glass-ink: #0f172a;--studio-glass-muted: #5f6f83;--studio-red-aura: rgba(220, 38, 38, .12);--studio-blue-aura: rgba(37, 99, 235, .16);--studio-white-aura: rgba(255, 255, 255, .62);--studio-panel-sheen: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, .72) 42%, transparent 72%);--studio-panel-depth: 0 24px 58px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .78)}@keyframes studio-aurora-drift{0%{background-position:0% 45%,100% 20%,50% 100%}50%{background-position:38% 35%,72% 42%,44% 86%}to{background-position:78% 58%,20% 28%,62% 74%}}@keyframes studio-panel-sheen{0%{transform:translate3d(-28%,-18%,0) rotate(.001deg)}to{transform:translate3d(24%,18%,0) rotate(.001deg)}}@keyframes studio-sidebar-glow{0%{transform:translate3d(-4%,-2%,0) scale(1);opacity:.64}to{transform:translate3d(4%,3%,0) scale(1.04);opacity:.86}}@keyframes studio-sky-shift{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(-7deg) brightness(1.04)}}.os-wallpaper__sky{animation:studio-sky-shift 38s ease-in-out infinite alternate!important}.os-wallpaper__grid{animation:none!important;display:none!important}.os-wallpaper__blob{animation:var(--blob-drift, blob-drift-a) 32s ease-in-out infinite alternate!important;filter:blur(34px)!important;opacity:.42!important}:root[data-theme=light] .os-wallpaper__blob{opacity:.34!important}.os-wallpaper__spotlight{animation:studio-sky-shift 24s ease-in-out infinite alternate!important}.layout-native .sidebar,.file-actions-dropdown,.layouts-dropdown,.settings-dropdown,.modal-card,.layout-native .modal .sheet,.cmdk__panel,.tour__card,.canvas-toolbar,.layout-native .controls-float,.layout-native .toast{color:var(--studio-glass-ink);background:radial-gradient(circle at 14% 8%,var(--studio-white-aura),transparent 30%),radial-gradient(circle at 85% 12%,var(--studio-blue-aura),transparent 38%),radial-gradient(circle at 84% 92%,var(--studio-red-aura),transparent 42%),var(--studio-glass-strong)!important;border-color:var(--studio-glass-border)!important;box-shadow:var(--studio-panel-depth)!important;-webkit-backdrop-filter:blur(22px) saturate(155%);backdrop-filter:blur(22px) saturate(155%)}.layout-native .sidebar,.file-actions-dropdown,.layouts-dropdown,.settings-dropdown,.modal-card,.layout-native .modal .sheet,.cmdk__panel,.tour__card{isolation:isolate;overflow:hidden;position:relative}.layout-native .sidebar:before,.file-actions-dropdown:before,.layouts-dropdown:before,.settings-dropdown:before,.modal-card:before,.layout-native .modal .sheet:before,.cmdk__panel:before,.tour__card:before{animation:studio-panel-sheen 18s ease-in-out infinite alternate!important;background:var(--studio-panel-sheen);content:""!important;display:block!important;inset:-35%;opacity:.52;pointer-events:none;position:absolute;z-index:0}.layout-native .sidebar>*,.file-actions-dropdown>*,.layouts-dropdown>*,.settings-dropdown>*,.modal-card>*,.layout-native .modal .sheet>*,.cmdk__panel>*,.tour__card>*{position:relative;z-index:1}.layout-native .sidebar{border-right-color:var(--studio-glass-border-strong)!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable}.layout-native .sidebar:after{animation:studio-sidebar-glow 20s ease-in-out infinite alternate!important;background:radial-gradient(circle at 20% 15%,rgba(96,165,250,.22),transparent 34%),radial-gradient(circle at 82% 92%,rgba(220,38,38,.16),transparent 38%)!important;content:""!important;display:block!important;filter:blur(12px);inset:-8% -18%;opacity:.7;pointer-events:none;position:absolute;z-index:0}:root[data-theme=light] .layout-native .sidebar:after{background:radial-gradient(circle at 20% 15%,rgba(37,99,235,.14),transparent 36%),radial-gradient(circle at 86% 94%,rgba(220,38,38,.1),transparent 42%)!important}.file-action,.settings-action,.layouts-dropdown .btn,.layout-native .sidebar .btn,.layout-native select,.layout-native input.field,.layout-native textarea,.layout-native .tab{transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .16s ease}.file-action:hover,.settings-action:hover,.settings-action:focus-visible,.file-action:focus-visible,.layouts-dropdown .btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 13%,transparent)!important;color:var(--studio-glass-ink)!important}.modal-header,.layout-native .modal .sheet .head{border-bottom-color:var(--studio-glass-border)!important}.modal-body,.tour__body,.settings-action small,.file-action small,.layouts-dropdown__status,.layouts-dropdown__empty{color:var(--studio-glass-muted)!important}.settings-action strong,.file-action strong{color:var(--studio-glass-ink)!important}.layout-native .toast{border-color:var(--studio-glass-border-strong)!important}.file-actions-dropdown,.layouts-dropdown,.settings-dropdown{position:fixed!important}@media(prefers-reduced-motion:reduce){.os-wallpaper__sky,.os-wallpaper__grid,.os-wallpaper__blob,.os-wallpaper__spotlight,.layout-native .sidebar:before,.layout-native .sidebar:after,.file-actions-dropdown:before,.layouts-dropdown:before,.settings-dropdown:before,.modal-card:before,.layout-native .modal .sheet:before,.cmdk__panel:before,.tour__card:before{animation:none!important}}.hero-chevron{margin-left:4px}.icon-sprite{opacity:0;pointer-events:none;position:absolute}.layout-native .icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.layout-native .icon--sm{height:14px;width:14px}.layout-native .icon--toolbar{height:18px;width:18px}.zoom-control{align-items:center;display:flex;gap:8px}.zoom-control #zoomLabel{font-size:13px;font-weight:700;min-width:55px;text-align:center}.zoom-control #zoomRange{width:110px}.exit-fullscreen-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:20px;top:20px;transition:all .2s ease;z-index:10000}.exit-fullscreen-btn__icon{display:inline-block;margin-right:6px;vertical-align:middle}.layout-native:fullscreen,.layout-native:-webkit-full-screen{background:radial-gradient(ellipse 60% 45% at 22% 12%,rgba(37,99,235,.34),transparent 66%),radial-gradient(ellipse 48% 40% at 88% 78%,rgba(220,38,38,.2),transparent 70%),radial-gradient(ellipse 58% 50% at 58% 100%,rgba(96,165,250,.18),transparent 72%),linear-gradient(135deg,#050a1a,#02060f 48%,#0a0410)!important;color:var(--app-ink)}.layout-native:fullscreen::backdrop{background:radial-gradient(ellipse 60% 45% at 22% 12%,rgba(37,99,235,.34),transparent 66%),radial-gradient(ellipse 48% 40% at 88% 78%,rgba(220,38,38,.2),transparent 70%),radial-gradient(ellipse 58% 50% at 58% 100%,rgba(96,165,250,.18),transparent 72%),linear-gradient(135deg,#050a1a,#02060f 48%,#0a0410)!important}:root[data-theme=light] .layout-native:fullscreen,:root[data-theme=light] .layout-native:-webkit-full-screen{background:radial-gradient(ellipse 60% 45% at 22% 12%,rgba(147,197,253,.38),transparent 66%),radial-gradient(ellipse 48% 40% at 88% 78%,rgba(252,165,165,.22),transparent 70%),radial-gradient(ellipse 58% 50% at 58% 100%,rgba(191,219,254,.22),transparent 72%),linear-gradient(135deg,#e8eef9,#e2e8f3,#eaeef7)!important}:root[data-theme=light] .layout-native:fullscreen::backdrop{background:radial-gradient(ellipse 60% 45% at 22% 12%,rgba(147,197,253,.38),transparent 66%),radial-gradient(ellipse 48% 40% at 88% 78%,rgba(252,165,165,.22),transparent 70%),radial-gradient(ellipse 58% 50% at 58% 100%,rgba(191,219,254,.22),transparent 72%),linear-gradient(135deg,#e8eef9,#e2e8f3,#eaeef7)!important}.layout-native:fullscreen .stage-wrap,.layout-native:-webkit-full-screen .stage-wrap{background:transparent!important}.modal-card--export{max-width:420px}.modal-card--save,.modal-card--contractor-lock{max-width:380px}.modal-intro{color:var(--studio-glass-muted, var(--muted));font-size:13px;line-height:1.45;margin:0 0 12px}.modal-action-stack{display:grid;gap:10px}.modal-footnote{margin-top:14px}.form-block{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.form-block .field{width:100%}.save-layout-error{background:color-mix(in srgb,#dc2626 9%,var(--surface));border:1px solid color-mix(in srgb,#dc2626 28%,transparent);border-radius:7px;color:#dc2626;display:none;font-size:13px;margin-bottom:12px;padding:8px 12px}.modal-actions,.modal-head-actions{display:flex;gap:8px;justify-content:flex-end}.metrics-title{background:var(--gradient-patriot);background-clip:text;-webkit-background-clip:text;color:currentColor;font-size:18px;font-weight:800;margin:0;-webkit-text-fill-color:transparent}.metrics-controls-row{flex-wrap:wrap;gap:10px}.advanced-coverage{display:none;flex-wrap:wrap;gap:8px}.metric-total-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.metric-total-value{font-size:16px;font-weight:800}.layout-item{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .15s ease}.layout-item:hover,.layout-item:focus-visible{background:var(--panel-alt);outline:none}.layout-item__meta{flex:1;min-width:0}.layout-item__name{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-item__date{color:var(--muted);font-size:11px}.layout-item__actions{align-items:center;display:flex;gap:8px}.layout-item__status{color:var(--muted);font-size:12px}.layout-delete-btn{background:transparent;border:0;color:var(--muted);cursor:pointer;opacity:.68;padding:4px}.layout-delete-btn:hover,.layout-delete-btn:focus-visible{color:#ef4444;opacity:1;outline:none}.layouts-dropdown__empty--error{color:#ef4444!important}.welcome-badge{align-items:center;border-radius:14px;display:grid;gap:10px;grid-template-columns:10px minmax(0,1fr) auto;max-width:min(520px,calc(100vw - 32px));padding:12px;pointer-events:auto}.welcome-badge__copy{display:grid;gap:2px;min-width:0}.welcome-badge__copy strong{color:#f8fafc;font-size:13px;font-weight:800}.welcome-badge__copy small{color:#cbd5e1c7;font-size:11.5px;line-height:1.35}.welcome-badge__actions{display:flex;gap:6px}.welcome-badge__start,.welcome-badge__dismiss{border-radius:8px;cursor:pointer;font:inherit;font-size:12px;font-weight:750;padding:7px 10px}.welcome-badge__start{background:#2563eb;border:1px solid #3b82f6;color:#fff}.welcome-badge__dismiss{background:#ffffff0f;border:1px solid rgba(148,163,184,.22);color:#e2e8f0db}.welcome-badge__start:hover,.welcome-badge__dismiss:hover{transform:translateY(-1px)}:root[data-theme=light] .welcome-badge__copy strong{color:#0f172a}:root[data-theme=light] .welcome-badge__copy small{color:#475569}:root[data-theme=light] .welcome-badge__dismiss{background:#0f172a0a;color:#334155}@media(max-width:560px){.welcome-badge{grid-template-columns:10px minmax(0,1fr);top:112px}.welcome-badge__actions{grid-column:1 / -1;justify-content:flex-end}}:root{--tint-blue: rgba(37, 99, 235, .14);--tint-blue-soft: rgba(59, 130, 246, .08);--tint-red: rgba(220, 38, 38, .11);--tint-red-soft: rgba(239, 68, 68, .06);--tint-white: rgba(255, 255, 255, .06);--panel-base-dark: rgba(7, 13, 26, .7);--panel-base-dark-frame: rgba(7, 13, 26, .62);--panel-base-strong: rgba(11, 17, 32, .94);--panel-base-light: rgba(255, 255, 255, .82);--panel-base-light-frame: rgba(255, 255, 255, .76);--panel-base-light-strong: rgba(255, 255, 255, .96)}:root[data-theme=light]{--tint-blue: rgba(37, 99, 235, .08);--tint-blue-soft: rgba(59, 130, 246, .05);--tint-red: rgba(220, 38, 38, .07);--tint-red-soft: rgba(239, 68, 68, .04);--tint-white: rgba(255, 255, 255, .5)}.layout-hero{background:radial-gradient(ellipse 60% 100% at 0% 0%,var(--tint-blue),transparent 70%),radial-gradient(ellipse 40% 100% at 100% 50%,var(--tint-red-soft),transparent 70%),var(--panel-base-dark-frame)!important}:root[data-theme=light] .layout-hero{background:radial-gradient(ellipse 60% 100% at 0% 0%,rgba(37,99,235,.18),transparent 70%),radial-gradient(ellipse 40% 100% at 100% 50%,rgba(220,38,38,.1),transparent 70%),#0f172ac7!important}.layout-native .sidebar{background:radial-gradient(ellipse 80% 32% at 20% 0%,var(--tint-blue),transparent 70%),radial-gradient(ellipse 100% 28% at 100% 100%,var(--tint-red),transparent 70%),var(--panel-base-dark-frame)!important}:root[data-theme=light] .layout-native .sidebar{background:radial-gradient(ellipse 80% 32% at 20% 0%,rgba(37,99,235,.08),transparent 70%),radial-gradient(ellipse 100% 28% at 100% 100%,rgba(220,38,38,.06),transparent 70%),var(--panel-base-light-frame)!important}.canvas-toolbar{background:radial-gradient(ellipse 100% 100% at 50% 0%,var(--tint-white),transparent 70%),radial-gradient(ellipse 60% 100% at 0% 100%,var(--tint-blue-soft),transparent 70%),var(--panel-base-strong)!important}:root[data-theme=light] .canvas-toolbar{background:radial-gradient(ellipse 100% 100% at 50% 0%,rgba(255,255,255,.18),transparent 70%),#0f172ae0!important}.layout-native .controls-float{background:radial-gradient(ellipse 100% 100% at 100% 0%,var(--tint-blue),transparent 70%),var(--panel-base-light)!important}:root[data-theme=dark] .layout-native .controls-float{background:radial-gradient(ellipse 100% 100% at 100% 0%,rgba(96,165,250,.18),transparent 70%),var(--panel-base-strong)!important}.settings-dropdown,.file-actions-dropdown,.layouts-dropdown{background:radial-gradient(ellipse 90% 60% at 100% 0%,var(--tint-blue),transparent 70%),radial-gradient(ellipse 80% 60% at 0% 100%,var(--tint-red-soft),transparent 70%),var(--panel-base-dark)!important}:root[data-theme=light] .settings-dropdown,:root[data-theme=light] .file-actions-dropdown,:root[data-theme=light] .layouts-dropdown{background:radial-gradient(ellipse 90% 60% at 100% 0%,rgba(37,99,235,.07),transparent 70%),radial-gradient(ellipse 80% 60% at 0% 100%,rgba(220,38,38,.05),transparent 70%),var(--panel-base-light-strong)!important}.cmdk__panel{background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--tint-blue),transparent 70%),radial-gradient(ellipse 80% 50% at 50% 100%,var(--tint-red-soft),transparent 70%),var(--panel-base-strong)!important}:root[data-theme=light] .cmdk__panel{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(37,99,235,.08),transparent 70%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(220,38,38,.05),transparent 70%),#fffffff7!important}.layout-native .modal .sheet{background:radial-gradient(ellipse 60% 40% at 0% 0%,var(--tint-blue),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,var(--tint-red),transparent 70%),var(--panel-base-strong)!important}:root[data-theme=light] .layout-native .modal .sheet{background:radial-gradient(ellipse 60% 40% at 0% 0%,rgba(37,99,235,.07),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(220,38,38,.05),transparent 70%),#fffffffa!important}.tour__card{background:radial-gradient(ellipse 90% 60% at 100% 0%,var(--tint-blue),transparent 70%),radial-gradient(ellipse 80% 60% at 0% 100%,var(--tint-red-soft),transparent 70%),var(--panel-base-dark)!important}:root[data-theme=light] .tour__card{background:radial-gradient(ellipse 90% 60% at 100% 0%,rgba(37,99,235,.07),transparent 70%),radial-gradient(ellipse 80% 60% at 0% 100%,rgba(220,38,38,.05),transparent 70%),#fffffff7!important}.welcome-badge{background:radial-gradient(ellipse 100% 100% at 0% 50%,var(--tint-blue),transparent 70%),radial-gradient(ellipse 80% 100% at 100% 50%,var(--tint-red-soft),transparent 70%),var(--panel-base-dark)!important}:root[data-theme=light] .welcome-badge{background:radial-gradient(ellipse 100% 100% at 0% 50%,rgba(37,99,235,.1),transparent 70%),radial-gradient(ellipse 80% 100% at 100% 50%,rgba(220,38,38,.06),transparent 70%),#fffffff0!important;border-color:#47556933;box-shadow:0 22px 46px #0f172a29,inset 0 1px #ffffffd6;color:#0f172a}:root[data-theme=light] .welcome-badge__dismiss{background:#0f172a0d;border-color:#0f172a29;color:#1e293b}:root[data-theme=light] .welcome-badge__dismiss:hover{background:#2563eb14;border-color:#2563eb38;color:#0f172a}.finish-color-control{display:grid;gap:0;margin-top:2px}.finish-color-option{align-items:center;background:radial-gradient(ellipse 70% 100% at 0% 50%,rgba(37,99,235,.08),transparent 72%),color-mix(in srgb,var(--surface-raised, #f8fafc) 92%,transparent);border:1px solid color-mix(in srgb,var(--control-border, #cbd5e1) 88%,transparent);border-radius:10px;box-shadow:inset 0 1px #ffffff70;color:var(--app-ink, #0f172a);display:flex;justify-content:space-between;max-height:0;opacity:0;overflow:hidden;padding:0 10px;pointer-events:none;transform:translateY(-5px) scale(.985);transition:max-height .26s cubic-bezier(.22,1,.36,1),opacity .19s ease,padding .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),border-color .18s ease,background .18s ease}.finish-color-option.is-active{max-height:56px;opacity:1;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1)}.finish-color-option__copy{display:grid;gap:1px;min-width:0}.finish-color-option__eyebrow{color:var(--app-muted, #64748b);font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.finish-color-option strong{color:var(--app-ink, #0f172a);font-size:12.5px;font-weight:800;line-height:1.15}.finish-color-option input[type=color]{flex:0 0 auto}.finish-color-option--note{min-height:0}:root[data-theme=dark] .finish-color-option{background:radial-gradient(ellipse 80% 120% at 0% 50%,rgba(96,165,250,.12),transparent 72%),#0f172a85;border-color:#94a3b833;box-shadow:inset 0 1px #ffffff0f}:root[data-theme=dark] .finish-color-option strong{color:#f8fafc}@media(prefers-reduced-motion:reduce){.finish-color-option{transition:none!important}}.layout-native .tabs{position:relative}.layout-native .tabs__indicator{position:absolute;top:3px;left:0;height:calc(100% - 6px);width:var(--tab-w, 0px);transform:translate(var(--tab-x, 0));background:var(--surface, #ffffff);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:4px;box-shadow:0 1px 2px #0f172a14,inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent);transition:transform .24s cubic-bezier(.22,1,.36,1),width .24s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:0}:root[data-theme=dark] .layout-native .tabs__indicator{background:#2563eb1f;border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),0 4px 10px #0003}.layout-native .tabs--enhanced .tab.active{background:transparent!important;box-shadow:none!important;border-color:transparent!important}.layout-native .tabs .tab{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.layout-native .tabs__indicator{transition:none!important}}:root{--motion-fast: .14s;--motion-base: .22s;--motion-slow: .34s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.36, .64, 1)}html,body,.layout-native,.layout-hero,.layout-native .sidebar,.layout-native .stage,.canvas-toolbar,.layout-native .controls-float,.layout-native .field,.layout-native select,.layout-native textarea,.layout-native .btn,.layout-native .section-title,.layout-native .section-title__icon,.layout-native .section-title__chevron,.layout-native .tab,.layout-native .tabs__indicator,.settings-dropdown,.file-actions-dropdown,.layouts-dropdown,.cmdk__panel,.tour__card,.welcome-badge,.layout-native .modal .sheet{transition:background-color var(--motion-base) var(--ease-in-out),background-image var(--motion-base) var(--ease-in-out),color var(--motion-base) var(--ease-in-out),border-color var(--motion-base) var(--ease-in-out),box-shadow var(--motion-base) var(--ease-in-out),transform var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-in-out)}.layout-native .btn,.layouts-dropdown .btn,.layout-hero__btn,.canvas-toolbar .btn,.settings-action,.file-action,.welcome-badge button{transition:background-color var(--motion-fast) var(--ease-out),background-image var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-spring)!important}.layout-native .btn:active:not(:disabled),.layout-hero__btn:active,.canvas-toolbar .btn:active:not(:disabled),.settings-action:active,.file-action:active,.welcome-badge button:active,.layouts-dropdown .btn:active{transform:translateY(0) scale(.97)!important;transition-duration:80ms!important}.file-actions-dropdown,.settings-dropdown,.layouts-dropdown{transform-origin:top right;opacity:1;transform:translateY(0) scale(1)}@keyframes lc-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.file-actions-dropdown[style*="display: block"],.file-actions-dropdown[style*="display:block"],.settings-dropdown[style*="display: block"],.settings-dropdown[style*="display:block"],.layouts-dropdown[style*="display: block"],.layouts-dropdown[style*="display:block"]{animation:lc-dropdown-in var(--motion-fast) var(--ease-out)}.layout-native .toggle .slider{transition:background-color var(--motion-base) var(--ease-in-out),border-color var(--motion-base) var(--ease-in-out)!important}.layout-native .toggle .slider:before{transition:transform var(--motion-base) var(--ease-spring)!important}.layout-native .toggle:active .slider:before{transform:scale(.92)}.layout-native .toggle input:checked+.slider:before{transform:translate(20px)}.layout-native .toggle input:checked+.slider:active:before{transform:translate(20px) scale(.92)}.layout-native .section-title.section-title--collapsible:active{transform:scale(.995)}.layout-native .section-title__icon{transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-out)!important}.layout-native .section-title__chevron{transition:transform var(--motion-base) var(--ease-spring),color var(--motion-fast) var(--ease-out)!important}.layout-native input[type=color]{transition:transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)!important}.layout-native input[type=color]:hover{transform:scale(1.05)}.layout-native input[type=color]:active{transform:scale(.96)}.layout-native input[type=range]::-webkit-slider-thumb{transition:transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-out)!important}.layout-native input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.layout-native input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}.layout-native .modal .sheet{animation:lc-modal-in var(--motion-slow) var(--ease-spring)!important}@keyframes lc-modal-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk__panel{animation:lc-modal-in var(--motion-slow) var(--ease-spring)!important}.settings-action,.file-action{position:relative}.settings-action:before,.file-action:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;border-radius:2px;background:var(--accent, #2563eb);transition:transform var(--motion-fast) var(--ease-spring)}.settings-action:hover:before,.file-action:hover:before{transform:translateY(-50%) scaleY(1)}.layout-native .stage{overflow:auto!important}.layout-native .stage svg{display:block;flex:0 0 auto;margin:auto;min-width:100%;min-height:100%;transform-origin:center center}.welcome-badge{position:fixed!important;inset:0!important;z-index:9997!important;display:grid!important;place-items:center!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;width:auto!important;max-width:none!important;padding:24px!important;background:#02061794!important;-webkit-backdrop-filter:blur(16px) saturate(122%)!important;backdrop-filter:blur(16px) saturate(122%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#f8fafc;pointer-events:auto!important;transform:none!important;animation:welcome-overlay-in var(--motion-slow) var(--ease-out)!important}:root[data-theme=light] .welcome-badge{background:#f1f5f994!important;color:#0f172a}.welcome-badge__backdrop{position:absolute;inset:0;z-index:0;background:transparent;border:0;cursor:default}.welcome-badge__card{position:relative;z-index:1;display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(560px,calc(100vw - 32px));padding:15px;background:radial-gradient(ellipse 90% 100% at 0% 0%,rgba(37,99,235,.2),transparent 70%),radial-gradient(ellipse 80% 100% at 100% 100%,rgba(220,38,38,.14),transparent 72%),#090f1deb;border:1px solid rgba(226,232,240,.2);border-radius:16px;box-shadow:0 26px 80px #0000006b,inset 0 1px #ffffff1f}:root[data-theme=light] .welcome-badge__card{background:radial-gradient(ellipse 90% 100% at 0% 0%,rgba(37,99,235,.12),transparent 70%),radial-gradient(ellipse 80% 100% at 100% 100%,rgba(220,38,38,.08),transparent 72%),#ffffffeb;border-color:#0f172a1f;box-shadow:0 26px 80px #0f172a33,inset 0 1px #ffffffdb}.welcome-badge__card .welcome-badge__copy strong{font-size:15px}.welcome-badge__card .welcome-badge__copy small{font-size:12.5px}.welcome-badge--out{animation:welcome-overlay-out .24s var(--ease-in-out) forwards!important}@keyframes welcome-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-overlay-out{to{opacity:0}}.tour__scrim{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.tour__veil,.tour__corner{background:#0206173d!important;-webkit-backdrop-filter:blur(2px) saturate(106%)!important;backdrop-filter:blur(2px) saturate(106%)!important}:root[data-theme=light] .tour__veil{background:#f1f5f933!important}:root[data-theme=light] .tour__corner{background:#f1f5f933!important}.tour__hole{box-shadow:0 0 0 9999px #02061757,0 0 0 2px #60a5faa6,0 0 34px 8px #60a5fa40!important}:root[data-theme=light] .tour__hole{box-shadow:0 0 0 9999px #0f172a33,0 0 0 2px #2563eb80,0 0 30px 8px #2563eb2e!important}@media(max-width:560px){.welcome-badge__card{grid-template-columns:12px minmax(0,1fr)}.welcome-badge__actions{grid-column:1 / -1;justify-content:flex-end}}.file-actions-dropdown,.settings-dropdown,.layouts-dropdown{border-radius:14px!important;padding:7px!important;border-color:color-mix(in srgb,var(--accent, #2563eb) 18%,rgba(148,163,184,.28))!important;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff14!important}:root[data-theme=light] .file-actions-dropdown,:root[data-theme=light] .settings-dropdown,:root[data-theme=light] .layouts-dropdown{box-shadow:0 24px 70px #0f172a2e,inset 0 1px #ffffffe6!important}.file-action,.settings-action,.layout-item{min-height:48px;border:1px solid transparent!important;border-radius:10px!important;padding:10px!important}.file-action:hover,.file-action:focus-visible,.settings-action:hover,.settings-action:focus-visible,.layout-item:hover,.layout-item:focus-visible{background:linear-gradient(90deg,#2563eb21,#dc262612),#ffffff0f!important;border-color:color-mix(in srgb,var(--accent, #2563eb) 22%,transparent)!important;transform:translate(2px)}:root[data-theme=light] .file-action:hover,:root[data-theme=light] .file-action:focus-visible,:root[data-theme=light] .settings-action:hover,:root[data-theme=light] .settings-action:focus-visible,:root[data-theme=light] .layout-item:hover,:root[data-theme=light] .layout-item:focus-visible{background:linear-gradient(90deg,#2563eb14,#dc26260a),#ffffffc7!important}.file-action svg,.settings-action svg{width:30px;height:30px;padding:7px;border-radius:9px;background:linear-gradient(145deg,#2563eb38,#dc262614),#ffffff14}.file-action strong,.settings-action strong,.layout-item__name{font-weight:780!important}.layout-native select{appearance:none;-webkit-appearance:none;min-height:38px!important;padding-right:34px!important;background-image:linear-gradient(180deg,#ffffff0f,#fff0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:0 0,right 11px center!important;background-repeat:no-repeat!important;background-size:auto,16px 16px!important;box-shadow:inset 0 1px #ffffffa6,0 1px 1px #0f172a0a;font-weight:700}:root[data-theme=dark] .layout-native select{background-image:linear-gradient(180deg,#ffffff0f,#fff0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}#courtStandard,#vbStandard{letter-spacing:0}.court-standard-tabs,.stain-coat-tabs{flex:1;min-width:0}.stain-coat-control{display:grid;gap:7px;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-5px) scale(.985);transition:max-height .26s cubic-bezier(.22,1,.36,1),opacity .19s ease,transform .26s cubic-bezier(.22,1,.36,1)}.stain-coat-control.is-active,.stain-coat-control:not([data-finish-tabs]){max-height:74px;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.stain-coat-control__label{color:var(--app-muted, #64748b);font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.template-picker{display:none;gap:8px;margin-top:6px;padding:9px;background:radial-gradient(ellipse 100% 90% at 100% 0%,rgba(37,99,235,.1),transparent 70%),radial-gradient(ellipse 90% 80% at 0% 100%,rgba(220,38,38,.06),transparent 72%),color-mix(in srgb,var(--surface-raised, #ffffff) 92%,transparent);border:1px solid color-mix(in srgb,var(--control-border, #cbd5e1) 85%,transparent);border-radius:12px;box-shadow:inset 0 1px #ffffff80,0 12px 30px #0f172a14}.template-picker__header{display:grid;gap:1px}.template-picker__header strong{color:var(--app-ink, #0f172a);font-size:12px}.template-picker__header span{color:var(--app-muted, #64748b);font-size:10.5px}.template-picker__grid{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.caddy-template-btn{align-items:flex-start!important;display:grid!important;gap:2px!important;justify-items:start!important;min-height:54px;padding:8px!important;text-align:left!important;white-space:normal!important}.caddy-template-btn strong{font-size:11px;line-height:1.1}.caddy-template-btn span{color:var(--app-muted, #64748b);font-size:9.5px;font-weight:650;line-height:1.15}:root[data-theme=dark] .template-picker{background:radial-gradient(ellipse 100% 90% at 100% 0%,rgba(96,165,250,.14),transparent 70%),radial-gradient(ellipse 90% 80% at 0% 100%,rgba(239,68,68,.08),transparent 72%),#0f172a85;border-color:#94a3b838;box-shadow:inset 0 1px #ffffff0f,0 12px 30px #0000002e}.font-native-select{display:none!important}.font-picker{position:relative;width:100%}.font-picker__button{align-items:center;background:var(--surface, #ffffff);border:1px solid var(--control-border, #cbd5e1);border-radius:9px;color:var(--app-ink, #0f172a);cursor:pointer;display:flex;justify-content:space-between;min-height:38px;padding:8px 10px;width:100%}.font-picker__button:after{content:"⌄";color:var(--app-muted, #64748b);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px}.font-picker__menu{background:radial-gradient(ellipse 90% 60% at 100% 0%,rgba(37,99,235,.08),transparent 70%),var(--panel-base-light-strong, #ffffff);border:1px solid var(--control-border, #cbd5e1);border-radius:12px;box-shadow:0 20px 50px #0f172a2e;display:none;left:0;max-height:260px;overflow:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:1000000}.font-picker.is-open .font-picker__menu{display:grid;gap:2px}.font-picker__group{color:var(--app-muted, #64748b);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9.5px;font-weight:850;letter-spacing:.12em;padding:7px 8px 4px;text-transform:uppercase}.font-picker__option{align-items:baseline;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--app-ink, #0f172a);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:8px;text-align:left}.font-picker__option:hover,.font-picker__option.is-active{background:color-mix(in srgb,var(--accent, #2563eb) 10%,transparent);border-color:color-mix(in srgb,var(--accent, #2563eb) 18%,transparent)}.font-picker__sample{color:var(--app-muted, #64748b);font-size:11px;opacity:.84}:root[data-theme=dark] .font-picker__button,:root[data-theme=dark] .font-picker__menu{background:#0f172ad1;border-color:#94a3b83d;color:#f8fafc}:root[data-theme=dark] .font-picker__option{color:#f8fafc}.logo-transform-handles{color:#2563eb}.logo-transform-outline{fill:#2563eb09;stroke:currentColor;stroke-width:1.4;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}.logo-transform-stem{stroke:currentColor;stroke-width:1.2;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}.logo-transform-handle{fill:#fff;stroke:currentColor;stroke-width:1.8;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 4px rgba(15,23,42,.28))}.logo-resize-handle{cursor:nwse-resize}.logo-rotate-handle{cursor:grab}.logo-rotate-handle:active{cursor:grabbing}:root[data-theme=dark] .logo-transform-handle{fill:#0f172a}.gymdraw-inline-editor{position:fixed;z-index:10020;padding:7px 10px;border:1px solid rgba(37,99,235,.55);border-radius:8px;background:#fffffff5;color:#0f172a;font:700 14px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;box-shadow:0 18px 44px #0f172a47,0 0 0 4px #2563eb1f;outline:none;transform-origin:center center}:root[data-theme=dark] .gymdraw-inline-editor{background:#0f172af5;color:#f8fafc;border-color:#60a5fab8}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important;animation-iteration-count:1!important}}