:root{--mica-bg:#202020;--mica-halo-1:rgba(96,205,255,.06);--mica-halo-2:rgba(138,100,255,.05);--layer-bg:rgba(39,39,39,.65);--acrylic-bg:rgba(44,44,44,.75);--card-bg:#2b2b2b;--card-bg-hover:#323232;--card-expanded-body:#252525;--control-bg:hsla(0,0%,100%,.061);--control-bg-hover:hsla(0,0%,100%,.084);--control-bg-active:hsla(0,0%,100%,.033);--surface-stroke:hsla(0,0%,100%,.08);--card-stroke:hsla(0,0%,100%,.06);--control-bottom-stroke:hsla(0,0%,100%,.14);--divider-stroke:hsla(0,0%,100%,.06);--fluent-shadow:0 2px 4px rgba(0,0,0,.04),0 0 2px rgba(0,0,0,.06);--fluent-flyout-shadow:0 8px 16px rgba(0,0,0,.28),0 0 2px rgba(0,0,0,.16);--fluent-accent:#60cdff;--fluent-accent-hover:#4cc2ff;--fluent-accent-text:#000;--fluent-accent-subtle:rgba(96,205,255,.12);--status-success:#6ccb5f;--status-success-bg:rgba(108,203,95,.12);--status-caution:#fce100;--status-caution-bg:rgba(252,225,0,.12);--status-critical:#ff99a4;--status-critical-bg:rgba(255,153,164,.12);--text-primary:#fff;--text-body:#e5e5e5;--text-caption:#a3a3a3;--text-disabled:#737373;--radius-card:8px;--radius-control:4px;--font-ui:"Segoe UI Variable Text","Segoe UI Variable Display","Segoe UI","Plus Jakarta Sans",-apple-system,sans-serif;--font-mono:"Cascadia Code","JetBrains Mono",Consolas,monospace}[data-theme=light]{--mica-bg:#f3f3f3;--mica-halo-1:rgba(0,103,192,.05);--mica-halo-2:rgba(96,205,255,.06);--layer-bg:hsla(0,0%,98%,.75);--acrylic-bg:hsla(0,0%,100%,.7);--card-bg:hsla(0,0%,100%,.8);--card-bg-hover:hsla(0,0%,100%,.95);--card-expanded-body:hsla(0,0%,98%,.85);--control-bg:hsla(0,0%,100%,.7);--control-bg-hover:hsla(0,0%,98%,.85);--control-bg-active:hsla(0,0%,94%,.7);--surface-stroke:rgba(0,0,0,.06);--card-stroke:rgba(0,0,0,.05);--control-bottom-stroke:rgba(0,0,0,.16);--divider-stroke:rgba(0,0,0,.06);--fluent-shadow:0 2px 4px rgba(0,0,0,.04),0 0 2px rgba(0,0,0,.06);--fluent-flyout-shadow:0 8px 16px rgba(0,0,0,.14),0 0 2px rgba(0,0,0,.08);--fluent-accent:#0067c0;--fluent-accent-hover:#005ba1;--fluent-accent-text:#fff;--fluent-accent-subtle:rgba(0,103,192,.08);--status-success:#0f7b0f;--status-success-bg:rgba(15,123,15,.1);--status-caution:#9d5d00;--status-caution-bg:rgba(157,93,0,.1);--status-critical:#c42b1c;--status-critical-bg:rgba(196,43,28,.1);--text-primary:#1a1a1a;--text-body:#404040;--text-caption:#737373;--text-disabled:#a3a3a3}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--mica-bg);background-image:radial-gradient(circle at 12% 8%,var(--mica-halo-1) 0,transparent 45%),radial-gradient(circle at 88% 85%,var(--mica-halo-2) 0,transparent 50%);background-attachment:fixed;color:var(--text-body);font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:20px;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.fluent-title{font-size:20px;line-height:28px}.fluent-subtitle,.fluent-title{font-weight:600;color:var(--text-primary)}.fluent-subtitle{font-size:14px;line-height:20px}.fluent-body{font-size:13px;font-weight:400;line-height:20px;color:var(--text-body)}.fluent-caption{font-size:12px;font-weight:400;line-height:16px;color:var(--text-caption)}.fluent-mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fluent-window-shell{display:flex;flex-direction:column;min-height:100vh}.fluent-titlebar{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.titlebar-left{display:flex;align-items:center;gap:10px}.titlebar-brand-group{display:inline-flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:var(--radius-card);cursor:pointer;transition:background-color .15s ease,transform .18s cubic-bezier(.16,1,.3,1)}.titlebar-brand-group:hover{background:var(--control-bg);transform:scale(1.04)}.titlebar-app-icon{width:32px;height:32px;border-radius:6px;background:var(--fluent-accent);color:var(--fluent-accent-text);display:flex;align-items:center;justify-content:center;box-shadow:var(--fluent-shadow);transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease;position:relative;overflow:hidden}.titlebar-brand-group:hover .titlebar-app-icon{transform:scale(1.1);background:var(--fluent-accent-hover)}.titlebar-brand-group:active .titlebar-app-icon{transform:scale(.95)}.brand-eye-svg{width:20px;height:20px;display:block;transition:transform .18s cubic-bezier(.16,1,.3,1)}.titlebar-brand-group:hover .brand-eye-svg{transform:scale(1.08)}.brand-eye-closed,.brand-eye-open{transform-origin:center}.titlebar-app-name{font-family:Bricolage Grotesque,Outfit,sans-serif;font-size:18.5px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);display:inline-flex;align-items:baseline;line-height:1}.titlebar-app-name .brand-accent-part{color:var(--fluent-accent);font-weight:800;margin-left:1px}.sample-card-thumb{width:56px;height:44px;border-radius:var(--radius-control);object-fit:cover;border:1px solid var(--surface-stroke);background:#141414;flex-shrink:0;box-shadow:var(--fluent-shadow)}.nav-sample-thumb{width:22px;height:22px;border-radius:4px;object-fit:cover;border:1px solid var(--surface-stroke);flex-shrink:0}.titlebar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fluent-shell-body{display:flex;flex:1 1;min-height:calc(100vh - 48px)}.fluent-nav-pane{width:260px;padding:4px 8px 16px 12px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}@media (max-width:960px){.fluent-shell-body{flex-direction:column}.fluent-nav-pane{width:100%;padding:8px 12px}}.nav-pane-section{display:flex;flex-direction:column;gap:2px}.nav-pane-header{padding:8px 12px 4px;font-size:12px;font-weight:600;color:var(--text-caption)}.fluent-nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border-radius:var(--radius-control);background:transparent;border:1px solid transparent;color:var(--text-body);font-family:var(--font-ui);font-size:13px;font-weight:400;cursor:pointer;text-align:left;transition:background-color .12s ease}.fluent-nav-item:hover{background:var(--control-bg)}.fluent-nav-item.active{background:var(--control-bg-hover);font-weight:600;color:var(--text-primary)}.fluent-pill-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:9999px;background-color:var(--fluent-accent)}.nav-item-icon{width:18px;text-align:center;font-size:14px;color:var(--text-primary)}.nav-item-badge{margin-left:auto;font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:var(--radius-control);background:var(--fluent-accent-subtle);color:var(--fluent-accent);border:1px solid var(--surface-stroke)}.fluent-content-layer{flex:1 1;background:var(--layer-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--surface-stroke);border-left:1px solid var(--surface-stroke);border-top-left-radius:var(--radius-card);padding:28px 36px 40px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}@media (max-width:960px){.fluent-content-layer{border-left:none;border-top-left-radius:0;padding:20px 16px}}.fluent-page-container{max-width:1080px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.fluent-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.fluent-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-radius:var(--radius-control);background:var(--control-bg);border:1px solid var(--surface-stroke);border-bottom-color:var(--control-bottom-stroke);box-shadow:var(--fluent-shadow);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:18px;cursor:pointer;text-decoration:none;transition:background-color .1s ease,border-color .1s ease;white-space:nowrap}.fluent-btn:hover:not(:disabled){background:var(--control-bg-hover)}.fluent-btn:active:not(:disabled){background:var(--control-bg-active);border-bottom-color:var(--surface-stroke);color:var(--text-caption)}.fluent-btn:disabled{opacity:.45;cursor:not-allowed}.fluent-btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;border-radius:var(--radius-control);background:var(--fluent-accent);border:1px solid hsla(0,0%,100%,.08);border-bottom-color:rgba(0,0,0,.25);box-shadow:var(--fluent-shadow);color:var(--fluent-accent-text);font-family:var(--font-ui);font-size:13px;font-weight:600;line-height:18px;cursor:pointer;text-decoration:none;transition:background-color .1s ease;white-space:nowrap}.fluent-btn-accent:hover:not(:disabled){background:var(--fluent-accent-hover)}.fluent-input,.fluent-select{background:var(--control-bg);border-bottom:1px solid var(--surface-stroke);border:1px solid var(--surface-stroke);border-bottom-color:var(--control-bottom-stroke);border-radius:var(--radius-control);padding:6px 10px;color:var(--text-primary);font-family:var(--font-ui);font-size:13px;line-height:18px;outline:none;transition:border-color .12s ease,background-color .12s ease}.fluent-input:focus,.fluent-select:focus{background:var(--card-bg);border-bottom:2px solid var(--fluent-accent);padding-bottom:5px}.fluent-input::placeholder{color:var(--text-caption)}.fluent-pivot-bar{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--divider-stroke);padding-bottom:2px;flex-wrap:wrap}.fluent-pivot-tab{position:relative;background:transparent;border:none;border-radius:var(--radius-control);padding:7px 12px 9px;color:var(--text-caption);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .12s ease,background-color .12s ease}.fluent-pivot-tab:hover{background:var(--control-bg)}.fluent-pivot-tab.active,.fluent-pivot-tab:hover{color:var(--text-primary)}.fluent-pivot-tab.active:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;border-radius:9999px;background-color:var(--fluent-accent)}.fluent-acrylic-panel{background:var(--acrylic-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--surface-stroke);border-radius:var(--radius-card);box-shadow:var(--fluent-shadow)}.fluent-dropzone{background:var(--card-bg);border:1px dashed var(--control-bottom-stroke);border-radius:var(--radius-card);box-shadow:var(--fluent-shadow);padding:40px 24px;text-align:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.fluent-dropzone.is-dragover,.fluent-dropzone:hover{background:var(--card-bg-hover);border-color:var(--fluent-accent)}.dropzone-fluent-icon{width:48px;height:48px;border-radius:var(--radius-card);background:var(--fluent-accent-subtle);border:1px solid var(--surface-stroke);color:var(--fluent-accent);display:flex;align-items:center;justify-content:center;font-size:20px}.fluent-setting-card{background:var(--card-bg);border:1px solid var(--card-stroke);border-radius:var(--radius-card);box-shadow:var(--fluent-shadow);margin-bottom:8px;overflow:hidden;transition:background-color .12s ease}.fluent-setting-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:16px}.fluent-setting-header.is-clickable{cursor:pointer}.fluent-setting-header.is-clickable:hover{background:var(--card-bg-hover)}.setting-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1}.setting-icon-box{width:36px;height:36px;border-radius:var(--radius-control);background:var(--control-bg);border:1px solid var(--surface-stroke);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--fluent-accent);flex-shrink:0}.setting-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.setting-title-text{font-size:14px;font-weight:600;line-height:20px;color:var(--text-primary)}.setting-subtitle-text{font-size:12px;line-height:16px;color:var(--text-caption)}.setting-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.fluent-expander-body{background:var(--card-expanded-body);border-top:1px solid var(--divider-stroke);padding:4px 0}.fluent-kv-row{display:flex;align-items:center;justify-content:space-between;padding:9px 16px 9px 66px;border-bottom:1px solid var(--divider-stroke);gap:16px;transition:background-color .1s ease}@media (max-width:640px){.fluent-kv-row{padding-left:16px}}.fluent-kv-row:last-child{border-bottom:none}.fluent-kv-row:hover{background:var(--control-bg)}.fluent-kv-key{font-size:13px;color:var(--text-body)}.fluent-kv-right{display:flex;align-items:center;gap:10px;min-width:0}.fluent-kv-val{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--text-primary);text-align:right;word-break:break-all}.fluent-status-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-control);border:1px solid var(--surface-stroke);background:var(--control-bg);color:var(--text-primary);display:inline-flex;align-items:center;gap:5px}.fluent-status-badge.status-success{background:var(--status-success-bg);color:var(--status-success)}.fluent-status-badge.status-caution{background:var(--status-caution-bg);color:var(--status-caution)}.fluent-status-badge.status-critical{background:var(--status-critical-bg);color:var(--status-critical)}.fluent-hero-summary-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:var(--acrylic-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--surface-stroke);border-radius:var(--radius-card);box-shadow:var(--fluent-shadow);flex-wrap:wrap}.hero-summary-left{display:flex;align-items:center;gap:16px}.hero-thumbnail-preview{width:84px;height:84px;border-radius:var(--radius-card);border:1px solid var(--surface-stroke);background:#141414;object-fit:cover;cursor:pointer;box-shadow:var(--fluent-shadow)}.fluent-code-block{margin:10px 16px 12px 66px;padding:12px 14px;background:var(--mica-bg);border:1px solid var(--surface-stroke);border-radius:var(--radius-control);font-family:var(--font-mono);font-size:12px;line-height:1.55;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}@media (max-width:640px){.fluent-code-block{margin-left:16px}}.fluent-map-frame{margin:10px 16px 14px 66px;height:220px;border-radius:var(--radius-card);border:1px solid var(--surface-stroke);overflow:hidden}@media (max-width:640px){.fluent-map-frame{margin-left:16px}}.fluent-map-frame iframe{width:100%;height:100%;border:none}.fluent-dialog-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:24px}.fluent-dialog-window{max-width:1180px;height:86vh}.fluent-dialog-small,.fluent-dialog-window{width:100%;background:var(--acrylic-bg);backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);border:1px solid var(--surface-stroke);border-radius:var(--radius-card);box-shadow:var(--fluent-flyout-shadow);display:flex;flex-direction:column;overflow:hidden}.fluent-dialog-small{max-width:640px}.fluent-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--divider-stroke);gap:12px}.fluent-dialog-stage{flex:1 1;background:var(--mica-bg);overflow:auto;display:flex;padding:20px}.fluent-dialog-stage.stage-centered{align-items:center;justify-content:center}.fluent-dialog-stage.stage-scrollable{align-items:flex-start;justify-content:flex-start}.fluent-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--divider-stroke);background:var(--card-bg)}.fluent-toast{position:fixed;bottom:20px;right:20px;background:var(--acrylic-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--surface-stroke);border-radius:var(--radius-card);box-shadow:var(--fluent-flyout-shadow);padding:10px 16px;color:var(--text-primary);font-size:13px;display:flex;align-items:center;gap:10px;z-index:10000}