:root{--m-pure-white:#f5f7fa;--m-silver:#c9cdd3;--m-steel:#8a9099;--m-gunmetal:#3b4048;--m-deep-black:#08090c;--m-text-primary:var(--m-pure-white);--m-text-secondary:var(--m-silver);--m-text-muted:var(--m-steel);--m-text-ghost:#8a909973;--m-surface-base:#08090c;--m-surface-raised:#0d0e11;--m-surface-card:#12141a;--m-surface-elevated:#1a1c22;--m-surface-overlay-solid:#22252b;--m-surface-overlay:#3b404826;--m-surface-input:#3b404840;--m-chrome-strong:#f5f7fa2e;--m-chrome-medium:#c9cdd324;--m-chrome-subtle:#c9cdd314;--m-chrome-ghost:#c9cdd30a;--m-glow-none:0 0 0 0 transparent;--m-glow-hover:0 0 14px #c9cdd312;--m-glow-active:0 0 18px #f5f7fa1a;--m-glow-focus:0 0 0 2px #c9cdd324;--m-glow-badge:0 0 10px #c9cdd32e;--m-font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--m-font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--m-text-xs:10px;--m-text-sm:12px;--m-text-base:14px;--m-text-lg:16px;--m-text-xl:20px;--m-text-2xl:28px;--m-text-3xl:36px;--m-weight-regular:400;--m-weight-medium:500;--m-weight-semibold:600;--m-weight-bold:700;--m-leading-tight:1.15;--m-leading-normal:1.5;--m-tracking-tight:-.01em;--m-tracking-normal:0em;--m-tracking-wide:.06em;--m-tracking-wider:.1em;--m-space-1:4px;--m-space-2:8px;--m-space-3:12px;--m-space-4:16px;--m-space-5:20px;--m-space-6:24px;--m-space-8:32px;--m-space-10:40px;--m-space-12:48px;--m-space-16:64px;--m-radius-xs:4px;--m-radius-sm:6px;--m-radius-md:10px;--m-radius-lg:14px;--m-radius-xl:20px;--m-radius-full:9999px;--m-ease:cubic-bezier(.16, 1, .3, 1);--m-dur-fast:.12s;--m-dur-normal:.2s;--m-dur-slow:.35s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body.m-body{background:var(--m-surface-base);color:var(--m-text-secondary);font-family:var(--m-font-sans);font-size:var(--m-text-base);font-weight:var(--m-weight-regular);line-height:var(--m-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.m-display{font-family:var(--m-font-sans);font-size:var(--m-text-3xl);font-weight:var(--m-weight-bold);line-height:var(--m-leading-tight);letter-spacing:var(--m-tracking-wider);text-transform:uppercase;color:var(--m-text-primary)}.m-heading{font-family:var(--m-font-sans);font-size:var(--m-text-xl);font-weight:var(--m-weight-semibold);line-height:var(--m-leading-tight);letter-spacing:var(--m-tracking-tight);color:var(--m-text-primary)}.m-body-text{font-family:var(--m-font-sans);font-size:var(--m-text-base);font-weight:var(--m-weight-regular);line-height:var(--m-leading-normal);color:var(--m-text-secondary)}.m-caption{font-family:var(--m-font-sans);font-size:var(--m-text-sm);font-weight:var(--m-weight-medium);line-height:var(--m-leading-normal);color:var(--m-text-muted)}.m-label{font-family:var(--m-font-sans);font-size:var(--m-text-xs);font-weight:var(--m-weight-semibold);letter-spacing:var(--m-tracking-wide);text-transform:uppercase;color:var(--m-text-ghost)}.m-mono{font-family:var(--m-font-mono);font-size:var(--m-text-sm);font-weight:var(--m-weight-regular);color:var(--m-text-muted)}.m-window{border:1px solid var(--m-chrome-medium);border-radius:var(--m-radius-lg);background:var(--m-surface-raised);overflow:hidden;box-shadow:0 0 20px #c9cdd30a,inset 0 0 20px #c9cdd305}.m-window-header{padding:var(--m-space-3) var(--m-space-4);border-bottom:1px solid var(--m-chrome-ghost);justify-content:space-between;align-items:center;display:flex}.m-window-body{padding:var(--m-space-4)}.m-section{padding-bottom:var(--m-space-3);border-bottom:1px solid var(--m-chrome-ghost);flex-direction:column;display:flex}.m-section:last-child{border-bottom:none;padding-bottom:0}.m-section-title{font-size:var(--m-text-xs);font-weight:var(--m-weight-semibold);letter-spacing:var(--m-tracking-wide);text-transform:uppercase;color:var(--m-text-ghost);padding:var(--m-space-1) 0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--m-dur-normal) var(--m-ease);justify-content:space-between;align-items:center;display:flex}.m-section-title:hover{color:var(--m-text-muted)}.m-section-title:after{content:"";width:10px;height:10px;transition:transform var(--m-dur-slow) var(--m-ease), opacity var(--m-dur-normal) var(--m-ease);opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2.5 3.5L5 6.5L7.5 3.5' stroke='%238A9099' stroke-width='1.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;flex-shrink:0}.m-section-title:hover:after{opacity:.8}.m-section.m-section--collapsed .m-section-title:after{transform:rotate(-90deg)}.m-section-body{transition:grid-template-rows var(--m-dur-slow) var(--m-ease);grid-template-rows:1fr;display:grid}.m-section.m-section--collapsed .m-section-body{grid-template-rows:0fr}.m-section-inner{gap:var(--m-space-3);flex-direction:column;display:flex;overflow:hidden}.m-section-body .m-section-inner{padding-top:var(--m-space-2)}.m-section.m-section--collapsed .m-section-body .m-section-inner{padding-top:0}.m-btn{justify-content:center;align-items:center;gap:var(--m-space-2);height:36px;padding:0 var(--m-space-5);border-radius:var(--m-radius-md);font-family:var(--m-font-sans);font-size:var(--m-text-sm);font-weight:var(--m-weight-semibold);letter-spacing:var(--m-tracking-wide);text-transform:uppercase;cursor:pointer;transition:background var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease), border-color var(--m-dur-normal) var(--m-ease);-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;display:inline-flex}.m-btn-primary{background:var(--m-surface-overlay);color:var(--m-text-primary);border:1px solid var(--m-chrome-strong);box-shadow:0 0 12px #c9cdd30d}.m-btn-primary:hover{box-shadow:var(--m-glow-hover);background:#3b40484d;border-color:#f5f7fa40}.m-btn-primary:active{box-shadow:var(--m-glow-active);background:#3b404873}.m-btn-primary:focus-visible{box-shadow:var(--m-glow-focus);outline:none}.m-btn-secondary{color:var(--m-text-secondary);border:1px solid var(--m-chrome-medium);box-shadow:var(--m-glow-none);background:0 0}.m-btn-secondary:hover{background:var(--m-surface-overlay);border-color:var(--m-chrome-medium);box-shadow:var(--m-glow-hover)}.m-btn-secondary:active{background:#3b404840}.m-btn-secondary:focus-visible{box-shadow:var(--m-glow-focus);outline:none}.m-btn-sm{height:28px;padding:0 var(--m-space-3);border-radius:var(--m-radius-sm);font-size:11px}.m-btn-icon{width:36px;padding:0}.m-btn-icon.m-btn-sm{width:28px}.m-chip{align-items:center;gap:var(--m-space-2);height:28px;padding:0 var(--m-space-3);border-radius:var(--m-radius-md);background:var(--m-surface-overlay);border:1px solid var(--m-chrome-subtle);font-family:var(--m-font-sans);font-size:11px;font-weight:var(--m-weight-semibold);letter-spacing:var(--m-tracking-wide);text-transform:uppercase;color:var(--m-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex}.m-chip-icon{opacity:.6;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.m-badge{height:26px;padding:0 var(--m-space-3);border-radius:var(--m-radius-full);border:1px solid var(--m-chrome-medium);background:var(--m-surface-overlay);font-family:var(--m-font-sans);font-size:11px;font-weight:var(--m-weight-semibold);letter-spacing:var(--m-tracking-wide);text-transform:uppercase;color:var(--m-text-secondary);align-items:center;gap:6px;display:inline-flex}.m-badge-dot{background:var(--m-silver);border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #c9cdd380}.m-badge--active .m-badge-dot{background:var(--m-pure-white);box-shadow:var(--m-glow-badge)}.m-input{height:36px;padding:0 var(--m-space-3);border-radius:var(--m-radius-md);background:var(--m-surface-input);border:1px solid var(--m-chrome-subtle);color:var(--m-text-primary);font-family:var(--m-font-sans);font-size:var(--m-text-sm);font-weight:var(--m-weight-regular);transition:border-color var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease);outline:none;width:100%}.m-input::placeholder{color:var(--m-text-ghost)}.m-input:hover{border-color:var(--m-chrome-medium)}.m-input:focus{border-color:#c9cdd359;box-shadow:0 0 0 1.5px #c9cdd31f,0 0 8px #c9cdd31a}.m-input-group{align-items:center;display:flex;position:relative}.m-input-icon{left:var(--m-space-3);width:14px;height:14px;color:var(--m-text-ghost);pointer-events:none;position:absolute}.m-input-group .m-input{padding-left:calc(var(--m-space-3) + 14px + var(--m-space-2))}.m-card{border-radius:var(--m-radius-lg);border:1px solid var(--m-chrome-subtle);padding:var(--m-space-5);gap:var(--m-space-3);transition:box-shadow var(--m-dur-normal) var(--m-ease);background:linear-gradient(160deg,#3b404838 0%,#08090ca6 100%);flex-direction:column;display:flex}.m-card:hover{box-shadow:var(--m-glow-hover)}.m-card-label{font-size:var(--m-text-xs);font-weight:var(--m-weight-medium);letter-spacing:var(--m-tracking-wide);text-transform:uppercase;color:var(--m-text-muted)}.m-card-value{font-size:var(--m-text-2xl);font-weight:var(--m-weight-bold);letter-spacing:var(--m-tracking-tight);color:var(--m-text-primary);line-height:var(--m-leading-tight)}.m-card-footer{padding-top:var(--m-space-2);border-top:1px solid var(--m-chrome-ghost);justify-content:space-between;align-items:center;display:flex}.m-select{height:36px;padding:0 var(--m-space-8) 0 var(--m-space-3);border-radius:var(--m-radius-md);background:var(--m-surface-input);border:1px solid var(--m-chrome-subtle);color:var(--m-text-primary);font-family:var(--m-font-sans);font-size:var(--m-text-sm);font-weight:var(--m-weight-regular);cursor:pointer;appearance:none;transition:border-color var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%238A9099' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none}.m-select:hover{border-color:var(--m-chrome-medium)}.m-select:focus{box-shadow:var(--m-glow-focus);border-color:#c9cdd34d}.m-select option{background:var(--m-surface-raised);color:var(--m-text-secondary)}.m-slider{appearance:none;z-index:3;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:28px;margin:0;padding:0;position:relative}.m-slider-wrap{background:var(--m-surface-raised);border:1px solid var(--m-chrome-ghost);height:28px;transition:border-color var(--m-dur-fast) var(--m-ease), box-shadow var(--m-dur-fast) var(--m-ease);border-radius:14px;flex:1;min-width:0;position:relative;box-shadow:0 0 12px #c9cdd308}.m-slider-wrap:hover{border-color:var(--m-chrome-subtle);box-shadow:0 0 14px #c9cdd30d}.m-slider-wrap:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#c9cdd30a .6px,#0000 .6px) 0 0/5px 5px;border-radius:13px;position:absolute;inset:1px}.m-slider-wrap:after{content:"";pointer-events:none;z-index:2;-webkit-mask-image:linear-gradient(90deg, transparent 0%, #00000040 calc(var(--thumb-x,50%) * .15), #0009 calc(var(--thumb-x,50%) * .5), #000000d9 calc(var(--thumb-x,50%) * .85), #000 var(--thumb-x,50%), transparent calc(var(--thumb-x,50%) + 0.5%));-webkit-mask-image:linear-gradient(90deg, transparent 0%, #00000040 calc(var(--thumb-x,50%) * .15), #0009 calc(var(--thumb-x,50%) * .5), #000000d9 calc(var(--thumb-x,50%) * .85), #000 var(--thumb-x,50%), transparent calc(var(--thumb-x,50%) + 0.5%));mask-image:linear-gradient(90deg, transparent 0%, #00000040 calc(var(--thumb-x,50%) * .15), #0009 calc(var(--thumb-x,50%) * .5), #000000d9 calc(var(--thumb-x,50%) * .85), #000 var(--thumb-x,50%), transparent calc(var(--thumb-x,50%) + 0.5%));background:radial-gradient(circle,#c9cdd34d .6px,#0000 .6px) 0 0/5px 5px;border-radius:13px;position:absolute;inset:1px}.m-slider::-webkit-slider-runnable-track{background:0 0;border:none;border-radius:14px;height:28px}.m-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:18px;height:18px;transition:box-shadow var(--m-dur-fast) var(--m-ease), border-color var(--m-dur-fast) var(--m-ease);background:linear-gradient(145deg,#3b4048 0%,#2a2d33 50%,#1a1c22 100%);border:1px solid #c9cdd31f;border-radius:50%;margin-top:4px;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff0f}.m-slider:hover::-webkit-slider-thumb{border-color:#c9cdd338;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff14}.m-slider:active::-webkit-slider-thumb{background:linear-gradient(145deg,#4a4f58 0%,#3b4048 50%,#2a2d33 100%);border-color:#c9cdd34d}.m-slider::-moz-range-track{background:0 0;border:none;border-radius:14px;height:28px}.m-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(145deg,#3b4048 0%,#2a2d33 50%,#1a1c22 100%);border:1px solid #c9cdd31f;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff0f}.m-slider:hover::-moz-range-thumb{border-color:#c9cdd338;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff14}.m-slider:focus-visible::-webkit-slider-thumb{border-color:#c9cdd34d;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff14,0 0 0 3px #c9cdd31a}.m-toggle{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.m-toggle input{opacity:0;width:0;height:0;position:absolute}.m-toggle-track{border-radius:var(--m-radius-full);border:1px solid var(--m-chrome-subtle);cursor:pointer;transition:background var(--m-dur-normal) var(--m-ease), border-color var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease);background:#3b404833;position:absolute;inset:0}.m-toggle-track:after{content:"";width:16px;height:16px;transition:transform var(--m-dur-normal) var(--m-ease), background var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease);background:linear-gradient(145deg,#5a5f66 0%,#3b4048 100%);border:1px solid #8a909926;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0006}.m-toggle input:checked+.m-toggle-track{border-color:var(--m-chrome-medium);background:#c9cdd338}.m-toggle input:checked+.m-toggle-track:after{background:linear-gradient(145deg,#f5f7fa 0%,#c9cdd3 50%,#8a9099 100%);border-color:#f5f7fa66;transform:translate(18px);box-shadow:0 1px 2px #0000004d,0 0 8px #f5f7fa26}.m-toggle:hover .m-toggle-track{border-color:var(--m-chrome-medium)}.m-toggle input:focus-visible+.m-toggle-track{box-shadow:var(--m-glow-focus)}.m-color{border-radius:var(--m-radius-sm);border:1px solid var(--m-chrome-subtle);cursor:pointer;appearance:none;width:28px;height:28px;transition:border-color var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease);outline:none;flex-shrink:0;padding:0}.m-color:hover{border-color:var(--m-chrome-medium)}.m-color:focus-visible{box-shadow:var(--m-glow-focus)}.m-hex-input{width:68px;height:28px;padding:0 var(--m-space-2);border-radius:var(--m-radius-sm);background:var(--m-surface-input);border:1px solid var(--m-chrome-subtle);color:var(--m-text-primary);font-family:var(--m-font-mono);font-size:var(--m-text-sm);font-weight:var(--m-weight-regular);text-transform:uppercase;transition:border-color var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease);outline:none}.m-hex-input:hover{border-color:var(--m-chrome-medium)}.m-hex-input:focus{border-color:#c9cdd359;box-shadow:0 0 0 1.5px #c9cdd31f,0 0 8px #c9cdd31a}.m-gradient-strip{align-items:center;gap:var(--m-space-2);display:flex}.m-gradient-bar{border:1px solid var(--m-chrome-ghost);background:linear-gradient(to right, var(--grad-a,#29f), var(--grad-b,#29f));border-radius:6px;flex:1;min-width:0;height:12px;box-shadow:inset 0 1px 2px #0000004d}.m-gradient-hex-row{justify-content:space-between;display:flex}.m-hex-input--sm{width:60px;height:22px;padding:0 var(--m-space-1);font-size:var(--m-text-xs);color:var(--m-text-muted);background:0 0;border-color:#0000}.m-hex-input--sm:hover{border-color:var(--m-chrome-subtle);background:var(--m-surface-input)}.m-hex-input--sm:focus{background:var(--m-surface-input);color:var(--m-text-primary);border-color:#c9cdd359;box-shadow:0 0 0 1.5px #c9cdd31f,0 0 8px #c9cdd31a}.m-inset-group{gap:var(--m-space-3);padding:var(--m-space-3);border-radius:var(--m-radius-md);background:var(--m-surface-base);border:1px solid var(--m-chrome-ghost);flex-direction:column;display:flex;box-shadow:inset 0 1px 4px #00000059}.m-control-row{align-items:center;gap:var(--m-space-3);min-height:28px;display:flex}.m-control-label{width:48px;font-size:var(--m-text-sm);font-weight:var(--m-weight-regular);color:var(--m-text-muted);flex-shrink:0}.m-control-value{text-align:right;width:36px;font-size:var(--m-text-sm);font-variant-numeric:tabular-nums;color:var(--m-text-ghost)}.m-scrollable{scrollbar-width:thin;scrollbar-color:#c9cdd31a transparent;overflow-y:auto}.m-scrollable::-webkit-scrollbar{width:4px}.m-scrollable::-webkit-scrollbar-track{background:0 0}.m-scrollable::-webkit-scrollbar-thumb{background:#c9cdd31a;border-radius:2px}.m-scrollable::-webkit-scrollbar-thumb:hover{background:#c9cdd333}.m-flex{display:flex}.m-flex-col{flex-direction:column;display:flex}.m-items-center{align-items:center}.m-justify-between{justify-content:space-between}.m-gap-1{gap:var(--m-space-1)}.m-gap-2{gap:var(--m-space-2)}.m-gap-3{gap:var(--m-space-3)}.m-gap-4{gap:var(--m-space-4)}.m-gap-6{gap:var(--m-space-6)}.m-gap-8{gap:var(--m-space-8)}.m-w-full{width:100%}.m-shrink-0{flex-shrink:0}.m-icon{color:var(--m-steel);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.m-icon svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.m-icon--sm svg{width:14px;height:14px}.m-icon--active{color:var(--m-pure-white);filter:drop-shadow(0 0 4px #f5f7fa40)}.m-btn:disabled,.m-input:disabled,.m-select:disabled,.m-slider:disabled,.m-color:disabled{opacity:.35;pointer-events:none;box-shadow:none;cursor:default}.m-slider-wrap:has(.m-slider:disabled){opacity:.35;pointer-events:none}.m-toggle.m-toggle--disabled{opacity:.35;pointer-events:none}.m-modal-backdrop{z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:m-fade-in var(--m-dur-normal) var(--m-ease);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes m-fade-in{0%{opacity:0}to{opacity:1}}.m-modal{z-index:9999;flex-direction:column;width:320px;max-width:90vw;display:flex}.m-modal-header{padding:var(--m-space-4);border-bottom:1px solid var(--m-chrome-ghost);justify-content:space-between;align-items:center;display:flex}.m-modal-body{padding:var(--m-space-4);gap:var(--m-space-3);flex-direction:column;display:flex}.m-modal-actions{gap:var(--m-space-3);display:flex}.m-resolution-grid{gap:var(--m-space-2);grid-template-columns:repeat(3,1fr);display:grid}.m-resolution-btn{border-radius:var(--m-radius-sm);background:var(--m-surface-input);border:1px solid var(--m-chrome-subtle);height:32px;color:var(--m-text-secondary);font-family:var(--m-font-sans);font-size:var(--m-text-sm);font-weight:var(--m-weight-semibold);letter-spacing:var(--m-tracking-wide);cursor:pointer;transition:background var(--m-dur-normal) var(--m-ease), border-color var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease);justify-content:center;align-items:center;display:inline-flex}.m-resolution-btn:hover{background:var(--m-surface-overlay);border-color:var(--m-chrome-medium)}.m-resolution-btn.active{border-color:var(--m-chrome-strong);color:var(--m-text-primary);box-shadow:var(--m-glow-active);background:#c9cdd326}.m-record-dot{vertical-align:middle;background:#ff3b3b;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #ff3b3b99}.m-btn.m-recording .m-record-dot{animation:1s ease-in-out infinite m-pulse-red}@keyframes m-pulse-red{0%,to{opacity:1;box-shadow:0 0 6px #ff3b3b99}50%{opacity:.4;box-shadow:0 0 2px #ff3b3b4d}}.m-status-text{font-family:var(--m-font-mono);font-size:var(--m-text-xs);color:var(--m-text-ghost);text-align:center;min-height:16px;line-height:16px}.m-status-text.m-status--recording{color:#ff3b3b}.m-embed-output{resize:vertical;width:100%;min-height:60px;max-height:200px;padding:var(--m-space-2) var(--m-space-3);border-radius:var(--m-radius-sm);background:var(--m-surface-base);border:1px solid var(--m-chrome-ghost);color:var(--m-text-muted);font-family:var(--m-font-mono);font-size:var(--m-text-xs);outline:none;line-height:1.4;box-shadow:inset 0 1px 4px #00000059}.m-embed-output:focus{border-color:var(--m-chrome-subtle)}.m-layer-bar{gap:var(--m-space-2);flex-wrap:wrap;padding:0;display:flex}.m-layer-btn{height:26px;padding:0 var(--m-space-3);border-radius:var(--m-radius-full);background:var(--m-surface-overlay);border:1px solid var(--m-chrome-subtle);color:var(--m-text-muted);font-family:var(--m-font-sans);font-size:11px;font-weight:var(--m-weight-semibold);letter-spacing:var(--m-tracking-wide);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--m-dur-normal) var(--m-ease), border-color var(--m-dur-normal) var(--m-ease), color var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease);align-items:center;gap:6px;display:inline-flex}.m-layer-btn:hover{border-color:var(--m-chrome-medium);color:var(--m-text-secondary);box-shadow:var(--m-glow-hover);background:#3b40484d}.m-layer-btn.active{background:var(--m-surface-overlay);border-color:var(--m-chrome-medium);color:var(--m-text-secondary);box-shadow:var(--m-glow-none)}.m-layer-btn.active:hover{border-color:var(--m-chrome-strong);color:var(--m-text-primary);box-shadow:var(--m-glow-hover)}.m-layer-dot{background:var(--m-steel);opacity:.35;width:6px;height:6px;transition:background var(--m-dur-normal) var(--m-ease), opacity var(--m-dur-normal) var(--m-ease), box-shadow var(--m-dur-normal) var(--m-ease);border-radius:50%}.m-layer-btn.active .m-layer-dot{background:var(--m-silver);opacity:1;box-shadow:0 0 6px #c9cdd380}.m-layer-panel{gap:var(--m-space-3);padding:var(--m-space-3);border-radius:var(--m-radius-md);background:var(--m-surface-base);border:1px solid var(--m-chrome-ghost);flex-direction:column;display:flex;box-shadow:inset 0 1px 4px #00000059}.m-color-picker{z-index:10000;width:212px;padding:var(--m-space-4);border-radius:var(--m-radius-lg);background:var(--m-surface-raised);border:1px solid var(--m-chrome-medium);gap:var(--m-space-3);animation:m-fade-in var(--m-dur-fast) var(--m-ease);flex-direction:column;display:flex;position:fixed;box-shadow:0 0 20px #c9cdd30a,0 8px 32px #00000080,inset 0 0 20px #c9cdd305}.m-color-picker__sv{border-radius:var(--m-radius-sm);border:1px solid var(--m-chrome-ghost);cursor:crosshair;width:180px;height:140px;display:block}.m-color-picker__hue{border:1px solid var(--m-chrome-ghost);cursor:pointer;border-radius:7px;width:180px;height:14px;display:block}.m-color-picker__footer{align-items:center;gap:var(--m-space-2);display:flex}.m-color-picker__preview{border-radius:var(--m-radius-sm);border:1px solid var(--m-chrome-subtle);flex-shrink:0;width:28px;height:28px}.m-color-picker__footer .m-hex-input{flex:1;min-width:0}body{width:100vw;height:100vh;overflow:hidden}body.live-mode #panel-window,body.live-mode #right-panel,body.live-mode #loading-overlay,body.live-mode #export-modal{display:none!important}body.live-mode #layout{padding:0;display:block}body.live-mode #viewport-window{border:none;border-radius:0;width:100vw;height:100vh;position:fixed;inset:0}#layout{gap:16px;width:100%;height:100%;padding:20px;display:flex}#panel-window{flex-shrink:0;width:340px;overflow-x:hidden}#right-panel{flex-shrink:0;width:260px;overflow-x:hidden}#right-controls{padding:var(--m-space-4);gap:var(--m-space-3);flex-direction:column;display:flex}#viewport-window{border:1px solid var(--m-chrome-medium);border-radius:var(--m-radius-lg);background:var(--m-surface-base);flex:1;position:relative;overflow:hidden;box-shadow:0 0 20px #c9cdd30a,inset 0 0 20px #c9cdd305}canvas#globe{width:100%;height:100%;display:block}#viewport-window.trimmed{box-shadow:none;background:0 0;border-color:#0000}.m-pause-btn{border:1px solid var(--m-chrome-subtle);border-radius:var(--m-radius-md);width:32px;height:32px;color:var(--m-text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#08090ca6;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;bottom:12px;left:12px}.m-pause-btn:hover{color:var(--m-text-primary);border-color:var(--m-chrome-medium);background:#1a1c22d9}.m-pause-btn.paused{color:var(--m-text-primary);border-color:var(--m-chrome-strong)}#controls{padding:var(--m-space-4);gap:var(--m-space-3);flex-direction:column;display:flex}.m-section-toggles{padding:var(--m-space-2) 0;justify-content:space-between;align-items:center;gap:var(--m-space-2);display:flex}.m-toggle-pair{cursor:pointer;align-items:center;gap:6px;display:flex}.m-toggle-pair-label{font-size:var(--m-text-sm);font-weight:var(--m-weight-regular);color:var(--m-text-muted);white-space:nowrap}.m-layer-panels{flex-direction:column;display:flex}.mode-group{gap:var(--m-space-3);flex-direction:column;display:flex}.export-row{align-items:center;gap:var(--m-space-2);display:flex}#controls .m-select,#right-controls .m-select{flex:1;min-width:0}#loading-overlay{z-index:9999;background:var(--m-surface-base);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading-overlay.loaded{opacity:0;pointer-events:none}.loading-content{align-items:center;gap:var(--m-space-4);flex-direction:column;display:flex}.loading-spinner{border:2px solid var(--m-chrome-subtle);border-top-color:var(--m-silver);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--m-font-sans);font-size:var(--m-text-sm);color:var(--m-text-muted);letter-spacing:.04em}