:root{--bg-base: #090e15;--bg-surface: rgba(18, 27, 38, .78);--bg-surface-elevated: rgba(22, 33, 46, .88);--bg-surface-hover: rgba(28, 41, 56, .92);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-accent: rgba(56, 189, 248, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-contrast-subtle: #cbd5e1;--accent-blue: #2481cc;--accent-blue-hover: #2aabee;--accent-blue-active: #1d69a6;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-cyan: #38bdf8;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--control-xs: 24px;--control-sm: 28px;--control-tab: 32px;--control-md: 36px;--control-lg: 44px;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 20px;--icon-xl: 24px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--z-base: 1;--z-header: 50;--z-dropdown: 100;--z-modal: 1000;--z-toast: 1100;--shadow-card: 0 10px 30px rgba(0, 0, 0, .28);--shadow-card-hover: 0 14px 40px rgba(0, 0, 0, .36);--shadow-header: 0 4px 20px rgba(0, 0, 0, .25);--shadow-dropdown: 0 20px 48px rgba(0, 0, 0, .65);--shadow-modal: 0 28px 64px rgba(0, 0, 0, .75);--shadow-toast: 0 8px 30px rgba(0, 0, 0, .5);--glass-specular: inset 0 1px 0 rgba(255, 255, 255, .1);--glass-specular-strong: inset 0 1px 0 rgba(255, 255, 255, .15);--menu-width-sm: 200px;--menu-width-md: 240px;--menu-width-lg: 280px;--menu-width-xl: 320px;--ease-spring: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .25s;--header-height: 56px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);background-image:radial-gradient(circle at 12% 15%,rgba(36,129,204,.14) 0%,transparent 45%),radial-gradient(circle at 88% 80%,rgba(56,189,248,.1) 0%,transparent 50%),radial-gradient(circle at 50% 40%,rgba(16,185,129,.04) 0%,transparent 60%);background-attachment:fixed;background-repeat:no-repeat;color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}#app-root{display:flex;flex-direction:column;min-height:100vh}.app-header{height:var(--header-height);padding:0 var(--space-5);background:#0c131ce0;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-header);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-header);gap:var(--space-4)}.header-left{display:flex;align-items:center;min-width:44px}.logo-menu-container{position:relative;display:flex;align-items:center}.brand-logo-btn{position:relative;width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);background:linear-gradient(135deg,#2aabee,#2481cc);display:flex;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 10px #2481cc40;transition:all var(--duration-normal) var(--ease-spring);outline:none}.brand-logo-btn svg{width:var(--icon-lg);height:var(--icon-lg)}.brand-logo-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px #2481cc66}.brand-logo-btn:active,.brand-logo-btn[aria-expanded=true]{transform:scale(.96);background:linear-gradient(135deg,#1d69a6,#2481cc)}.status-dot-subtle{position:absolute;top:1px;right:1px;width:var(--space-2);height:var(--space-2);border-radius:50%;background-color:var(--accent-emerald);border:1.5px solid #17212b}.status-dot-subtle.pulse{box-shadow:0 0 #10b981b3;animation:pulse-ring 1.8s infinite cubic-bezier(.66,0,0,1)}.logo-dropdown{position:absolute;top:calc(100% + var(--space-3));left:0;width:var(--menu-width-xl);background:#0f1722f0;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);box-shadow:var(--shadow-dropdown),var(--glass-specular-strong);padding:var(--space-2);display:none;flex-direction:column;z-index:var(--z-dropdown);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);animation:dropdownFadeIn var(--duration-normal) var(--ease-spring) forwards}.logo-dropdown.open{display:flex}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:var(--space-0-5) var(--space-0-5) var(--space-1);display:flex;flex-direction:column}.dropdown-header platform-slot{display:block;width:100%}.dropdown-title{font-size:var(--text-base);font-weight:700;color:#fff}.dropdown-divider{height:1px;background:#ffffff14;margin:var(--space-1-5) 0}.dropdown-section-title{font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding:var(--space-1) var(--space-2-5) var(--space-0-5)}.dropdown-group{display:flex;flex-direction:column;gap:var(--space-0-5)}.dropdown-item{display:flex;align-items:center;gap:var(--space-2-5);width:100%;min-height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease;text-align:left}.dropdown-item svg{width:var(--icon-md);height:var(--icon-md);color:#7e8b99;flex-shrink:0;transition:color var(--duration-fast) ease}.dropdown-item:hover{background:#2481cc2e;color:#fff}.dropdown-item:hover svg{color:#2aabee}.dropdown-item.active{background:#2481cc40;color:#38bdf8;font-weight:600}.dropdown-item.active svg{color:#38bdf8}.dropdown-footer{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-2xs);color:var(--text-muted);border-top:1px solid rgba(255,255,255,.05);margin-top:var(--space-1)}@keyframes pulse-ring{to{box-shadow:0 0 0 8px #10b98100}}.header-tabs{display:flex;align-items:center;gap:var(--space-0-5);background:#080e1699;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);height:40px;padding:var(--space-1);border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;flex-shrink:1}.header-tabs::-webkit-scrollbar{display:none}.header-tab{display:flex;align-items:center;gap:var(--space-1-5);height:var(--control-tab);padding:0 var(--space-4);border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);white-space:nowrap;flex-shrink:0}.header-tab:hover{color:#fff;background:#ffffff12}.header-tab.active{color:#fff;background:#2481cce0;box-shadow:0 4px 14px #2481cc59;font-weight:600}.header-tab svg{width:var(--icon-sm);height:var(--icon-sm);transition:transform var(--duration-normal) ease}.header-right{display:flex;align-items:center;gap:var(--space-3);min-width:140px;justify-content:flex-end;flex-shrink:0}.header-toggle-container{position:relative}.header-toggle-dropdown{position:absolute;top:calc(100% + var(--space-2-5));right:0;width:var(--menu-width-md);background:#0f1722f0;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown),var(--glass-specular-strong);padding:var(--space-2);display:none;flex-direction:column;z-index:var(--z-dropdown);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);animation:dropdownFadeIn var(--duration-normal) var(--ease-spring) forwards}.header-toggle-dropdown.open{display:flex}.app-layout{display:flex;flex-direction:column;flex:1;width:100%}.app-viewport{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px 28px}.view-container{display:none}.view-container.active{display:block;animation:fadeInView .22s var(--ease-spring) forwards}@keyframes fadeInView{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.view-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.view-subtitle{font-size:.8rem;color:var(--text-secondary)}.puzzle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);grid-auto-rows:minmax(280px,auto);width:100%}.puzzle-tile{position:relative;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) ease;display:flex;flex-direction:column}.puzzle-tile.tile-size-1x1{grid-column:span 1}.puzzle-tile.tile-size-2x1{grid-column:span 2}.puzzle-tile.tile-size-full{grid-column:1 / -1}.puzzle-tile.is-dragging{opacity:.35;transform:scale(.97);border:1px dashed var(--accent-blue)}.puzzle-tile.is-drop-target{outline:2px dashed #2481cc;outline-offset:4px;transform:translateY(-2px);box-shadow:0 8px 30px #2481cc40}.tile-controls{display:flex;align-items:center;gap:var(--space-1)}.tile-control-btn,.tile-size-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:var(--radius-xs);height:var(--control-xs);padding:0 var(--space-1-5);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);font-family:var(--font-mono);font-weight:500;transition:all var(--duration-fast) ease}.tile-control-btn:hover,.tile-size-btn:hover{background:#ffffff0d;color:var(--text-primary)}.tile-drag-handle{background:transparent;border:none;color:var(--text-muted);opacity:.35;cursor:grab;height:var(--control-xs);padding:0 var(--space-1);border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;transition:opacity var(--duration-fast) ease,color var(--duration-fast) ease}.tile-drag-handle svg{width:var(--icon-sm);height:var(--icon-sm)}.puzzle-tile:hover .tile-drag-handle{opacity:.75}.tile-drag-handle:active{cursor:grabbing}.tile-drag-handle:hover{opacity:1;color:var(--text-primary)}.kebab-container{position:relative;display:inline-flex;align-items:center}.btn-kebab,#btn-plugins-tile-add,#btn-refresh-storage{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) ease;padding:0}.btn-kebab svg,#btn-plugins-tile-add svg,#btn-refresh-storage svg{width:var(--icon-sm);height:var(--icon-sm)}.btn-kebab:hover,.btn-kebab[aria-expanded=true],#btn-plugins-tile-add:hover,#btn-refresh-storage:hover{background:#ffffff12;color:var(--text-primary)}.kebab-dropdown{position:absolute;top:calc(100% + var(--space-1-5));right:0;min-width:var(--menu-width-sm);background:#0f1722f0;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown),var(--glass-specular-strong);padding:var(--space-1-5);display:none;flex-direction:column;z-index:var(--z-dropdown);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);animation:dropdownFadeIn var(--duration-fast) var(--ease-spring) forwards}.kebab-dropdown.open{display:flex}.kebab-item{display:flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-2-5);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;text-align:left;cursor:pointer;transition:all var(--duration-fast) ease;width:100%}.kebab-item:hover{background:#2481cc2e;color:#fff}.kebab-item svg{width:var(--icon-sm);height:var(--icon-sm);color:#7e8b99;flex-shrink:0;transition:color var(--duration-fast) ease}.kebab-item:hover svg{color:#2aabee}.kebab-item.danger{color:var(--accent-rose)}.kebab-item.danger:hover{background:#f43f5e26;color:#fb7185}.kebab-item.danger svg{color:var(--accent-rose)}.kebab-divider{height:1px;background:#ffffff0f;margin:var(--space-1) 0}.kebab-header{padding:var(--space-1) var(--space-2-5) var(--space-1-5);font-size:var(--text-2xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.glass-card{background:#121b26c7;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-xl);padding:var(--space-5);min-height:280px;box-shadow:var(--shadow-card),var(--glass-specular);transition:transform var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) ease,background var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.glass-card:hover{background:#16212ee0;border-color:#38bdf859;box-shadow:var(--shadow-card-hover),var(--glass-specular-strong)}.card-header{display:flex;align-items:center;justify-content:space-between;height:var(--control-md);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.04)}.card-title-group{display:flex;align-items:center;gap:var(--space-2)}.card-icon{width:var(--icon-md);height:var(--icon-md);background:transparent;border:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--duration-fast) ease}.glass-card:hover .card-icon{background:transparent;border:none;color:var(--text-primary);box-shadow:none}.card-title{font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;height:var(--control-xs);font-size:var(--text-2xs);font-weight:600;padding:0 var(--space-2);border-radius:var(--radius-pill);background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge.healthy{background:#10b98126;color:#34d399;border-color:#10b9814d}.btn{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) ease,box-shadow var(--duration-fast) ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-blue);color:#fff;box-shadow:0 2px 8px #2481cc4d}.btn-primary:hover{background:var(--accent-blue-hover);box-shadow:0 4px 16px #3b82f673}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-strong)}.btn-sm{height:var(--control-sm);padding:0 var(--space-2-5);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-danger{background:#f43f5e26;color:#fb7185;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e40}.btn-icon{display:inline-flex;align-items:center;gap:var(--space-1-5)}.btn-icon svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0;transition:transform var(--duration-fast) ease}.btn-icon:hover svg{transform:translateY(-.5px)}.plugins-list{display:flex;flex-direction:column;gap:var(--space-3)}.plugin-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:#ffffff06;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-2);transition:all var(--duration-normal) var(--ease-spring)}.plugin-card:hover{background:#ffffff0d;border-color:#ffffff29;transform:translateY(-1px)}.plugin-card-top{display:flex;align-items:center;justify-content:space-between}.plugin-name{font-size:var(--text-base);font-weight:600}.plugin-version{font-size:var(--text-2xs);color:var(--text-muted);margin-left:var(--space-1-5);font-family:var(--font-mono)}.plugin-desc{font-size:var(--text-xs);color:var(--text-secondary)}.plugin-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.telemetry-card{display:flex;flex-direction:column}.event-feed{height:270px;overflow-y:auto;font-family:var(--font-mono);font-size:var(--text-xs);display:flex;flex-direction:column;gap:var(--space-0-5);padding:var(--space-1-5);background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.event-item{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:transparent;border-left:2px solid rgba(255,255,255,.08);display:flex;align-items:baseline;gap:var(--space-2);animation:fadeIn var(--duration-fast) ease;transition:background var(--duration-fast) ease}.event-item:hover{background:#ffffff08}.event-item.user-click{border-left-color:var(--accent-emerald)}.event-item.system{border-left-color:var(--accent-blue)}.event-item.media{border-left-color:var(--accent-cyan)}.event-time{color:var(--text-muted);font-size:var(--text-2xs);white-space:nowrap}.event-type{font-weight:600;color:#93c5fd}.event-data{color:var(--text-secondary);word-break:break-all}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.storage-content{font-family:var(--font-mono);font-size:var(--text-sm);background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-3);min-height:120px;border:1px solid rgba(255,255,255,.05)}.storage-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1-5) 0;border-bottom:1px solid rgba(255,255,255,.04)}.storage-key{color:var(--text-contrast-subtle)}.storage-val{color:var(--accent-emerald);font-weight:600}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.media-card{background:#121b26c7;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card),var(--glass-specular);transition:all var(--duration-normal) var(--ease-spring)}.media-card:hover{transform:translateY(-2px);background:#16212ee0;border-color:#38bdf859;box-shadow:var(--shadow-card-hover),var(--glass-specular-strong)}.media-preview{height:120px;background:#05080f;display:flex;align-items:center;justify-content:center;color:#38bdf8;border-bottom:1px solid var(--border-subtle)}.media-meta{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.media-title{font-size:var(--text-base);font-weight:600}.media-sub{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-2xs);color:var(--text-secondary)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.audit-table{width:100%;min-width:600px;border-collapse:collapse;font-size:var(--text-sm);text-align:left}.audit-table th{padding:var(--space-3) var(--space-3-5);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.audit-table td{padding:var(--space-3) var(--space-3-5);border-bottom:1px solid rgba(255,255,255,.04)}.cap-chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-2xs);height:var(--control-xs);padding:0 var(--space-2);border-radius:var(--radius-pill);background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.2);margin:var(--space-0-5)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2-5) 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:var(--text-base)}.form-select{height:38px;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);padding:0 var(--space-2-5);font-family:var(--font-sans);font-size:var(--text-sm)}.full-width{grid-column:1 / -1}.settings-desc{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-4)}.settings-subtext{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-0-5)}.settings-btn-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.settings-history-section{margin-top:var(--space-4);padding-top:var(--space-3-5);border-top:1px solid rgba(255,255,255,.06)}.settings-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.settings-history-list{display:flex;flex-direction:column;gap:var(--space-1-5);max-height:160px;overflow-y:auto;padding-right:var(--space-1)}.history-empty{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;padding:var(--space-2) 0;text-align:center}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1-5) var(--space-2-5);background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);font-size:var(--text-xs);transition:border-color var(--duration-fast) ease}.history-item:hover{border-color:var(--border-accent)}.history-item-left{display:flex;align-items:center;gap:var(--space-2)}.history-item-time{font-family:var(--font-mono);color:var(--text-muted);font-size:var(--text-2xs)}.history-item-name{font-weight:500;color:var(--text-primary)}.puzzle-grid.drag-locked .tile-drag-handle{opacity:.25;cursor:not-allowed;pointer-events:none}.settings-plugins-list{display:flex;flex-direction:column;gap:var(--space-3)}.settings-plugin-card{background:#121b26c7;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);box-shadow:0 6px 20px #00000040,var(--glass-specular);padding:var(--space-3-5) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:all var(--duration-normal) ease}.settings-plugin-card:hover{background:#16212ee0;border-color:#38bdf859;box-shadow:0 8px 24px #00000052,var(--glass-specular-strong)}.settings-plugin-card.is-disabled{opacity:.6;border-style:dashed}.settings-plugin-info{display:flex;flex-direction:column;gap:var(--space-1)}.settings-plugin-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.settings-plugin-version{font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--text-muted)}.settings-plugin-desc{font-size:var(--text-xs);color:var(--text-secondary)}.settings-plugin-caps{display:flex;flex-wrap:wrap;gap:var(--space-1-5);margin-top:var(--space-1)}.cap-tag{display:inline-flex;align-items:center;font-size:var(--text-2xs);font-family:var(--font-mono);background:#ffffff0d;border:1px solid var(--border-subtle);height:var(--control-xs);padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--text-secondary)}.settings-plugin-action{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-plugin-launch{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;border-radius:999px;background:#2481cc26;color:#38bdf8;border:1px solid rgba(56,189,248,.25);cursor:pointer;transition:all .15s ease}.btn-plugin-launch:hover{background:#2481cc4d;border-color:#38bdf8;color:#fff}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff26;transition:.2s var(--ease-spring);border-radius:24px;border:1px solid rgba(255,255,255,.1)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.2s var(--ease-spring);border-radius:50%;box-shadow:0 1px 4px #0006}input:checked+.slider{background-color:#2481cc;border-color:#2481cc}input:checked+.slider:before{transform:translate(20px)}.platform-toast{position:fixed;bottom:24px;right:24px;background:#17212b;border:1px solid rgba(36,129,204,.5);color:#fff;padding:10px 18px;border-radius:10px;box-shadow:0 8px 30px #00000080,0 0 15px #2481cc40;font-size:.85rem;font-weight:500;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s var(--ease-spring),transform .25s var(--ease-spring);z-index:1000}.platform-toast.visible{opacity:1;transform:translateY(0)}body.inspect-slots platform-slot{outline:2px dashed var(--accent-cyan)!important;outline-offset:4px;position:relative;display:block;background:#38bdf80a;border-radius:4px;animation:pulse-border 2s infinite ease-in-out}@keyframes pulse-border{0%,to{outline-color:#38bdf8cc}50%{outline-color:#38bdf84d}}.slot-body{min-height:80px;padding:8px 0}.app-footer{padding:12px 20px;border-top:1px solid var(--border-subtle);background:#090e18;font-size:.75rem;color:var(--text-secondary)}.footer-stats{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.divider{color:var(--text-muted)}.header-active-view-pill{display:flex;align-items:center;gap:var(--space-1-5);height:var(--control-sm);padding:0 var(--space-3);background:#2481cc2e;border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;color:#38bdf8;margin-left:var(--space-2-5);animation:fadeIn var(--duration-fast) ease forwards}.header-active-view-pill .pill-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 6px #38bdf8b3}.tabs-add-container{position:relative;display:flex;align-items:center}.header-tab-add{display:flex;align-items:center;justify-content:center;width:var(--control-tab);height:var(--control-tab);border-radius:var(--radius-pill);border:1px dashed rgba(255,255,255,.25);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);margin-left:var(--space-0-5)}.header-tab-add svg{width:var(--icon-sm);height:var(--icon-sm)}.header-tab-add:hover{color:#fff;background:#2481cc40;border-color:#38bdf8;transform:scale(1.06)}.header-tab-add:active{transform:scale(.95)}.apps-launcher-dropdown{position:absolute;top:calc(100% + var(--space-2-5));left:0;width:var(--menu-width-lg);background:#0f1722f0;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown),var(--glass-specular-strong);padding:var(--space-2);display:none;flex-direction:column;z-index:var(--z-dropdown);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);animation:dropdownFadeIn var(--duration-normal) var(--ease-spring) forwards}.apps-launcher-dropdown.open{display:flex}.launcher-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-2) var(--space-1-5);font-size:var(--text-2xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.launcher-list{display:flex;flex-direction:column;gap:var(--space-0-5)}.launcher-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-md);border:1px solid transparent;background:#ffffff05;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) ease;text-align:left;width:100%}.launcher-item:hover{background:#2481cc33;border-color:#38bdf859;transform:translateY(-1px)}.launcher-item-icon{width:var(--control-tab);height:var(--control-tab);border-radius:var(--radius-sm);background:#2481cc2e;color:#38bdf8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.launcher-item-icon svg{width:var(--icon-md);height:var(--icon-md)}.launcher-item-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.launcher-item-title{font-size:var(--text-sm);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.launcher-item-sub{font-size:var(--text-2xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.launcher-status-dot{width:var(--space-2);height:var(--space-2);border-radius:50%;flex-shrink:0}.launcher-status-dot.online{background:var(--accent-emerald);box-shadow:0 0 6px #10b98180}.launcher-status-dot.offline{background:var(--text-muted)}.launcher-footer-action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease;width:100%;text-align:left}.launcher-footer-action svg{width:var(--icon-sm);height:var(--icon-sm)}.launcher-footer-action:hover{color:#38bdf8;background:#ffffff0d}.btn-plugin-open{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--control-sm);padding:0 var(--space-2-5);font-size:var(--text-xs);font-weight:600;color:#38bdf8;background:#2481cc2e;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast) ease}.btn-plugin-open:hover{background:#2481cc59;border-color:#38bdf899;color:#fff;transform:scale(1.03)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) ease,visibility var(--duration-normal) ease}.modal-backdrop.open{opacity:1;visibility:visible}.modal-dialog{width:480px;max-width:92vw;background:#0f1722f5;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal),var(--glass-specular-strong);backdrop-filter:blur(32px) saturate(190%);-webkit-backdrop-filter:blur(32px) saturate(190%);display:flex;flex-direction:column;overflow:hidden;transform:scale(.95) translateY(8px);transition:transform var(--duration-slow) var(--ease-spring)}.modal-backdrop.open .modal-dialog{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(255,255,255,.08)}.modal-title-group{display:flex;align-items:center;gap:var(--space-3)}.modal-title{font-size:var(--text-lg);font-weight:700;color:#fff;margin:0}.modal-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin:var(--space-0-5) 0 0}.modal-close-btn{width:var(--control-tab);height:var(--control-tab);border-radius:var(--radius-pill);border:none;background:#ffffff0d;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) ease}.modal-close-btn svg{width:var(--icon-sm);height:var(--icon-sm)}.modal-close-btn:hover{background:#f43f5e33;color:var(--accent-rose)}.modal-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.profile-preview-card{display:flex;align-items:center;gap:var(--space-3-5);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#2481cc26,#ffffff08);border:1px solid rgba(36,129,204,.25);border-radius:var(--radius-lg)}.profile-preview-avatar{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-pill);background:linear-gradient(135deg,#2aabee,#2481cc);color:#fff;font-weight:700;font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2481cc66;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.profile-preview-details{display:flex;flex-direction:column;gap:var(--space-1)}.profile-preview-name{margin:0;font-size:var(--text-md);font-weight:600;color:#fff}.profile-preview-role-row{display:flex;align-items:center;gap:var(--space-1-5)}.badge-system-role{display:inline-flex;align-items:center;height:var(--control-xs);font-size:var(--text-2xs);font-weight:600;padding:0 var(--space-2);border-radius:var(--radius-pill);background:#2481cc33;color:#38bdf8;border:1px solid rgba(56,189,248,.25);text-transform:uppercase;letter-spacing:.05em}.profile-form{display:flex;flex-direction:column;gap:var(--space-3-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.form-label{font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.form-input{height:38px;padding:0 var(--space-3);background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);font-size:var(--text-base);transition:all var(--duration-fast) ease}.form-input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf840}.form-help{font-size:var(--text-2xs);color:var(--text-muted)}.profile-minimal-header{display:flex;align-items:center;gap:var(--space-3-5);padding:var(--space-3) var(--space-3-5);background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg)}.profile-minimal-meta{display:flex;flex-direction:column;gap:var(--space-0-5)}.profile-minimal-title{font-size:var(--text-base);font-weight:600;color:#fff}.profile-minimal-role{font-size:var(--text-xs);color:var(--text-secondary)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2-5);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.05)}.plugin-minimal-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#ffffff06;border:1px solid rgba(255,255,255,.05);transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) ease}.plugin-minimal-row:hover{background:#ffffff0d;border-color:#38bdf833;transform:translate(2px)}.plugin-minimal-left{display:flex;align-items:center;gap:var(--space-2-5);min-width:0}.plugin-minimal-left .status-dot{width:var(--space-2);height:var(--space-2);border-radius:50%;flex-shrink:0}.plugin-minimal-name{font-size:var(--text-base);font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-minimal-actions{display:flex;align-items:center;gap:var(--space-1-5);flex-shrink:0}.btn-plugin-ping{display:inline-flex;align-items:center;height:var(--control-xs);padding:0 var(--space-2);font-size:var(--text-2xs);font-weight:500;color:var(--text-muted);background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast) ease}.btn-plugin-ping:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}@media(max-width:1100px){.app-viewport{padding:var(--space-5)}.puzzle-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.puzzle-tile.tile-size-1x1,.puzzle-tile.tile-size-2x1{grid-column:span 2}.puzzle-tile.tile-size-full{grid-column:1 / -1}.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3-5)}}@media(max-width:768px){.app-header{height:52px;padding:0 var(--space-3-5);gap:var(--space-2-5)}.header-left{min-width:auto}.header-right{min-width:auto;gap:var(--space-2)}.header-tabs{gap:var(--space-0-5);padding:var(--space-0-5);height:36px}.header-tab{height:var(--control-sm);padding:0 var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}.header-tab svg{width:var(--icon-sm);height:var(--icon-sm)}.header-active-view-pill{display:none}.app-viewport{padding:var(--space-4) var(--space-3-5)}.view-header{margin-bottom:var(--space-4)}.puzzle-grid{grid-template-columns:1fr;gap:var(--space-3-5);grid-auto-rows:auto}.puzzle-tile.tile-size-1x1,.puzzle-tile.tile-size-2x1,.puzzle-tile.tile-size-full{grid-column:1 / -1}.glass-card{padding:var(--space-3-5);border-radius:var(--radius-lg);min-height:auto}.card-header{flex-wrap:wrap;gap:var(--space-2)}.settings-grid{grid-template-columns:1fr;gap:var(--space-3-5)}.settings-plugin-card{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.settings-plugin-action{width:100%;justify-content:space-between}.modal-dialog{max-width:calc(100vw - 24px);border-radius:var(--radius-xl)}.modal-header{padding:var(--space-3-5) var(--space-4)}.modal-body{padding:var(--space-4);max-height:calc(85vh - 70px);overflow-y:auto}.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}}@media(max-width:480px){.app-header{height:48px;padding:0 var(--space-2-5);gap:var(--space-1-5)}.brand-logo-btn{width:var(--control-tab);height:var(--control-tab);border-radius:var(--radius-sm)}.header-tabs{padding:var(--space-0-5);height:32px}.header-tab{height:var(--control-xs);padding:0 var(--space-2);font-size:var(--text-2xs);gap:var(--space-1)}.header-tab svg{width:var(--icon-xs);height:var(--icon-xs)}.header-tab-add,.btn-kebab,#btn-plugins-tile-add,#btn-refresh-storage{width:var(--control-xs);height:var(--control-xs)}.app-viewport{padding:var(--space-3) var(--space-2-5)}.view-header{flex-direction:column;align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-3)}.view-title{font-size:var(--text-lg)}.view-subtitle{font-size:var(--text-2xs)}.puzzle-grid{gap:var(--space-2-5)}.glass-card{padding:var(--space-3);border-radius:var(--radius-md);min-height:auto}.card-header{flex-wrap:wrap;gap:var(--space-1-5)}.card-title{font-size:var(--text-sm)}.tile-control-btn,.tile-size-btn{padding:0 var(--space-1);font-size:var(--text-2xs)}.logo-dropdown{width:min(var(--menu-width-xl),calc(100vw - 16px));left:0;border-radius:var(--radius-lg)}.header-toggle-dropdown{width:min(var(--menu-width-md),calc(100vw - 16px));right:0;border-radius:var(--radius-lg)}.apps-launcher-dropdown{width:min(var(--menu-width-lg),calc(100vw - 16px));left:auto;right:-4px;border-radius:var(--radius-lg)}.kebab-dropdown{max-width:calc(100vw - 20px);border-radius:var(--radius-md)}.modal-backdrop{padding:var(--space-2)}.modal-dialog{max-width:100%;border-radius:var(--radius-lg)}.modal-header{padding:var(--space-3) var(--space-3-5)}.modal-title{font-size:var(--text-base)}.modal-body{padding:var(--space-3);gap:var(--space-3)}.profile-preview-card{padding:var(--space-2-5) var(--space-3);gap:var(--space-2-5)}.profile-preview-avatar{width:var(--space-10);height:var(--space-10);font-size:var(--text-md)}.form-input{height:36px;padding:0 var(--space-2-5);font-size:var(--text-sm)}.modal-footer{padding-top:var(--space-2-5);gap:var(--space-1-5)}.media-grid{grid-template-columns:1fr;gap:var(--space-2-5)}.event-feed{height:210px;font-size:var(--text-2xs)}.event-item{flex-direction:column;align-items:flex-start;gap:var(--space-0-5);padding:var(--space-1) var(--space-1-5)}.settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-1-5);padding:var(--space-2) 0}.settings-btn-group{width:100%}.settings-btn-group .btn{flex:1;text-align:center;justify-content:center}.platform-toast{bottom:var(--space-3);left:var(--space-3);right:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);text-align:center;justify-content:center}.footer-stats{gap:var(--space-1-5);font-size:var(--text-2xs)}}