.step-container{display:flex;flex-direction:column;padding:var(--spacing-lg);max-width:600px;margin:0 auto;background-color:var(--color-background-secondary);border-radius:var(--border-radius-md);& .step-header{margin-bottom:var(--spacing-lg);text-align:center;& h2,& h3{margin-top:0;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}}& .step-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}& .step-content{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) * 2 + 1px + var(--spacing-md))}& .step-footer{display:flex;justify-content:space-between;border-top:1px solid var(--color-border-light);position:fixed;inset:auto 0 0 0;padding:var(--spacing-lg);background-color:var(--color-background-tertiary)}}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);& .spinner{width:40px;height:40px;border-top:4px solid rgba(var(--color-primary-rgb,0,123,255),.3);border:4px solid rgba(var(--color-primary-rgb,0,123,255),.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-message{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;& .success-icon{width:50px;height:50px;background-color:var(--color-success);color:var(--color-text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}}.install-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;width:100%;& .warning-icon{width:50px;height:50px;background-color:var(--color-warning);color:var(--color-text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}}.divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-md) 0;&:after,&:before{content:"";flex:1 1;border-bottom:1px solid var(--color-border)}& span{padding:0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase}}.command-preview{background-color:var(--color-background-quaternary);color:var(--color-text-primary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);font-family:monospace;font-size:var(--font-size-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}.error-message{background-color:var(--color-error-background);color:var(--color-error-text);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);margin:var(--spacing-sm) 0;text-align:left;& .error-details{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-error-details-background);border-radius:3px;font-family:monospace;font-size:var(--font-size-sm);max-height:100px;overflow-y:auto;word-break:break-word}}.dialog-url{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-background-tertiary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);word-break:break-all;margin-top:var(--spacing-sm);font-family:monospace}.panel{background-color:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);& .panel-header{margin-bottom:var(--spacing-md)}& .panel-title{margin-top:0;margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}}.card{background-color:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.badge,.permission-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);& .badge-icon,& .permission-icon{margin-right:var(--spacing-xs)}&.badge-high,&.permission-high{background-color:var(--color-danger-bg,#ffeaea);color:var(--color-danger,#d32f2f)}&.badge-medium,&.permission-medium{background-color:var(--color-warning-bg,#fff8e1);color:var(--color-warning,#f57c00)}&.badge-standard,&.permission-standard{background-color:var(--color-info-bg,#e0f7fa);color:var(--color-info,#0288d1)}}.app-selector-permission-info,.permission-info{margin-top:12px;padding:12px;border-radius:6px;background-color:var(--color-background-tertiary);border:1px solid var(--color-border-light);& .permission-title{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--color-text-primary);text-align:left}& .permission-badges{display:flex;flex-wrap:wrap;gap:8px}& .permission-text{font-weight:500}& .permission-note{margin:0;font-style:italic;font-size:13px;color:var(--color-text-muted)}}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.form-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.env-config-form-input,.env-config-form-select,.form-control,.tester-input{width:100%;box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-background);transition:border-color .2s,box-shadow .2s;&:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb,0,123,255),.25)}&:disabled{background-color:var(--color-background-tertiary);cursor:not-allowed}}.form-check{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);& .form-check-input{margin:0}& .form-check-label{margin-bottom:0;cursor:pointer}}.form-check-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.required-mark{color:var(--color-danger);margin-left:var(--spacing-xs)}.env-config-form{& .env-config-form-fields{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}& .env-config-form-empty{text-align:center;margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-style:italic}}.env-config-form{&.env-config-form-inline{width:100%;margin:0;padding:0}& .env-config-form-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}& .env-config-form-field{display:flex;flex-direction:column;gap:4px;word-break:break-word;overflow-wrap:break-word}& .env-config-form-label,& .form-label{font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;text-align:left}& .env-config-form-field-description,& .form-description{margin:0 0 6px;font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;font-weight:400}& .env-config-form-boolean{display:flex;gap:16px;margin-top:4px}& .env-config-form-radio-label{display:flex;align-items:center;cursor:pointer;font-size:var(--font-size-sm);gap:4px;& input{margin:0}}& .env-config-form-empty{text-align:center;margin:24px 0;color:var(--color-text-muted);font-style:italic}}.btn,.button,.cancel-button,.preset-button,.submit-button,.tester-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:background-color .2s,transform .1s,border-color .2s;font-weight:var(--font-weight-medium);text-align:center;&:active{transform:translateY(1px)}&:disabled{opacity:.6;cursor:not-allowed}&.btn-primary,&.button-primary,&.submit-button{background-color:var(--color-primary);color:var(--color-text-inverse);&:hover{background-color:var(--color-primary-hover)}}&.btn-secondary,&.button-secondary,&.cancel-button{background-color:var(--color-secondary);color:var(--color-text-inverse);border:1px solid var(--color-border);&:hover{background-color:var(--color-secondary-hover)}}&.btn-outline,&.button-outline{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);&:hover{background-color:var(--color-background-tertiary)}}&.preset-button{background-color:var(--color-background-quaternary);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);&:hover{background-color:var(--color-background-tertiary)}}}.notification{position:fixed;bottom:20px;right:20px;min-width:300px;max-width:500px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:space-between;z-index:var(--z-index-tooltip);animation:slideIn .3s ease-out;&.notification-success{background-color:var(--color-success);border-left:4px solid var(--color-success);color:var(--color-text-inverse)}&.notification-error{background-color:var(--color-danger);border-left:4px solid var(--color-danger);color:var(--color-text-inverse)}&.notification-info{background-color:var(--color-info);border-left:4px solid var(--color-info);color:var(--color-text-inverse)}& .notification-content{flex:1 1}& .notification-message{font-size:var(--font-size-sm,14px);line-height:1.4}& .notification-close{background:none;border:none;font-size:var(--font-size-lg,16px);cursor:pointer;padding:0 0 0 16px;margin:0;color:inherit;opacity:.7;box-shadow:none;&:hover{opacity:1;background:none}}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.text-muted{color:var(--color-text-muted);font-style:italic}.text-center{text-align:center}.flex-center{display:flex;justify-content:center;align-items:center}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.w-100{width:100%}.h-100{height:100%}@media (prefers-color-scheme:dark){.app-selector-permission-info,.permission-info{background-color:var(--color-background-secondary);border-color:var(--color-border);& .permission-title{color:var(--color-text-primary)}& .badge.permission-standard,& .permission-badge.permission-standard{background-color:var(--color-info-bg,#1a3a4a);border-color:#235875;color:var(--color-info-text,#8fcdff)}& .badge.permission-medium,& .permission-badge.permission-medium{background-color:var(--color-warning-bg,#3a2a18);border-color:#5a4020;color:var(--color-warning-text,#ffb066)}& .badge.permission-high,& .permission-badge.permission-high{background-color:var(--color-danger-bg,#3a1a1a);border-color:#5a2a2a;color:var(--color-danger-text,#ff8080)}& .permission-note{color:var(--color-text-muted)}}.env-config-form{background-color:var(--color-background-secondary);& .env-config-form-empty{color:var(--color-text-muted)}}.form-error{color:var(--color-danger-text,#ff8080)}.env-config-form-input,.env-config-form-select,.form-control,.tester-input{background-color:var(--color-background);border-color:var(--color-border);color:var(--color-text-primary);&:focus{border-color:var(--color-border-focus)}}.notification{&.notification-success{background-color:var(--color-success);opacity:.8}&.notification-error{background-color:var(--color-danger);opacity:.8}&.notification-info{background-color:var(--color-info);opacity:.8}}.card{background-color:var(--color-background-secondary);border-color:var(--color-border)}.panel{background-color:var(--color-background-secondary);& .panel-title{color:var(--color-text-primary)}}.btn,.button,.cancel-button,.preset-button,.submit-button,.tester-button{&.btn-primary,&.button-primary,&.submit-button{background-color:var(--color-primary);&:hover{background-color:var(--color-primary-hover)}}&.btn-secondary,&.button-secondary,&.cancel-button{background-color:var(--color-background-tertiary);color:var(--color-text-primary);border-color:var(--color-border);&:hover{background-color:var(--color-background-quaternary)}}&.btn-outline,&.button-outline{border-color:var(--color-border);color:var(--color-text-primary);&:hover{background-color:var(--color-background-tertiary)}}&.preset-button{background-color:var(--color-background-tertiary);border-color:var(--color-border);color:var(--color-text-primary);&:hover{background-color:var(--color-background-quaternary)}}}}:scope{--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-rounded:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--color-info:#0288d1}.theme-system{color-scheme:light;--color-primary:#007bff;--color-primary-rgb:0,123,255;--color-primary-hover:#0069d9;--color-primary-dark:#0051a8;--color-secondary:#6c757d;--color-secondary-hover:#545b62;--color-secondary-dark:#444;--color-error-background:#f8d7da;--color-error-text:#721c24;--color-error-details-background:rgba(0,0,0,0.05);--color-text-primary:#333;--color-text-secondary:#555;--color-text-muted:#666;--color-text-inverse:#fff;--color-background:#fff;--color-background-secondary:#f8f9fa;--color-background-tertiary:#f5f5f5;--color-background-quaternary:#e9ecef;--color-border:#ddd;--color-border-light:#e0e0e0;--color-border-lighter:#eee;--color-border-focus:#007bff;--shadow-sm:0 1px 2px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--color-terminal-bg:#1e1e1e;--color-terminal-text:#f0f0f0;--color-terminal-error:#ff6b6b;--color-icon-claude:#d08a68;--color-icon-cursor:#3182ce;--color-icon-windsurf:#48bb78;--color-icon-chatgpt:#71a395}@media (prefers-color-scheme:dark){.theme-system{color-scheme:dark;--color-primary:#0d6efd;--color-primary-rgb:13,110,253;--color-primary-hover:#0b5ed7;--color-primary-dark:#0a58ca;--color-secondary:#6c757d;--color-secondary-hover:#5c636a;--color-secondary-dark:#444;--color-text-primary:#f6f6f6;--color-text-secondary:#d5d5d5;--color-text-muted:#a0a0a0;--color-text-inverse:#fff;--color-background:#1e1e1e;--color-background-secondary:#2d2d2d;--color-background-tertiary:#2f2f2f;--color-background-quaternary:#3d3d3d;--color-border:#444;--color-border-light:#555;--color-border-lighter:#666;--color-border-focus:#0d6efd;--color-danger-bg:#502626;--color-danger-text:#ff9999;--color-warning-bg:#4d3c10;--color-warning-text:#ffd066;--color-info-bg:#0f3c4a;--color-info-text:#66d9ff;--color-error-background:#390e12;--color-error-text:#f8bec0;--color-error-details-background:rgba(255,255,255,0.05);--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 6px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px rgba(0,0,0,0.3)}}.theme-light{color-scheme:light;--color-primary:#007bff;--color-primary-rgb:0,123,255;--color-primary-hover:#0069d9;--color-primary-dark:#0051a8;--color-secondary:#6c757d;--color-secondary-hover:#545b62;--color-secondary-dark:#444;--color-error-background:#f8d7da;--color-error-text:#721c24;--color-error-details-background:rgba(0,0,0,0.05);--color-text-primary:#333;--color-text-secondary:#555;--color-text-muted:#666;--color-text-inverse:#fff;--color-background:#fff;--color-background-secondary:#f8f9fa;--color-background-tertiary:#f5f5f5;--color-background-quaternary:#e9ecef;--color-border:#ddd;--color-border-light:#e0e0e0;--color-border-lighter:#eee;--color-border-focus:#007bff;--shadow-sm:0 1px 2px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--color-terminal-bg:#1e1e1e;--color-terminal-text:#f0f0f0;--color-terminal-error:#ff6b6b;--color-danger-bg:#ffebee;--color-danger-text:#c62828;--color-warning-bg:#fff8e1;--color-warning-text:#f57f17;--color-info-bg:#e3f2fd;--color-info-text:#0277bd}.theme-dark{color-scheme:dark;--color-primary:#0d6efd;--color-primary-rgb:13,110,253;--color-primary-hover:#0b5ed7;--color-primary-dark:#0a58ca;--color-secondary:#6c757d;--color-secondary-hover:#5c636a;--color-secondary-dark:#444;--color-text-primary:#f6f6f6;--color-text-secondary:#d5d5d5;--color-text-muted:#a0a0a0;--color-text-inverse:#fff;--color-background:#1e1e1e;--color-background-secondary:#2d2d2d;--color-background-tertiary:#2f2f2f;--color-background-quaternary:#3d3d3d;--color-border:#444;--color-border-light:#555;--color-border-lighter:#666;--color-border-focus:#0d6efd;--color-danger-bg:#502626;--color-danger-text:#ff9999;--color-warning-bg:#4d3c10;--color-warning-text:#ffd066;--color-info-bg:#0f3c4a;--color-info-text:#66d9ff;--color-error-background:#390e12;--color-error-text:#f8bec0;--color-error-details-background:rgba(255,255,255,0.05);--color-terminal-bg:#1e1e1e;--color-terminal-text:#f0f0f0;--color-terminal-error:#ff6b6b;--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 6px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px rgba(0,0,0,0.3)}.app-selector-content{overflow-y:auto;flex-grow:1}.app-selector-apps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.app-option{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:border-color .2s,box-shadow .2s;overflow:hidden;&.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb,0,123,255),.25)}& .app-option-label{display:flex;align-items:center;padding:var(--spacing-md);cursor:pointer;gap:var(--spacing-sm);background-color:var(--color-background);transition:background-color .2s;&:hover{background-color:var(--color-background-tertiary)}}& .app-option-content{display:flex;align-items:center;gap:var(--spacing-sm);flex-grow:1}& .app-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 var(--spacing-xs)}}.project-accordion{background-color:var(--color-background-tertiary);border-top:1px solid var(--color-border-light);max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out,opacity .3s ease-out;padding:0 var(--spacing-md);opacity:0}.app-option.selected .project-accordion{max-height:500px;padding:var(--spacing-md);opacity:1;visibility:visible}.project-settings{display:flex;flex-direction:column;gap:var(--spacing-md)}.project-setting-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer}.project-setting-checkbox{margin-top:3px}.project-setting-content{& h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}& p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}}.project-list{display:flex;flex-direction:column;gap:var(--spacing-sm);& h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}}.project-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-sm);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-xs)}.project-path{color:var(--color-text-secondary);word-break:break-all;margin-right:var(--spacing-sm)}.remove-project-btn{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-xs);line-height:1;&:hover{color:var(--color-danger-bg,#c53030)}}.add-project-btn{padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s;border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-primary);text-align:center;&:hover{background-color:var(--color-background-tertiary)}}@media (prefers-color-scheme:dark){.app-option{border-color:var(--color-border);& .app-option-label{background-color:var(--color-background);&:hover{background-color:var(--color-background-tertiary)}}&.selected{border-color:var(--color-primary)}}.project-accordion{background-color:var(--color-background-tertiary);border-top-color:var(--color-border)}.project-setting-option{background-color:var(--color-background);border-color:var(--color-border)}.project-setting-content p{color:var(--color-text-secondary)}.project-item{background-color:var(--color-background);border-color:var(--color-border)}.project-path{color:var(--color-text-secondary)}.remove-project-btn{color:var(--color-danger-text,#ff8080);&:hover{color:var(--color-danger)}}.add-project-btn{border-color:var(--color-border);background-color:var(--color-background);color:var(--color-primary);&:hover{background-color:var(--color-background-tertiary)}}}body{margin:0;padding:0}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:scope{color:var(--color-text-primary);background-color:var(--color-background-tertiary)}.container{margin:0;padding-top:10vh;display:flex;flex-direction:column;justify-content:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:.75s}.logo.vite:hover{filter:drop-shadow(0 0 2em #747bff)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafb)}.logo.tauri:hover{filter:drop-shadow(0 0 2em #24c8db)}.row{display:flex;justify-content:center}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}h1{text-align:center}.description{margin-top:0;color:var(--color-text-muted);font-size:1.1rem}button,input{border-radius:var(--border-radius-lg);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--color-text-primary);background-color:var(--color-background);transition:border-color .25s;box-shadow:var(--shadow-sm);outline:none}button{cursor:pointer}button:active,button:hover{border-color:var(--color-primary)}button:active{background-color:var(--color-background-tertiary)}#greet-input{margin-right:5px}.card{padding:2em;margin-top:1em}.read-the-docs{color:var(--color-text-muted)}.app-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal)}@media (prefers-color-scheme:dark){:root{color:var(--color-text-primary);background-color:var(--color-background)}a:hover{color:var(--color-primary-hover)}button,input{color:var(--color-text-primary);background-color:var(--color-background-secondary)}button:active{background-color:var(--color-background-tertiary)}.read-the-docs{color:var(--color-text-muted)}}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1 1;padding:var(--spacing-md)}.app-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background-color:var(--color-background)}.app-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.app-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-light);background-color:var(--color-background);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (prefers-color-scheme:dark){.app-footer,.app-header{background-color:var(--color-background-secondary)}}.step-container h2{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.confirmation-message{margin-bottom:var(--spacing-sm)}.config-label,.confirmation-message{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.config-label{margin:var(--spacing-sm) 0}.config-preview{flex:1 1;overflow:auto;margin-bottom:var(--spacing-lg);& pre{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--color-text-primary);line-height:1.5;background:none;padding:0;border:none}& code,& pre{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--font-size-sm)}& code{background-color:var(--color-background-tertiary);padding:2px 5px;border-radius:3px}}.target-files{margin-bottom:var(--spacing-lg);& ul{background:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 30px;margin:0;list-style-type:disc;max-height:150px;overflow-y:auto}& li{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--color-text-primary);padding:5px 0;font-size:var(--font-size-sm)}}.confirmation-question{margin:var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}@media (prefers-color-scheme:dark){.dialog h2{border-bottom-color:var(--color-border)}.config-preview pre{color:var(--color-text-primary)}.target-files{& ul{background:var(--color-background-tertiary);border-color:var(--color-border)}& li{color:var(--color-text-primary)}}}.panel,.permission-container{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);margin-bottom:var(--spacing-lg);& .panel-title,& .permission-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}& .permission-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}& .permission-text{white-space:nowrap}& .permission-note,& .text-muted{margin:0;color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}& .form-description,& .permission-description{margin:var(--spacing-md) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}& .denied-permissions{margin-top:var(--spacing-md);border-top:1px solid var(--color-border-light);padding-top:var(--spacing-sm);& summary{cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--spacing-xs) 0;list-style:revert;&:hover{color:var(--color-text-primary)}}& .denied-permissions-content{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-background-tertiary);border-radius:var(--border-radius-sm)}& .badge.permission-denied{background-color:var(--color-background-quaternary);border:1px dashed var(--color-border);color:var(--color-text-muted);opacity:.7}}}@media (prefers-color-scheme:dark){.panel,.permission-container{background:var(--color-background-secondary);border-color:var(--color-border);& .panel-title,& .permission-title{color:var(--color-text-primary)}& .permission-note,& .text-muted{color:var(--color-text-muted)}& .form-description,& .permission-description{color:var(--color-text-secondary)}& .denied-permissions{border-top-color:var(--color-border);& summary{color:var(--color-text-secondary);&:hover{color:var(--color-text-primary)}}& .denied-permissions-content{background-color:var(--color-background-tertiary)}& .badge.permission-denied{background-color:var(--color-background-quaternary);border-color:var(--color-border-light);color:var(--color-text-muted)}}}}.auto-install-option,.manual-install-instructions{margin-top:var(--spacing-md);width:100%}.install-command-info{margin:var(--spacing-sm) 0;width:100%;& p{margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}}.terminal-output{background-color:var(--color-terminal-bg);color:var(--color-terminal-text);padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin:var(--spacing-sm) 0;text-align:left;font-family:monospace;height:150px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;&.empty{display:none}& .terminal-line{padding:2px 0;line-height:1.4;&.error{color:var(--color-terminal-error)}&.success{color:var(--color-success)}&.warning{color:var(--color-warning)}}}.playground-container{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr minmax(auto,600px);grid-template-areas:"header header" "left-pane right-pane" "footer footer";height:100vh;width:100%;background-color:var(--color-background);color:var(--color-text-primary);box-sizing:border-box;overflow:hidden;padding:0;margin:0 auto;max-width:1600px;.web-demo-pane{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg)}.web-demo-pane.left-pane{grid-area:left-pane}.web-demo-pane.right-pane{grid-area:right-pane}.dialog-container{width:100%;overflow:auto}.dialog-placeholder{display:flex;justify-content:center;align-items:center;background-color:var(--color-background-tertiary);opacity:.7;border-radius:var(--border-radius-lg)}.step-footer{position:absolute!important}.step-container{position:relative}.pane-header{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light)}.pane-header-content{display:flex;justify-content:space-between;align-items:center}.pane-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.mode-switch{display:flex;background-color:var(--color-background-tertiary);border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--color-border-light)}.switch-button{padding:var(--spacing-xs) var(--spacing-md);border:none;background:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.switch-button.active{background-color:var(--color-primary);color:var(--color-text-inverse)}.pane-content{overflow-y:auto}@media (max-width:1024px){.playground-container{grid-template-columns:1fr;grid-template-areas:"header" "left-pane" "right-pane" "footer";min-height:100vh}}.playground-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);grid-area:header;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border)}.playground-header h1{font-size:var(--font-size-lg);margin:0;font-weight:var(--font-weight-medium)}.theme-toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.preset-buttons-container{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.json-editor{width:100%;height:400px;font-family:monospace;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.playground-form{gap:var(--spacing-md)}.args-container,.playground-form{display:flex;flex-direction:column}.arg-item,.args-container{gap:var(--spacing-sm)}.arg-item{display:flex;align-items:center;padding:4px;border:1px solid transparent;cursor:-webkit-grab;cursor:grab}.arg-item.dragged{background-color:var(--color-background-tertiary)}.drag-handle{display:flex;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;padding:4px 8px;color:var(--color-text-secondary)}.flex-input{flex:1 1}.flex-input-2{flex:2 1}.align-start{align-self:flex-start}.env-var-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm)}.small-font-btn{font-size:var(--font-size-sm)}.bg-tertiary{background-color:var(--color-background-tertiary)}.input-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.full-width-btn{width:100%}.border-top-separator{border-top:1px solid var(--color-border-light)}.fixed-url-bar{grid-area:footer;background-color:var(--color-background-secondary);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);box-sizing:border-box;z-index:10;min-height:60px;max-height:80px}.fixed-url-bar,.url-container{display:flex;gap:var(--spacing-sm);width:100%}.url-container{align-items:center}.url-label{font-weight:var(--font-weight-medium);white-space:nowrap;margin-right:var(--spacing-md)}.url-link{flex:1 1;max-height:40px;overflow-y:auto;word-break:break-all;padding:var(--spacing-xs);background-color:var(--color-background);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.log-entries-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.log-entry-header{background-color:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.log-entry-content,.log-entry-header{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.log-entry-content{margin:0;font-family:monospace;white-space:pre-wrap;overflow-x:auto}.no-padding{padding:0}.web-demo-pane.right-pane{display:grid;grid-template-rows:auto 1fr}.web-demo-pane.right-pane .dialog-container{overflow:auto;border-radius:var(--border-radius-md);background-color:var(--color-background-secondary);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}}.verification-status{margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.status-verifying{color:var(--color-text-secondary)}.status-success{color:var(--color-success)}.status-error,.status-success{font-weight:var(--font-weight-medium)}.status-error{color:var(--color-error)}