:root{--white:#fff;--black:#000;--gray-050:#fafafa;--gray-100:#f4f4f6;--gray-200:#e9e9ed;--gray-300:#d0d0d7;--gray-400:#9e9eaa;--gray-500:#84848f;--gray-600:#6b6b78;--gray-700:#404048;--gray-800:#28282e;--gray-900:#19191f;--blue-400:#3b98ff;--blue-500:#0071e3;--blue-600:#0062c6;--blue-700:#004f9c;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f52da;--violet-400:#a78bfa;--violet-500:#8b5cf6;--green-400:#34d399;--green-500:#2bb24c;--orange-500:#f59e0b;--red-500:#ef4444;--cyan-400:#38bdf8;--cyan-500:#32ade6;--pink-500:#ec4899;--font-sans:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue","Segoe UI",sans-serif;--font-mono:"SF Mono","Menlo","Monaco","Cascadia Code","Fira Code","Cascadia Mono","Segoe UI Mono",monospace;--font-display-size:2rem;--font-h1-size:1.5rem;--font-h2-size:1.25rem;--font-h3-size:1.1rem;--font-h4-size:1rem;--font-h5-size:0.9rem;--font-h6-size:0.82rem;--font-body-lg:1rem;--font-body:0.9375rem;--font-body-sm:0.85rem;--font-caption:0.72rem;--font-code:0.775rem;--lh-body:1.5;--lh-tight:1.2;--space-0:0;--space-1:0.2rem;--space-2:0.4rem;--space-3:0.6rem;--space-4:0.85rem;--space-5:1.1rem;--space-6:1.35rem;--space-8:1.75rem;--space-10:2.2rem;--space-12:2.6rem;--space-16:3.5rem;--radius-xs:0.375rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-round:999px;--shadow-sm:0 1px 2px #0000000f,0 1px 4px #0000000a;--shadow-md:0 4px 12px #00000014,0 1px 3px #0000000d;--shadow-lg:0 12px 32px #0000001f,0 2px 8px #0000000f;--shadow-xl:0 24px 60px #0000002e,0 4px 16px #00000014;--shadow-glow:0 0 24px color-mix(in srgb,var(--primary) 30%,#0000);--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-decelerate:cubic-bezier(0,0,0.2,1);--ease-accelerate:cubic-bezier(0.4,0,1,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-header:100;--z-sticky:200;--z-dropdown:1000;--z-overlay:1100;--z-modal:1200;--z-popover:1300;--z-toast:1400;--z-tooltip:1500;--bg:var(--gray-100);--surface:var(--white);--surface-2:var(--gray-050);--surface-3:var(--gray-200);--surface-hover:color-mix(in srgb,var(--primary) 4%,var(--surface));--surface-active:color-mix(in srgb,var(--primary) 8%,var(--surface));--text:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--border:var(--gray-300);--divider:#e2e2e7;--primary:var(--blue-500);--primary-contrast:var(--white);--accent:var(--indigo-500);--accent-contrast:var(--white);--success:var(--green-500);--warning:var(--orange-500);--danger:var(--red-500);--info:var(--cyan-500);--code-bg:#f0f2fa;--glass-surface:#ffffffc2;--shadow-focus:0 0 0 3px #0071e357}body.dark-mode{--bg:#0d0d12;--surface:#16161f;--surface-2:#1e1e2a;--surface-3:#262633;--surface-hover:color-mix(in srgb,var(--primary) 12%,#1e1e2a);--surface-active:color-mix(in srgb,var(--primary) 18%,#1e1e2a);--text:#e8e8f0;--text-secondary:#b0b0c4;--text-muted:#7a7a94;--border:#2d2d40;--divider:#22222e;--primary:#4f8eff;--primary-contrast:#fff;--accent:var(--indigo-400);--accent-contrast:#fff;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:var(--cyan-400);--code-bg:#0a0a12;--glass-surface:#16161fd6;--shadow-sm:0 1px 3px #00000073,0 1px 6px #0000004d;--shadow-md:0 6px 20px #00000080,0 2px 8px #00000059;--shadow-lg:0 16px 48px #0000008f,0 4px 16px #0006;--shadow-xl:0 32px 80px #000000a3,0 8px 24px #00000073;--shadow-focus:0 0 0 3px #4f8eff6b;--shadow-glow:0 0 32px color-mix(in srgb,var(--primary) 24%,#0000)}:root,body.dark-mode,body.light-mode{--background-color:var(--bg);--text-color:var(--text);--card-background:var(--surface);--border-color:var(--border);--border-color-light:var(--divider);--hover-background:var(--surface-hover);--active-background:var(--surface-active);--primary-color:var(--primary);--primary-color-dark:var(--blue-600);--secondary-color:var(--accent);--secondary-color-dark:var(--blue-700);--success-color:var(--success);--warning-color:var(--warning);--error-color:var(--danger);--info-color:var(--info);--code-background:var(--code-bg);--pre-background:var(--surface-2)}body.light-mode{color-scheme:light}body.dark-mode{color-scheme:dark}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:max(4px,.375rem);border-radius:max(4px,var(--radius-xs));box-shadow:0 0 0 3px #0071e357;box-shadow:var(--shadow-focus);outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 3px #0071e357;box-shadow:var(--shadow-focus);outline:none}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.u-card{border:1px solid #d0d0d7;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014,0 1px 3px #0000000d;box-shadow:var(--shadow-md)}.u-card,.u-surface{background:#fff;background:var(--surface)}.u-surface{border:1px solid #d0d0d7;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md)}.u-container{margin-inline:auto;width:min(1280px,calc(100% - 2rem))}.u-prose{max-inline-size:72ch}.description .content-wrapper,.leftbrain-container,.rightbrain-container,.tools-container{margin-inline:auto;width:min(1280px,100%)}.section,.tool-section{margin-bottom:var(--space-5)}.section-header,.tool-header{border-bottom:1px solid var(--divider);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.section h2,.section-header h2,.section-title,.tool-title,.tools-container h2{color:var(--text);letter-spacing:-.015em}.app-card,.card,.content-card,.github-repo-card,.info-card,.leftbrain-card,.metric-card,.playlist-card,.rightbrain-card,.stat-card,.tech-card,.terminal-card,.tip-card,.tool-container,.yt-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,#0000),color-mix(in srgb,var(--surface-2) 84%,#0000));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app-card:hover,.card:hover,.content-card:hover,.github-repo-card:hover,.info-card:hover,.leftbrain-card:hover,.metric-card:hover,.playlist-card:hover,.rightbrain-card:hover,.stat-card:hover,.tech-card:hover,.terminal-card:hover,.tip-card:hover,.tool-container:hover,.yt-card:hover{box-shadow:var(--shadow-md)}.action-btn,.copy-btn,.download-btn,.leftbrain-container .btn,.leftbrain-container button,.link-btn,.rightbrain-container .btn,.rightbrain-container button,.tool-button,.tools-container .btn,.tools-container button{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 92%,#0000));border:1px solid color-mix(in srgb,var(--border) 88%,var(--primary) 12%);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-weight:600;padding:.5rem .85rem;transition:transform var(--duration-150) var(--ease-standard),border-color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard)}.action-btn:hover,.copy-btn:hover,.download-btn:hover,.leftbrain-container .btn:hover,.leftbrain-container button:hover,.link-btn:hover,.rightbrain-container .btn:hover,.rightbrain-container button:hover,.tool-button:hover,.tools-container .btn:hover,.tools-container button:hover{border-color:color-mix(in srgb,var(--primary) 52%,var(--border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.leftbrain-container input,.leftbrain-container select,.leftbrain-container textarea,.rightbrain-container input,.rightbrain-container select,.rightbrain-container textarea,.tools-container input,.tools-container select,.tools-container textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.section-divider{background:var(--divider);border:0;height:1px;margin:var(--space-6) 0}.subtle-text{color:var(--text-muted);font-size:var(--font-body-sm)}@media (max-width:768px){.section,.tool-section{margin-bottom:var(--space-4)}}.api-tool,.budget-tracker,.color-picker-tool,.crypto-tool,.csv-tool,.diff-checker,.emoji-picker-tool,.encoder-tool,.hash-tool,.json-tool,.notes-app,.password-tool,.pomodoro-tool,.regex-tool,.screen-recorder-tool,.storage-tool,.task-manager,.uuid-tool,.writing-board-tool,.xml-tool,.yaml-tool,[class*=-tool],[class*=tool-container]{padding:.5rem!important}.card,.file-section,.history-container,.history-section,.info-card,.input-section,.output-section,.preview-section,.request-controls,.response-section,.result-section,.settings-section,.stat-card,.text-section,.tip-card,.tool-card,.tool-section{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;margin-bottom:.6rem!important;padding:.6rem!important}.preview-section,.request-section,.section{margin-bottom:.5rem!important}.request-section h3,.section-title,.tool-section-title,[class*=tool] h2,[class*=tool] h3,[class*=tool] h4{font-size:1.05rem!important;font-weight:700!important;margin-bottom:.35rem!important}.actions,.control-buttons,.header-row,.method-url-container{gap:.5rem!important;margin-bottom:.5rem!important}.action-btn,.btn,.btn-tool,.header-input,.method-select,.url-input,button{font-size:.82rem!important;min-height:28px!important;padding:.2rem .5rem!important}textarea{font-size:.85rem!important;min-height:80px!important;padding:.4rem!important}.cards-container,.playlists-grid,.questions-grid,.stats-grid{gap:.5rem!important}.content-wrapper{padding:.4rem!important}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}html{-webkit-text-size-adjust:100%;font-size:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--font-body);line-height:var(--lh-body);margin:0;text-rendering:optimizeLegibility;transition:background-color var(--duration-300) var(--ease-standard),color var(--duration-300) var(--ease-standard)}a{color:inherit}canvas,img,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.01em;line-height:var(--lh-tight);margin:0 0 var(--space-2) 0}h1{font-size:var(--font-h2-size)}h1,h2{font-weight:700}h2{font-size:var(--font-h3-size)}h3{font-size:var(--font-h4-size)}h3,h4{font-weight:650}h4{font-size:var(--font-h5-size)}h5{font-size:var(--font-h6-size)}h5,h6{font-weight:600}h6{font-size:var(--font-body-sm)}dd,li,p{color:var(--text-secondary);margin:0 0 var(--space-2) 0}.caption,small{color:var(--text-muted);font-size:var(--font-caption)}code,kbd,pre,samp{font-family:var(--font-mono)}code{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-code);padding:.1rem .35rem}code,pre{background:var(--code-bg)}pre{border:1px solid var(--border);border-radius:var(--radius-md);margin:0;overflow:auto}button,input,select,textarea{color:inherit;font:inherit}button,input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}@media (max-width:768px){button,input,select,textarea{font-size:16px;min-height:44px}}:root{--spinner-color:#007bff;--spinner-size-small:16px;--spinner-size-medium:32px;--spinner-size-large:48px;--spinner-speed:0.75s}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.loading-spinner--inline{display:inline-flex;flex-direction:row;gap:.5rem;padding:0}.loading-spinner--small{--current-size:var(--spinner-size-small);padding:1rem}.loading-spinner--medium{--current-size:var(--spinner-size-medium);padding:2rem}.loading-spinner--large{--current-size:var(--spinner-size-large);padding:3rem}.loading-text{color:#666;color:var(--text-color-secondary,#666);font-size:.9rem;margin-top:.5rem;text-align:center}.loading-spinner--inline .loading-text{margin-left:.5rem;margin-top:0}.loading-circle{animation:loading-spin .75s linear infinite;animation:loading-spin var(--spinner-speed) linear infinite;border:3px solid #007bff1a;border-radius:50%;border-top-color:#007bff;border-top:3px solid var(--spinner-color);height:var(--current-size);width:var(--current-size)}.loading-circle-inner{border-radius:50%;height:100%;width:100%}@keyframes loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-dots{display:flex;gap:.25rem}.loading-dot{animation:loading-dots .75s ease-in-out infinite;animation:loading-dots var(--spinner-speed) ease-in-out infinite;background-color:#007bff;background-color:var(--spinner-color);border-radius:50%;height:calc(var(--current-size)/4);width:calc(var(--current-size)/4)}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.1s}.loading-dot:nth-child(3){animation-delay:.2s}@keyframes loading-dots{0%,60%,to{opacity:1;transform:scale(1)}30%{opacity:.7;transform:scale(1.5)}}.loading-pulse{animation:loading-pulse 1.125s ease-in-out infinite;animation:loading-pulse calc(var(--spinner-speed)*1.5) ease-in-out infinite;background-color:#007bff;background-color:var(--spinner-color);border-radius:50%;height:var(--current-size);width:var(--current-size)}@keyframes loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.loading-bars{align-items:end;display:flex;gap:.2rem}.loading-bar{animation:loading-bars .9s ease-in-out infinite;animation:loading-bars calc(var(--spinner-speed)*1.2) ease-in-out infinite;background-color:#007bff;background-color:var(--spinner-color);border-radius:2px;height:var(--current-size);width:calc(var(--current-size)/6)}.loading-bar:first-child{animation-delay:0s}.loading-bar:nth-child(2){animation-delay:.1s}.loading-bar:nth-child(3){animation-delay:.2s}.loading-bar:nth-child(4){animation-delay:.3s}@keyframes loading-bars{0%,40%,to{opacity:.7;transform:scaleY(.4)}20%{opacity:1;transform:scaleY(1)}}.loading-overlay{position:relative}.loading-overlay-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:var(--z-overlay)}body.dark-mode .loading-overlay-backdrop{background-color:#000c}body.dark-mode .loading-text{color:#ccc;color:var(--dark-text-secondary,#ccc)}@media (prefers-contrast:high){.loading-circle{border-color:#0000}.loading-bar,.loading-dot,.loading-pulse{background-color:currentColor}}@media (prefers-reduced-motion:reduce){.loading-bar,.loading-circle,.loading-dot,.loading-pulse{animation-duration:2s;animation-timing-function:linear}.loading-pulse{animation-name:loading-pulse-reduced}@keyframes loading-pulse-reduced{0%,to{opacity:1}50%{opacity:.5}}.loading-dots .loading-dot{animation-name:loading-dots-reduced}@keyframes loading-dots-reduced{0%,to{opacity:1}50%{opacity:.5}}}.loading-spinner--component{background:#fff;background:var(--card-background,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:8px;min-height:200px}.loading-spinner--page{background:#0000;min-height:50vh}.loading-spinner--inline{min-height:auto;padding:.25rem .5rem}@media (max-width:768px){.loading-spinner--large{--current-size:var(--spinner-size-medium);padding:2rem}.loading-spinner--medium{--current-size:var(--spinner-size-small);padding:1.5rem}.loading-text{font-size:.8rem}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-box{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background:linear-gradient(90deg,var(--skeleton-base,#f0f0f0) 25%,var(--skeleton-highlight,#e0e0e0) 50%,var(--skeleton-base,#f0f0f0) 75%);background-size:200px 100%;border-radius:4px;display:inline-block;overflow:hidden;position:relative}body.dark-mode .skeleton-box{--skeleton-base:#2a2a2a;--skeleton-highlight:#3a3a3a}.skeleton-text{display:flex;flex-direction:column;gap:8px}.skeleton-text-line{margin-bottom:8px}.skeleton-text-line:last-child{margin-bottom:0}.skeleton-card{background:#fff;background:var(--background-color,#fff);border:1px solid #f0f0f0;border:1px solid var(--skeleton-base,#f0f0f0);border-radius:8px;padding:16px}.skeleton-card-image{border-radius:4px;margin-bottom:12px}.skeleton-card-content{display:flex;flex-direction:column;gap:8px}.skeleton-card-title{margin-bottom:8px}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-list-item{align-items:center;display:flex;gap:12px;padding:8px 0}.skeleton-list-icon{border-radius:50%;flex-shrink:0}.skeleton-list-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.skeleton-navigation{display:flex;flex-direction:column;gap:16px;padding:16px}.skeleton-nav-header{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--skeleton-base,#f0f0f0);padding-bottom:12px}.skeleton-nav-items{display:flex;flex-direction:column;gap:12px}.skeleton-nav-item{align-items:center;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.skeleton-nav-icon{border-radius:4px;flex-shrink:0}.skeleton-code-block{background:#fafafa;background:var(--code-background,#fafafa);border:1px solid #f0f0f0;border:1px solid var(--skeleton-base,#f0f0f0);border-radius:8px;overflow:hidden}.skeleton-code-header{align-items:center;background:#f0f0f0;background:var(--skeleton-base,#f0f0f0);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--skeleton-highlight,#e0e0e0);display:flex;justify-content:space-between;padding:12px 16px}.skeleton-code-controls{display:flex;gap:8px}.skeleton-code-content{display:flex;flex-direction:column;gap:4px;padding:16px}.skeleton-code-line{font-family:Courier New,monospace}.skeleton-dsa{display:flex;flex-direction:column;gap:24px;padding:20px}.skeleton-dsa-header,.skeleton-dsa-topics{display:flex;flex-direction:column;gap:12px}.skeleton-topic-buttons{display:flex;flex-wrap:wrap;gap:12px}.skeleton-dsa-content{display:flex;flex-direction:column;gap:24px}.skeleton-dsa-stats{border:1px solid #f0f0f0;border:1px solid var(--skeleton-base,#f0f0f0);border-radius:8px;padding:16px}.skeleton-dsa-problems{display:flex;flex-direction:column;gap:16px}.skeleton-problem-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-tool{display:flex;flex-direction:column;gap:20px;padding:20px}.skeleton-tool-header{display:flex;flex-direction:column;gap:8px}.skeleton-tool-controls{display:flex;flex-wrap:wrap;gap:12px}.skeleton-tool-content{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.skeleton-problem-grid{grid-template-columns:1fr}.skeleton-tool-controls,.skeleton-topic-buttons{flex-direction:column}}.skeleton-box{transform:translateZ(0);will-change:background-position}@media (prefers-reduced-motion:reduce){.skeleton-box{animation:none;background:#f0f0f0;background:var(--skeleton-base,#f0f0f0)}}.error-boundary{align-items:center;background:#fff;background:var(--background-color,#fff);color:#333;color:var(--text-color,#333);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-content{background:#fff;background:var(--card-background,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:600px;padding:3rem 2rem;text-align:center}.error-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.error-title{color:#dc3545;color:var(--error-color,#dc3545);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.error-message{color:#666;color:var(--text-color-secondary,#666);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.error-button{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.error-button-primary{background:#007bff;background:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}.error-button-primary:hover{background:#0056b3;background:var(--primary-color-dark,#0056b3);border-color:#0056b3;border-color:var(--primary-color-dark,#0056b3);transform:translateY(-1px)}.error-button-secondary{background:#6c757d;background:var(--secondary-color,#6c757d);border-color:#6c757d;border-color:var(--secondary-color,#6c757d);color:#fff}.error-button-secondary:hover{background:#545b62;background:var(--secondary-color-dark,#545b62);border-color:#545b62;border-color:var(--secondary-color-dark,#545b62);transform:translateY(-1px)}.error-button-outline{background:#0000;border-color:#e1e5e9;border-color:var(--border-color,#e1e5e9);color:#333;color:var(--text-color,#333)}.error-button-outline:hover{background:#f8f9fa;background:var(--hover-background,#f8f9fa);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#007bff;color:var(--primary-color,#007bff)}.error-details{background:#f8f9fa;background:var(--code-background,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:8px;margin-top:2rem;text-align:left}.error-details summary{background:#f1f3f4;background:var(--hover-background,#f1f3f4);border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color,#e1e5e9);border-radius:8px 8px 0 0;cursor:pointer;font-weight:500;padding:1rem}.error-details summary:hover{background:#e9ecef;background:var(--active-background,#e9ecef)}.error-stack{padding:1rem}.error-stack h4{color:#dc3545;color:var(--error-color,#dc3545);font-size:1rem;margin:1rem 0 .5rem}.error-stack h4:first-child{margin-top:0}.error-stack pre{background:#f1f3f4;background:var(--pre-background,#f1f3f4);line-height:1.4;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.error-id,.error-stack pre{border:1px solid #e9ecef;border:1px solid var(--border-color-light,#e9ecef);border-radius:4px;font-size:.85rem}.error-id{background:#f8f9fa;background:var(--code-background,#f8f9fa);color:#999;color:var(--text-color-muted,#999);font-family:Courier New,monospace;margin-top:1rem;padding:.5rem}body.dark-mode .error-boundary{background:#1a1a1a;background:var(--dark-background,#1a1a1a);color:#fff;color:var(--dark-text,#fff)}body.dark-mode .error-boundary-content{background:#2d2d2d;background:var(--dark-card-background,#2d2d2d);border-color:#404040;border-color:var(--dark-border,#404040);box-shadow:0 4px 20px #0000004d}body.dark-mode .error-details{background:#1e1e1e;background:var(--dark-code-background,#1e1e1e);border-color:#404040;border-color:var(--dark-border,#404040)}body.dark-mode .error-details summary{background:#3a3a3a;background:var(--dark-hover-background,#3a3a3a);border-color:#404040;border-color:var(--dark-border,#404040)}body.dark-mode .error-stack pre{background:#1a1a1a;background:var(--dark-pre-background,#1a1a1a)}body.dark-mode .error-id,body.dark-mode .error-stack pre{border-color:#333;border-color:var(--dark-border-light,#333)}body.dark-mode .error-id{background:#1e1e1e;background:var(--dark-code-background,#1e1e1e);color:#ccc;color:var(--dark-text-muted,#ccc)}@media (max-width:768px){.error-boundary{padding:1rem}.error-boundary-content{padding:2rem 1.5rem}.error-actions{align-items:center;flex-direction:column}.error-button{max-width:200px;width:100%}.error-title{font-size:1.5rem}.error-message{font-size:1rem}}.cmd-trigger{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface) 82%,#0000);border:1px solid color-mix(in srgb,var(--border) 80%,#0000);border-radius:var(--radius-round);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.36rem .72rem;transition:all var(--duration-150) var(--ease-standard);white-space:nowrap}.cmd-trigger:hover{background:color-mix(in srgb,var(--primary) 6%,var(--surface));border-color:color-mix(in srgb,var(--primary) 50%,var(--border));box-shadow:var(--shadow-sm);color:var(--text);transform:translateY(-1px)}.cmd-trigger-icon{font-size:.9rem;opacity:.7}.cmd-trigger-text{display:none}@media (min-width:600px){.cmd-trigger-text{display:inline}}.cmd-trigger-kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);display:inline-block;font-family:var(--font-mono);font-size:.7rem;padding:.05rem .3rem}.cmd-overlay{align-items:flex-start;animation:cmdOverlayIn .12s var(--ease-decelerate) both;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);background:color-mix(in srgb,var(--bg) 40%,#0000);display:flex;inset:0;justify-content:center;padding-top:clamp(60px,12vh,130px);position:fixed;z-index:var(--z-modal)}@keyframes cmdOverlayIn{0%{opacity:0}to{opacity:1}}.cmd-modal{animation:cmdModalIn .18s var(--ease-decelerate) both;background:color-mix(in srgb,var(--surface) 95%,#0000);border:1px solid color-mix(in srgb,var(--border) 70%,var(--primary) 30%);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px color-mix(in srgb,var(--primary) 10%,#0000);overflow:hidden;width:min(640px,calc(100vw - 2rem))}@keyframes cmdModalIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.cmd-search-row{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--divider) 80%,#0000);display:flex;gap:.6rem;padding:.9rem 1rem}.cmd-search-icon{flex-shrink:0;font-size:1rem;opacity:.55}.cmd-input{background:#0000;border:none;caret-color:var(--primary);color:var(--text);flex:1 1;font-size:1rem;font-weight:500;outline:none}.cmd-input::placeholder{color:var(--text-muted);font-weight:400}.cmd-clear{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.2rem .4rem;transition:color var(--duration-150) var(--ease-standard)}.cmd-clear:hover{color:var(--text)}.cmd-esc-hint{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono);font-size:.7rem;padding:.1rem .4rem}.cmd-results{max-height:380px;overflow-y:auto;overscroll-behavior:contain;padding:.4rem}.cmd-group{margin-bottom:.25rem}.cmd-group-label{color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.45rem .7rem .2rem;text-transform:uppercase}.cmd-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.65rem;padding:.55rem .7rem;text-align:left;transition:all var(--duration-100) var(--ease-standard);width:100%}.cmd-item.selected,.cmd-item:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary) 20%,#0000)}.cmd-item-icon{flex-shrink:0;font-size:1rem;text-align:center;width:22px}.cmd-item-label{color:var(--text);flex:1 1;font-size:.88rem;font-weight:600}.cmd-item-badge{background:color-mix(in srgb,var(--primary) 14%,#0000);border:1px solid color-mix(in srgb,var(--primary) 24%,#0000);border-radius:999px;color:var(--primary);font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.1rem .4rem}.cmd-item-arrow{color:var(--text-muted);font-size:.75rem;opacity:0;transition:opacity var(--duration-100) var(--ease-standard)}.cmd-item.selected .cmd-item-arrow{opacity:1}.cmd-empty{color:var(--text-muted);padding:2.5rem 1rem;text-align:center}.cmd-empty-icon{display:block;font-size:2rem;margin-bottom:.5rem;opacity:.5}.cmd-empty p{font-size:.9rem;margin:0}.cmd-footer{align-items:center;background:color-mix(in srgb,var(--surface-2) 60%,#0000);border-top:1px solid color-mix(in srgb,var(--divider) 80%,#0000);color:var(--text-muted);display:flex;font-size:.7rem;gap:1.2rem;padding:.55rem 1rem}.cmd-footer kbd{background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);display:inline-block;font-family:var(--font-mono);font-size:.68rem;margin-right:.2rem;padding:.05rem .3rem}@media (max-width:480px){.cmd-footer span:nth-child(n+3){display:none}}.main-container{background:radial-gradient(1400px 700px at -20% -30%,color-mix(in srgb,var(--primary) 18%,#0000),#0000 68%),radial-gradient(1100px 620px at 130% 10%,color-mix(in srgb,var(--accent) 12%,#0000),#0000 72%),radial-gradient(800px 500px at 60% 110%,color-mix(in srgb,var(--success) 6%,#0000),#0000 80%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 88%,var(--surface)));display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.main-container:after{background:linear-gradient(180deg,#ffffff47,#fff0);content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}body.dark-mode .main-container:after{background:linear-gradient(180deg,#ffffff0d,#fff0);opacity:.55}.tabs{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);background:color-mix(in srgb,var(--glass-surface) 88%,#0000);border-bottom:1px solid color-mix(in srgb,var(--divider) 85%,#0000);box-shadow:0 1px 0 #ffffff73,var(--shadow-sm);display:flex;gap:var(--space-2);justify-content:space-between;min-height:46px;padding:.3rem .65rem;position:relative;z-index:var(--z-header)}body.dark-mode .tabs{box-shadow:0 1px 0 #ffffff0a,var(--shadow-sm)}.nav-section{align-items:center;display:flex;gap:var(--space-2);min-width:0;overflow-x:auto;scrollbar-width:thin}.tabs img{border:1px solid color-mix(in srgb,var(--border) 65%,#0000);border-radius:7px;box-shadow:var(--shadow-sm);height:26px;width:26px}.tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-round);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;letter-spacing:-.01em;min-height:30px;padding:.28rem .6rem;transition:color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard),border-color var(--duration-150) var(--ease-standard),transform var(--duration-150) var(--ease-standard);-webkit-user-select:none;user-select:none;white-space:nowrap}.tab:hover{background:color-mix(in srgb,var(--surface) 88%,#0000);border-color:color-mix(in srgb,var(--border) 65%,var(--primary) 35%);color:var(--text)}.tab.active{background:var(--primary);border-color:color-mix(in srgb,var(--primary) 70%,var(--border));box-shadow:0 2px 12px color-mix(in srgb,var(--primary) 40%,#0000),var(--shadow-sm);color:var(--primary-contrast);position:relative}.tab.active:after{border-radius:inherit;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 28%,#0000);content:"";inset:-1px;pointer-events:none;position:absolute}.tab.active:hover{transform:none}.tabs-right-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.tab-icon{font-size:.95rem;line-height:1}.theme-toggle{align-items:center;background:color-mix(in srgb,var(--surface) 90%,var(--surface-2));border:1px solid color-mix(in srgb,var(--border) 80%,#0000);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;height:28px;justify-content:space-between;padding:0 5px;position:relative;transition:border-color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard),transform var(--duration-150) var(--ease-standard);width:52px}.theme-toggle:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));transform:translateY(-1px)}.theme-toggle .icon{font-size:.78rem;line-height:1;opacity:.8;z-index:2}.theme-toggle .toggle-thumb{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid color-mix(in srgb,var(--border) 74%,#0000);border-radius:50%;box-shadow:var(--shadow-sm);height:20px;left:3px;position:absolute;top:3px;transition:transform var(--duration-200) var(--ease-standard);width:20px}.theme-toggle.dark .toggle-thumb{transform:translateX(22px)}.tab-content-container{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:240px minmax(0,1fr);min-height:0;position:relative;z-index:1}.tab-content-container.nav-hidden{grid-template-columns:58px minmax(0,1fr)}.tab-content-container>.left-nav{-webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);background:color-mix(in srgb,var(--glass-surface) 86%,#0000);border-right:1px solid color-mix(in srgb,var(--divider) 82%,#0000);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:.45rem}.tab-content-container>.left-nav.visible{width:240px}.tab-content-container>.left-nav.hidden{padding:.45rem .3rem;width:58px}.nav-toggle-container{border-bottom:1px solid color-mix(in srgb,var(--divider) 88%,#0000);display:flex;justify-content:flex-end;margin-bottom:4px;padding-bottom:4px}.nav-toggle-btn{align-items:center;background:color-mix(in srgb,var(--surface) 92%,#0000);border:1px solid color-mix(in srgb,var(--border) 84%,#0000);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background-color var(--duration-150) var(--ease-standard),border-color var(--duration-150) var(--ease-standard),transform var(--duration-150) var(--ease-standard);width:28px}.nav-toggle-btn:hover{background:var(--surface-hover);border-color:color-mix(in srgb,var(--primary) 42%,var(--border));transform:translateY(-1px)}.toggle-icon{height:14px;width:14px}.nav-items{display:flex;flex-direction:column;gap:1px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:2px}.nav-item{align-items:center;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.4rem;min-height:32px;padding:.32rem .48rem;transition:color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard),border-color var(--duration-150) var(--ease-standard),transform var(--duration-150) var(--ease-standard);width:100%}.nav-item:hover{background:color-mix(in srgb,var(--surface) 76%,#0000);border-color:color-mix(in srgb,var(--border) 72%,var(--primary) 28%);color:var(--text);transform:translateX(1px)}.nav-item.selected{background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 18%,#0000),-3px 0 0 0 var(--primary) inset;color:var(--text)}.nav-item.selected .nav-icon{filter:saturate(1.4)}.nav-icon{flex:0 0 auto;font-size:.95rem;line-height:1;text-align:center;width:20px}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-filter-wrap{align-items:center;background:color-mix(in srgb,var(--surface-2) 82%,#0000);border:1px solid color-mix(in srgb,var(--border) 80%,#0000);border-radius:var(--radius-md);display:flex;gap:.3rem;margin-bottom:3px;padding:.26rem .42rem}.nav-filter-icon{flex-shrink:0;font-size:.75rem;opacity:.5}.nav-filter-input{background:#0000;border:none;caret-color:var(--primary);color:var(--text);flex:1 1;font-size:.78rem;font-weight:500;min-width:0;outline:none}.nav-filter-input::placeholder{color:var(--text-muted)}.nav-filter-count{background:color-mix(in srgb,var(--primary) 12%,#0000);border-radius:999px;color:var(--primary);flex-shrink:0;font-size:.65rem;font-weight:700;padding:.08rem .35rem}.nav-empty-filter{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.78rem;gap:.4rem;padding:1.4rem .5rem;text-align:center}.nav-empty-icon{font-size:1.4rem;opacity:.4}.tab-content-container .main-region,.tab-content-container main[role=main]{min-height:0;min-width:0;overflow:hidden}.tab-content{display:flex;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.breadcrumb-path{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface) 70%,#0000);border:none;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,#0000);border-radius:0;box-shadow:none;flex-shrink:0;margin-bottom:0;padding:.28rem .72rem}.breadcrumb-path .ui-breadcrumb__item{color:var(--text-muted);font-size:.72rem}.breadcrumb-path .ui-breadcrumb__current{color:var(--text);font-size:.72rem;font-weight:650}.breadcrumb-path .ui-breadcrumb__link{color:var(--primary);font-size:.72rem}.separator-line{display:none}.description{min-height:0;transition:opacity var(--duration-200) var(--ease-standard),transform var(--duration-200) var(--ease-standard)}.description.content-hidden{opacity:0;transform:translateY(6px)}.description.content-visible{opacity:1;transform:translateY(0)}.content-wrapper{padding:clamp(.6rem,1.4vw,1rem)}.fade-in-up{animation:fadeInUp var(--duration-300) var(--ease-standard) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.placeholder-content{align-items:center;background:color-mix(in srgb,var(--surface) 82%,#0000);border:1px dashed color-mix(in srgb,var(--border) 80%,var(--primary) 20%);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;min-height:180px;padding:1.5rem;text-align:center}.placeholder-icon{font-size:2rem}.placeholder-content h2{font-size:var(--font-h3-size);margin:0}.placeholder-content p{margin:0}.placeholder-instruction{color:var(--text-muted)}.tab-label-mobile{display:inline}.tab-label-desktop{display:none}@media (min-width:860px){.tab-label-mobile{display:none}.tab-label-desktop{display:inline}}@media (max-width:1024px){.tab-content-container{grid-template-columns:250px minmax(0,1fr)}.tab-content-container>.left-nav.visible{width:250px}}@media (max-width:820px){.tabs{min-height:44px;padding:.28rem .5rem}.tab{font-size:.74rem;min-height:28px;padding:.22rem .48rem}.theme-toggle{height:26px;width:46px}.theme-toggle .toggle-thumb{height:18px;width:18px}.theme-toggle.dark .toggle-thumb{transform:translateX(18px)}.tab-content-container{grid-template-columns:50px minmax(0,1fr)}.tab-content-container>.left-nav.hidden,.tab-content-container>.left-nav.visible{padding-inline:.28rem;width:50px}.nav-item{justify-content:center;min-height:32px;padding-inline:.2rem}.nav-label{display:none}}@media (max-width:560px){.tabs img{display:none}.tab{font-size:.72rem;padding:.3rem .5rem}.tab-icon{display:none}.breadcrumb-path{padding:.48rem .58rem}}.btn{--btn-bg:var(--primary);--btn-fg:var(--primary-contrast);--btn-border:var(--primary);--btn-shadow:var(--shadow-sm);--btn-radius:var(--radius-md);--btn-pad-y:8px;--btn-pad-x:12px;--btn-gap:8px;--btn-font:600;align-items:center;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);color:var(--btn-fg);cursor:pointer;display:inline-flex;font-weight:var(--btn-font);gap:var(--btn-gap);justify-content:center;padding:var(--btn-pad-y) var(--btn-pad-x);transition:background-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard),transform var(--duration-150) var(--ease-standard)}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.btn--outline{--btn-bg:#0000;--btn-fg:var(--primary);--btn-border:var(--primary)}.btn--ghost{--btn-bg:#0000;--btn-fg:var(--text);--btn-border:var(--border)}.btn--link{--btn-bg:#0000;--btn-fg:var(--primary);--btn-border:#0000;box-shadow:none;padding:0}.btn--sm{--btn-pad-y:6px;--btn-pad-x:10px;border-radius:var(--radius-sm);font-size:.875rem}.btn--md{--btn-pad-y:8px;--btn-pad-x:12px;font-size:1rem}.btn--lg{--btn-pad-y:12px;--btn-pad-x:16px;border-radius:var(--radius-lg);font-size:1.0625rem}.btn--full{width:100%}.btn__icon{align-items:center;display:inline-flex}.btn--loading{position:relative}.btn--loading:after{animation:btn-spin var(--duration-500) linear infinite;border:2px solid color-mix(in srgb,var(--btn-fg) 30%,#0000);border-radius:50%;border-top-color:var(--btn-fg);content:"";height:1em;margin-left:6px;width:1em}@keyframes btn-spin{to{transform:rotate(1turn)}}.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:8px 12px;transition:border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:100%}.input::placeholder{color:var(--text-muted)}.input:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.input--error{border-color:var(--danger-500)}.input--success{border-color:var(--success-500)}.input--sm{border-radius:var(--radius-sm);font-size:.9rem;padding:6px 10px}.input--md{font-size:1rem;padding:8px 12px}.input--lg{border-radius:var(--radius-lg);font-size:1.0625rem;padding:12px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card--elevated{box-shadow:var(--shadow-lg)}.card__header{border-bottom:1px solid var(--divider);color:var(--text);font-weight:700;padding:12px 16px}.card__content{color:var(--text);padding:16px}.card__footer{border-top:1px solid var(--divider);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.select{-webkit-appearance:none;appearance:none;background:var(--surface);background-image:linear-gradient(45deg,#0000 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,#0000 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:8px 12px;transition:border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:100%}.select:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.select--sm{border-radius:var(--radius-sm);font-size:.9rem;padding:6px 10px}.select--md{font-size:1rem;padding:8px 12px}.select--lg{border-radius:var(--radius-lg);font-size:1.0625rem;padding:12px 16px}.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:monospace;font-family:var(--font-mono,monospace);line-height:1.6;padding:8px 12px;resize:vertical;transition:border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:100%}.textarea::placeholder{color:var(--text-muted)}.textarea:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.textarea--sm{border-radius:var(--radius-sm);font-size:.9rem;padding:6px 10px}.textarea--md{font-size:1rem;padding:8px 12px}.textarea--lg{border-radius:var(--radius-lg);font-size:1.0625rem;padding:12px 16px}.field{grid-gap:6px;display:grid;gap:6px}.field__label{color:var(--text);font-size:.95rem;font-weight:600}.field__required{color:var(--danger-500);margin-left:4px}.field__hint{color:var(--text-muted);font-size:.85rem}.field__error{color:var(--danger-600);font-size:.85rem}.ui-tag{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;line-height:1.2;padding:2px 8px}.ui-tag--sm{font-size:.75rem;padding:2px 6px}.ui-tag--md{font-size:.8rem;padding:3px 8px}.ui-tag--lg{font-size:.9rem;padding:4px 10px}.ui-tag--neutral{background:var(--surface-2);color:var(--text-secondary)}.ui-tag--success{background:color-mix(in srgb,var(--success) 10%,#0000);border-color:color-mix(in srgb,var(--success) 30%,var(--border));color:var(--success)}.ui-tag--warning{background:color-mix(in srgb,var(--warning) 10%,#0000);border-color:color-mix(in srgb,var(--warning) 30%,var(--border));color:var(--warning)}.ui-tag--danger{background:color-mix(in srgb,var(--danger) 10%,#0000);border-color:color-mix(in srgb,var(--danger) 30%,var(--border));color:var(--danger)}.ui-tag--info{background:color-mix(in srgb,var(--info) 10%,#0000);border-color:color-mix(in srgb,var(--info) 30%,var(--border));color:var(--info)}.ui-tag--brand{background:color-mix(in srgb,var(--primary) 10%,#0000);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));color:var(--primary)}.ui-checkbox{grid-gap:6px;color:var(--text);display:grid;gap:6px}.ui-checkbox.is-disabled{cursor:not-allowed;opacity:.6}.ui-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.ui-checkbox__required{color:var(--danger-500);margin-left:4px}.ui-checkbox__input{opacity:0;pointer-events:none;position:absolute}.ui-checkbox__box{--size:18px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);box-shadow:none;display:inline-flex;height:var(--size);justify-content:center;transition:border-color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:var(--size)}.ui-checkbox__text{font-size:.95rem}.ui-checkbox__hint{color:var(--text-muted);font-size:.85rem}.ui-checkbox__error{color:var(--danger-600);font-size:.85rem}.ui-checkbox__input:checked+.ui-checkbox__label .ui-checkbox__box{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.ui-checkbox__input:checked+.ui-checkbox__label .ui-checkbox__box:after{background:var(--primary-contrast);-webkit-clip-path:polygon(14% 44%,0 59%,43% 100%,100% 24%,85% 10%,43% 64%);clip-path:polygon(14% 44%,0 59%,43% 100%,100% 24%,85% 10%,43% 64%);content:"";height:10px;-webkit-mask:linear-gradient(#000,#000);mask:linear-gradient(#000,#000);width:10px}.ui-checkbox__input:focus-visible+.ui-checkbox__label .ui-checkbox__box{box-shadow:var(--shadow-focus)}.ui-checkbox.is-error .ui-checkbox__box{border-color:var(--danger-500)}.ui-checkbox.is-error .ui-checkbox__input:checked+.ui-checkbox__label .ui-checkbox__box{background:var(--danger-500);border-color:var(--danger-500)}.ui-radio{grid-gap:6px;color:var(--text);display:grid;gap:6px}.ui-radio.is-disabled{cursor:not-allowed;opacity:.6}.ui-radio__label{align-items:center;cursor:pointer;display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.ui-radio__required{color:var(--danger-500);margin-left:4px}.ui-radio__input{opacity:0;pointer-events:none;position:absolute}.ui-radio__dot{--size:18px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;display:inline-flex;height:var(--size);justify-content:center;transition:border-color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:var(--size)}.ui-radio__text{font-size:.95rem}.ui-radio__hint{color:var(--text-muted);font-size:.85rem}.ui-radio__error{color:var(--danger-600);font-size:.85rem}.ui-radio__input:checked+.ui-radio__label .ui-radio__dot{border-color:var(--primary)}.ui-radio__input:checked+.ui-radio__label .ui-radio__dot:after{background:var(--primary);border-radius:50%;content:"";height:10px;width:10px}.ui-radio__input:focus-visible+.ui-radio__label .ui-radio__dot{box-shadow:var(--shadow-focus)}.ui-radio.is-error .ui-radio__dot{border-color:var(--danger-500)}.ui-switch{grid-gap:6px;color:var(--text);display:grid;gap:6px}.ui-switch.is-disabled{cursor:not-allowed;opacity:.6}.ui-switch__label{align-items:center;cursor:pointer;display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.ui-switch__required{color:var(--danger-500);margin-left:4px}.ui-switch__input{opacity:0;pointer-events:none;position:absolute}.ui-switch__track{--w:38px;--h:20px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-round);display:inline-flex;height:var(--h);padding:2px;transition:background-color var(--duration-150) var(--ease-standard),border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:var(--w)}.ui-switch__thumb{--size:16px;background:var(--surface);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);height:var(--size);transform:translateX(0);transition:transform var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard);width:var(--size)}.ui-switch__input:checked+.ui-switch__label .ui-switch__track{background:var(--primary);border-color:var(--primary)}.ui-switch__input:checked+.ui-switch__label .ui-switch__thumb{background:var(--primary-contrast);transform:translateX(18px)}.ui-switch__input:focus-visible+.ui-switch__label .ui-switch__track{box-shadow:var(--shadow-focus)}.ui-switch__hint{color:var(--text-muted);font-size:.85rem}.ui-switch__error{color:var(--danger-600);font-size:.85rem}.ui-switch__text{font-size:.95rem}.ui-alert{grid-gap:10px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text);display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:12px 14px}.ui-alert__icon{font-size:1.1rem;line-height:1}.ui-alert__title{font-weight:700;margin-bottom:4px}.ui-alert__content{font-size:.95rem}.ui-alert__close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.1rem}.ui-alert__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-alert--info{background:color-mix(in srgb,var(--info) 8%,var(--surface));border-color:color-mix(in srgb,var(--info) 30%,var(--border))}.ui-alert--success{background:color-mix(in srgb,var(--success) 8%,var(--surface));border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.ui-alert--warning{background:color-mix(in srgb,var(--warning) 8%,var(--surface));border-color:color-mix(in srgb,var(--warning) 30%,var(--border))}.ui-alert--danger{background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.ui-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;width:100%}.ui-table table{border-collapse:initial;border-spacing:0;width:100%}.ui-table caption{color:var(--text-secondary);font-size:.95rem;padding:10px 12px;text-align:left}.ui-table thead th{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text);font-weight:700;position:-webkit-sticky;position:sticky;top:0}.ui-table td,.ui-table thead th{padding:12px 14px}.ui-table--compact td,.ui-table--compact thead th{padding:8px 10px}.ui-table tbody tr+tr td{border-top:1px solid var(--divider)}.ui-table--zebra tbody tr:nth-child(odd){background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.ui-table__empty td{color:var(--text-muted);padding:20px;text-align:center}.ui-table__sort{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:0}.ui-table__sort:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-table__sort-ind{font-size:.75rem;opacity:.4;transform:rotate(0deg)}.ui-table__sort-ind.is-asc{opacity:1;transform:rotate(0deg)}.ui-table__sort-ind.is-desc{opacity:1;transform:rotate(180deg)}.ui-tooltip{display:inline-flex;position:relative}.ui-tooltip__trigger{align-items:center;border-radius:var(--radius-sm);display:inline-flex}.ui-tooltip__trigger:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-tooltip__bubble{background:var(--neutral-900);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--neutral-50);font-size:.85rem;line-height:1.2;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;transform:translateY(-4px);transition:opacity var(--duration-150) var(--ease-standard),transform var(--duration-150) var(--ease-standard);white-space:nowrap;z-index:var(--z-tooltip)}.ui-tooltip--top .ui-tooltip__bubble{bottom:calc(100% + 6px);left:50%;transform:translate(-50%,-4px)}.ui-tooltip--right .ui-tooltip__bubble{left:calc(100% + 6px);top:50%;transform:translate(4px,-50%)}.ui-tooltip--bottom .ui-tooltip__bubble{left:50%;top:calc(100% + 6px);transform:translate(-50%,4px)}.ui-tooltip--left .ui-tooltip__bubble{right:calc(100% + 6px);top:50%;transform:translate(-4px,-50%)}.ui-tooltip:focus-within .ui-tooltip__bubble,.ui-tooltip:hover .ui-tooltip__bubble{opacity:1;transform:translate(0)}.ui-toast__region{grid-gap:8px;bottom:16px;display:grid;gap:8px;position:fixed;right:16px;z-index:var(--z-toast)}.ui-toast{grid-gap:8px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text);display:grid;gap:8px;grid-template-columns:1fr auto;max-width:360px;min-width:260px;padding:10px 12px}.ui-toast__title{display:block;margin-right:8px}.ui-toast__body{display:inline}.ui-toast__close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.1rem}.ui-toast__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-toast--info{background:color-mix(in srgb,var(--info) 7%,var(--surface));border-color:color-mix(in srgb,var(--info) 30%,var(--border))}.ui-toast--success{background:color-mix(in srgb,var(--success) 7%,var(--surface));border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.ui-toast--warning{background:color-mix(in srgb,var(--warning) 7%,var(--surface));border-color:color-mix(in srgb,var(--warning) 30%,var(--border))}.ui-toast--danger{background:color-mix(in srgb,var(--danger) 7%,var(--surface));border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.ui-pagination{align-items:center;display:inline-flex;gap:6px}.ui-pagination__list{display:inline-flex;gap:4px;list-style:none;margin:0;padding:0}.ui-pagination__btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:6px 8px}.ui-pagination__btn:disabled{cursor:not-allowed;opacity:.6}.ui-pagination__btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-pagination__page{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:6px 10px}.ui-pagination__page.is-active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.ui-pagination__page:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-pagination__ellipsis{color:var(--text-muted);padding:6px 10px}.ui-breadcrumb{width:100%}.ui-breadcrumb__list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.ui-breadcrumb__item{align-items:center;color:var(--text-secondary);display:inline-flex;gap:8px}.ui-breadcrumb__link{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;padding:2px 4px;text-decoration:none}.ui-breadcrumb__link:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-breadcrumb__current{color:var(--text);font-weight:600}.ui-breadcrumb__sep{color:var(--text-muted)}.ui-tabs{grid-gap:12px;display:grid;gap:12px}.ui-tabs__list{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px}.ui-tabs--vertical .ui-tabs__list{display:inline-flex;flex-direction:column}.ui-tabs__tab{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:6px 10px}.ui-tabs__tab:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-tabs__tab.is-active{background:var(--surface);border-color:var(--border);font-weight:600}.ui-tabs__tab:disabled{cursor:not-allowed;opacity:.6}.ui-tabs__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.ui-modal{background:color-mix(in srgb,var(--neutral-900) 60%,#0000);display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:var(--z-modal)}.ui-modal__content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--text);max-width:560px;padding:16px;position:relative;width:100%}.ui-modal__title{font-size:1.1rem;margin:0 0 8px}.ui-modal__body{font-size:1rem}.ui-modal__close{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:28px;position:absolute;right:8px;top:8px;width:28px}.ui-modal__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-sheet{background:color-mix(in srgb,var(--neutral-900) 50%,#0000);inset:0;position:fixed;z-index:var(--z-overlay)}.ui-sheet__panel{background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);bottom:0;box-shadow:var(--shadow-xl);color:var(--text);padding:16px;position:absolute;top:0;width:min(420px,90vw)}.ui-sheet__panel.is-right{right:0}.ui-sheet__panel.is-left{left:0}.ui-sheet__title{font-size:1.1rem;margin:0 0 8px}.ui-sheet__close{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:28px;position:absolute;right:8px;top:8px;width:28px}.ui-sheet__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-drawer{align-items:end;background:color-mix(in srgb,var(--neutral-900) 50%,#0000);display:grid;inset:0;position:fixed;z-index:var(--z-overlay)}.ui-drawer__panel{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--border);box-shadow:var(--shadow-xl);color:var(--text);padding:16px}.ui-drawer__title{font-size:1.1rem;margin:0 0 8px}.ui-drawer__close{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:28px;position:absolute;right:16px;top:8px;width:28px}.ui-drawer__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}