.progress-container{position:fixed;bottom:0;left:0;right:0;background:var(--background);border-top:1px solid var(--border-color);padding:var(--space-2) var(--space-3);z-index:100;box-shadow:0 -4px 12px rgba(0,0,0,.1)}.progress-bar{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:var(--primary-color);width:0;transition:width .5s ease;border-radius:2px}.progress-steps{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.progress-step{width:12px;height:12px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);transition:var(--transition);cursor:pointer}.progress-step.active{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.2)}.progress-step.completed{background:var(--success-color);border-color:var(--success-color)}.progress-step:hover{transform:scale(1.1)}.progress-info{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-2)}.progress-info,.progress-time{font-size:1rem;color:var(--text-secondary)}.progress-separator{color:var(--text-tertiary);font-size:.9375rem}@media (max-width:768px){.progress-container{padding:var(--space-2)}.progress-steps{gap:var(--space-1)}.progress-step{width:10px;height:10px}.progress-info{gap:var(--space-1)}.progress-info,.progress-time{font-size:.9375rem}}.guide-page{min-height:100vh;background:var(--bg-primary)}.container{max-width:900px;margin:0 auto;padding:0 var(--space-3);padding-bottom:var(--space-6)}.step-content a{color:var(--primary-color);text-decoration:underline;font-weight:500;transition:var(--transition)}.step-content a:hover{text-decoration:underline;opacity:.8}[data-theme=dark] .step-content a{color:#E09B7A}.main-content{margin-top:var(--space-4);padding-bottom:100px}.simple-check{background:rgba(249,250,251,.5);border:1px solid rgba(229,231,235,.8);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.simple-check:last-child{margin-bottom:0}.tooltip{position:relative;display:inline;border-bottom:1px dotted var(--primary-color);color:var(--primary-color);cursor:help}.tooltip-text{visibility:hidden;width:200px;background-color:var(--background);color:var(--text-primary);text-align:center;border-radius:var(--radius-sm);padding:var(--space-2);position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:.875rem;line-height:1.4;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid var(--border-color)}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--background) transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}[data-theme=dark] .checklist-box,[data-theme=dark] .simple-check{background:rgba(42,42,42,.8);border-color:rgba(68,68,68,.8)}[data-theme=dark] .tooltip{border-bottom-color:#E09B7A;color:#E09B7A}[data-theme=dark] .tooltip-text{background-color:#2A2A2A;color:#E5E5E5;border-color:#444444}[data-theme=dark] .tooltip-text:after{border-color:#2A2A2A transparent transparent}@media (max-width:768px){.container{padding:0 var(--space-2);padding-bottom:100px}.main-content{margin-top:var(--space-3)}.tooltip-text{width:150px;margin-left:-75px;font-size:.75rem}}@media (max-width:767px) and (orientation:landscape){.container{padding:0 var(--space-3);padding-bottom:80px}.main-content{margin-top:var(--space-2)}.simple-check{padding:var(--space-3);margin-bottom:var(--space-3)}}
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */.step-section{border-radius:var(--radius-lg);margin-bottom:var(--space-3);transition:var(--transition);content-visibility:auto;contain-intrinsic-size:auto 105px;background:#f5f5f5;border:1px solid #0000;overflow:hidden}.step-section:last-child{margin-bottom:100px}.step-header{align-items:center;gap:var(--space-2);cursor:pointer;transition:var(--transition);border-radius:var(--radius-lg)var(--radius-lg)0 0;background:0 0;min-height:105px;padding:32px 40px;display:flex;position:relative}.step-header h2{color:var(--text-primary);margin:0 auto 0 0;font-size:1.5rem;font-weight:600}.step-number{color:#fff;background:#9ca3af;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:600;display:flex}.step-tag{color:#fff;border-radius:14px;padding:3px 10px;font-size:.7rem;font-weight:500}.step-tag,.step-tag.progress-tag{background:#cc785c}.time-estimate{color:var(--text-secondary);margin-left:var(--space-1);align-items:center;gap:6px;font-size:.8125rem;font-weight:400;display:flex}.step-content{border-radius:0 0 var(--radius-lg)var(--radius-lg);background:linear-gradient(135deg,#cc785c14,#cc785c08);padding:28px 32px}.step-content h3{margin-bottom:var(--space-2);color:var(--text-primary);font-size:1.25rem;font-weight:600}.step-content p{margin-bottom:var(--space-3)}.step-content li,.step-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.step-content li{margin-bottom:var(--space-2)}.completed-text{color:#cc785c;margin-left:var(--space-2);font-size:1.125rem;font-weight:500}.btn-read-only{color:#fff;cursor:default;background:#cc785c;border:none;border-radius:16px;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1;display:inline-block}.step-section.is-active{opacity:1;background:linear-gradient(135deg,#cc785c0f,#cc785c05);border-color:#cc785c;transition:background .3s,border-color .3s,opacity .3s,box-shadow .3s,transform .3s;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.step-section.is-active .step-header{background:linear-gradient(135deg,#cc785c40,#cc785c26);border-bottom:1px solid #cc785c33}.step-section.is-active .step-content{background:linear-gradient(135deg,#cc785c1f,#cc785c0d)}.step-section.is-active .step-number{background:#cc785c}.step-section.is-completed{opacity:1;background:0 0;border-color:#cc785c}.step-section.is-completed .step-header{background:linear-gradient(135deg,#cc785c26,#cc785c14);border-bottom:1px solid #cc785c1a}.step-section.is-completed .step-number{background:var(--success-color)}.step-section:not(.is-active):not(.is-completed){opacity:.6;background:#f5f5f5;border-color:#e5e7eb}.step-section:not(.is-active):not(.is-completed) .step-header{cursor:not-allowed;background:#f5f5f5}.step-section .step-content{display:none}.step-section.is-expanded:not(.is-completed) .step-content{display:block}.step-section.is-completed.is-expanded .step-content{display:none}.step-section.is-completed.is-expanded.is-show-full .step-content{display:block}.step-summary{padding:var(--space-4)var(--space-5);background:0 0;display:none}.step-section.is-completed.is-expanded:not(.is-show-full) .step-summary{display:block}.step-section.is-completed.is-expanded.is-show-full .step-summary,.step-section.is-completed:not(.is-expanded) .step-summary{display:none}.step-summary-content{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.step-summary-icon{color:var(--success-color);font-size:1.5rem}.step-summary-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.btn-back-to-summary,.btn-view-full-content{color:#cc785c;border-radius:var(--radius);cursor:pointer;transition:var(--transition);align-items:center;gap:var(--space-1);background:0 0;border:1px solid #cc785c;padding:8px 16px;font-size:.875rem;display:inline-flex}.btn-back-to-summary:hover,.btn-view-full-content:hover{color:#fff;background:#cc785c}.btn-back-to-summary{margin-bottom:var(--space-3)}.btn-back-to-summary i,.btn-view-full-content i{font-size:.75rem}.step-section.os-specific[data-os=mac]{display:block}.step-section.os-specific[data-os=windows],body[data-current-os=windows] .step-section.os-specific[data-os=mac]{display:none}.os-specific:not(.step-section)[data-os=mac],body[data-current-os=windows] .step-section.os-specific[data-os=windows]{display:block}.os-specific:not(.step-section)[data-os=windows],body[data-current-os=windows] .os-specific:not(.step-section)[data-os=mac]{display:none}body[data-current-os=windows] .os-specific:not(.step-section)[data-os=windows]{display:block}li.os-specific[data-os=mac]{list-style:inherit!important;display:list-item!important}body[data-current-os=windows] li.os-specific[data-os=mac],li.os-specific[data-os=windows]{display:none}body[data-current-os=windows] li.os-specific[data-os=windows]{list-style:inherit!important;display:list-item!important}.simple-list-box{border-radius:var(--radius);padding:var(--space-3);margin:var(--space-3)0;background:#f8f9fa;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.simple-list-box ul{padding-left:var(--space-3);margin:0;list-style:outside!important}.simple-list-box li{margin-bottom:var(--space-2);color:var(--text-secondary);line-height:1.6}.terminal-guide{margin:var(--space-4)0}.terminal-guide-box{border-radius:var(--radius);padding:var(--space-4);margin:var(--space-3)0;background:#f9fafb80;border:1px solid #e5e7ebcc}.terminal-guide-box h4{margin-bottom:var(--space-3);color:var(--text-primary);font-size:1.125rem;font-weight:600}.install-note{border-radius:var(--radius);padding:var(--space-2);margin:var(--space-2)0;color:var(--text-primary);background:#3b82f61a;border:1px solid #3b82f633;font-size:.875rem}.warning-notice{border-radius:var(--radius);padding:var(--space-3);margin:var(--space-3)0;background:#f59e0b1a;border:1px solid #f59e0b4d}.warning-notice h4{color:var(--warning-color);margin-bottom:var(--space-2)}.warning-notice p{color:var(--text-primary);margin-bottom:var(--space-2)}.warning-notice p:last-child{margin-bottom:0}kbd{border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4;display:inline-block}kbd,kbd.enter-key{color:#1a1a1a;background:#fff;box-shadow:0 1px 3px #0000001a}kbd.enter-key{border:1px solid #e5e7eb;padding-right:20px;position:relative}kbd.enter-key:after{content:"↵";color:#6b7280;font-size:.875rem;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.result-buttons{margin:var(--space-4)0;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color)}.result-buttons p{margin-bottom:var(--space-3);color:var(--text-primary);font-weight:500}.result-buttons .button-group{gap:var(--space-2);flex-direction:column;display:flex}.result-btn{width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-align:left;align-items:center;gap:var(--space-2);min-height:52px;margin-bottom:var(--space-2);border:2px solid #0000;font-size:.95rem;font-weight:500;line-height:1.5;display:flex}.result-btn:last-child{margin-bottom:0}.result-btn:disabled{opacity:.6;cursor:not-allowed}.result-btn:focus{outline:2px solid var(--focus-color);outline-offset:2px}.result-btn.success{border-color:var(--success-color);color:var(--success-color);background:#cc785c14}.result-btn.success:hover:not(:disabled){background:var(--success-color);border-color:var(--success-color);color:#fff;box-shadow:0 4px 12px var(--success-light);transform:translateY(-1px)}.result-btn.success:hover:not(:disabled) .icon{color:#fff}.result-btn.success .icon{color:var(--success-color);font-size:1.25rem}.result-btn.error{color:var(--error-color);background:#ef444414;border-color:#ef44444d}.result-btn.error:hover:not(:disabled){background:var(--error-color);border-color:var(--error-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.result-btn.error:hover:not(:disabled) .icon{color:#fff}.result-btn.error .icon{color:var(--error-color);font-size:1.25rem}.result-btn.resolution{color:var(--text-primary);background:#3b82f61a;border-color:#3b82f64d}.result-btn.resolution:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #cc785c4d}.result-btn.resolution:hover:not(:disabled) .icon{color:#fff}.result-btn.resolution .icon{color:var(--primary-color);font-size:1.25rem}.result-btn .btn-text{flex:1}.result-btn .main-text{margin-bottom:2px;font-weight:600}.result-btn .sub-text{color:inherit;opacity:.9;font-size:.875rem}.result-btn.loading{color:#0000;position:relative}.result-btn.loading:after{content:"";border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(1turn)}}[data-theme=dark] .result-btn{color:#e5e5e5;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .result-btn.success{background:var(--success-light);border-color:var(--success-color)}[data-theme=dark] .result-btn.success:hover:not(:disabled){background:var(--success-color);border-color:var(--success-color);color:#fff;box-shadow:0 4px 12px var(--success-light)}[data-theme=dark] .result-btn.success:hover:not(:disabled) .icon{color:#fff}[data-theme=dark] .result-btn.error{background:#ef444426;border-color:#ef444466}[data-theme=dark] .result-btn.error:hover:not(:disabled){background:var(--error-color);border-color:var(--error-color);color:#fff;box-shadow:0 4px 12px #ef44444d}[data-theme=dark] .result-btn.error:hover:not(:disabled) .icon{color:#fff}[data-theme=dark] .result-btn.resolution{background:#3b82f626;border-color:#3b82f666}[data-theme=dark] .result-btn.resolution:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #cc785c4d}[data-theme=dark] .result-btn.resolution:hover:not(:disabled) .icon{color:#fff}[data-theme=dark] .result-btn .sub-text{color:inherit}[data-theme=dark] .result-btn.loading:after{border-color:#e09b7a #ffffff4d #ffffff4d}@media (max-width:768px){.result-buttons{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3)0}.result-btn{padding:var(--space-3);min-height:48px;font-size:.875rem}.result-btn .icon{font-size:1.125rem}.result-btn .main-text{font-size:.875rem}.result-btn .sub-text{font-size:.8125rem}}@media (min-width:769px) and (max-width:1024px){.result-btn{padding:var(--space-3)var(--space-4);font-size:.9375rem}}@media (prefers-contrast:high){.result-btn{border-width:3px}.result-btn.success{border-color:var(--success-color)}.result-btn.error{border-color:var(--error-color)}.result-btn.resolution{border-color:var(--primary-color)}}@media (prefers-reduced-motion:reduce){.result-btn{transition:none}.result-btn:hover:not(:disabled){transform:none}.result-btn.loading:after{animation:none}}@supports selector(:focus-visible){.result-btn:focus{outline:none}.result-btn:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}}.result-btn.is-selected{position:relative;background:#fee2e2!important;border-color:#cc785c!important}.result-btn.success.is-selected{color:var(--success-color)!important}.result-btn.error.is-selected{color:var(--error-color)!important}.result-btn.success.is-selected:hover{color:var(--success-color)!important}.result-btn.error.is-selected:hover,.result-btn.success.is-selected:hover{box-shadow:none!important;background:#fee2e2!important;border-color:#cc785c!important;transform:none!important}.result-btn.error.is-selected:hover{color:var(--error-color)!important}.result-btn.success.is-selected:hover .icon{color:var(--success-color)!important}.result-btn.error.is-selected:hover .icon{color:var(--error-color)!important}.result-btn.is-selected .selected-label{color:#fff;background:#cc785c;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:500;position:absolute;top:12px;right:12px}.result-btn.is-disabled{pointer-events:none;opacity:.5!important;cursor:not-allowed!important}.result-btn.is-disabled:hover{box-shadow:none!important;transform:none!important}[data-theme=dark] .step-section{background:#1f1f1f;border-color:#555}[data-theme=dark] .step-section.is-active{background:#2a2a2a;border-color:#e09b7a66;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .step-section.is-active .step-header{background:#e09b7a1f}[data-theme=dark] .step-content{background:#2a2a2a;border-top-color:#e09b7a33}[data-theme=dark] .step-section.is-active .step-content{background:#e09b7a0d}[data-theme=dark] .step-header{background:0 0}[data-theme=dark] .step-header h2{color:#e5e5e5}[data-theme=dark] .step-content h3{color:#f5f5f5}[data-theme=dark] .step-content p{color:#c4c4c4}[data-theme=dark] .step-number{color:#e5e5e5;background:#666}[data-theme=dark] .step-section.is-active .step-number,[data-theme=dark] .step-tag{color:#1a1a1a;background:#e09b7a}[data-theme=dark] .completed-text{color:#e09b7a}[data-theme=dark] .btn-read-only{color:#1a1a1a;background:#e09b7a}[data-theme=dark] .btn-back-to-summary,[data-theme=dark] .btn-view-full-content{color:#e5e5e5;background:#cc785c1a;border-color:#cc785c}[data-theme=dark] .btn-back-to-summary:hover,[data-theme=dark] .btn-view-full-content:hover{color:#fff;background:#cc785c}[data-theme=dark] .simple-list-box{background:#1e1e1e99;border-color:#ffffff1a;box-shadow:0 1px 3px #0003}[data-theme=dark] .terminal-guide-box{background:#2a2a2acc;border-color:#444c}[data-theme=dark] .terminal-guide-box h4{color:#f5f5f5}[data-theme=dark] .warning-notice{background:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .warning-notice h4{color:#f59e0b}[data-theme=dark] .warning-notice p{color:#e5e5e5}[data-theme=dark] .install-note{color:#e5e5e5;background:#3b82f626;border-color:#3b82f64d}[data-theme=dark] kbd{box-shadow:0 1px 3px #0000004d}[data-theme=dark] kbd,[data-theme=dark] kbd.enter-key{color:#e5e5e5;background:#404040;border-color:#666}[data-theme=dark] kbd.enter-key:after{color:#b4b4b4}[data-theme=dark] .step-section:not(.is-active):not(.is-completed){opacity:1;background:#3a3a3a;border-color:#666}[data-theme=dark] .step-section:not(.is-active):not(.is-completed) .step-header{background:#3a3a3a}[data-theme=dark] .step-section:not(.is-active):not(.is-completed) .step-header h2{color:#e5e5e5;opacity:.8}[data-theme=dark] .step-section:not(.is-active):not(.is-completed) .time-estimate{color:#b4b4b4}[data-theme=dark] .step-section:not(.is-active):not(.is-completed) .step-number{color:#fff;background:#757575}[data-theme=dark] .terminal-content .output,[data-theme=dark] .terminal-title{color:#ccc}[data-theme=dark] .terminal-example.claude-terminal .input-box,[data-theme=dark] .terminal-example.claude-terminal .permission-box,[data-theme=dark] .terminal-example.claude-terminal .welcome-box{background:#404040;border-color:#666}[data-theme=dark] .terminal-example.claude-terminal .input-text,[data-theme=dark] .terminal-example.claude-terminal .output,[data-theme=dark] .terminal-example.claude-terminal .prompt{color:#d4d4d4}[data-theme=dark] .terminal-example.claude-terminal .option{color:#d4d4d4;background:#555}[data-theme=dark] .terminal-example .input-text,[data-theme=dark] .terminal-example .option-unselected,[data-theme=dark] .terminal-example.claude-terminal .hint,[data-theme=dark] .terminal-example.claude-terminal .option-inactive{color:#999}@media (max-width:768px){.step-section{margin-bottom:var(--space-3);border-radius:var(--radius-sm)}.step-header{padding:var(--space-3);align-items:center;gap:var(--space-2);flex-direction:row;min-height:80px}.step-header h2{font-size:1.25rem;line-height:1.4}.step-content{padding:var(--space-3)}.step-content h3{margin-bottom:var(--space-2);font-size:1.125rem}.step-content p{font-size:.875rem;line-height:1.6}.terminal-example{padding:var(--space-2);margin:var(--space-2)0;font-size:.75rem}.terminal-content{font-size:.75rem;line-height:1.5}.btn-back-to-summary,.btn-view-full-content{justify-content:center;width:100%;padding:12px 16px;font-size:.875rem}.os-switcher{gap:var(--space-2);flex-direction:column}.os-switcher button{width:100%;padding:12px 16px}}@media (min-width:769px) and (max-width:1024px){.step-section{margin-bottom:var(--space-3)}.step-content,.step-header{padding:var(--space-4)}.terminal-content,.terminal-example{font-size:.8125rem}}@media (min-width:1200px){.step-section{max-width:none;margin-bottom:var(--space-4)}.step-header{padding:var(--space-3)var(--space-5)}.step-content{padding:var(--space-5)}.step-content h3{font-size:1.375rem}.terminal-content,.terminal-example{font-size:.9375rem}.terminal-content{line-height:1.7}}@media print{.step-section{break-inside:avoid;box-shadow:none;margin-bottom:var(--space-3);border:1px solid #ccc}.step-section.is-active{box-shadow:none;transform:none}.terminal-example{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.btn-back-to-summary,.btn-view-full-content,.os-switcher{display:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.step-section,.terminal-example,kbd{border-width:.5px}}@media (prefers-reduced-motion:reduce){.step-section,.step-section.is-active{transition:none;transform:none}.terminal-content .cursor{opacity:1;animation:none}.btn-back-to-summary,.btn-view-full-content{transition:none}}@container (max-width:600px){.step-content,.terminal-example{padding:var(--space-2)}.terminal-example{font-size:.75rem}}@container (min-width:800px){.step-content{padding:var(--space-5)}.terminal-example{padding:var(--space-4)}}.terminal-example{border-radius:var(--radius-sm);padding:var(--space-3);margin:var(--space-2)0;background:#fff;border:1px solid #d1d5db;font-family:SF Mono,Monaco,Consolas,Courier New,monospace;box-shadow:0 1px 3px #0000000d}.terminal-header{padding-bottom:var(--space-1);margin-bottom:var(--space-2);border-bottom:1px solid #e5e7eb}.terminal-title{color:#6b7280;font-size:.875rem}.terminal-content{font-size:.875rem;line-height:1.6}.terminal-content .output{color:#000;display:block}.terminal-content .prompt{color:#000;font-weight:600;display:inline}.terminal-content .command{color:#000}.terminal-content .comment{color:#6b7280}.terminal-content .cursor{color:#fff;vertical-align:text-bottom;background:#000;width:10px;height:20px;margin-left:2px;animation:blink 1s infinite;display:inline-block}.terminal-content .prompt .cursor{color:#fff;background:#000;width:auto;height:auto;padding:0 2px;animation:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-example.success{background:#fff}.terminal-example.claude-terminal{background:#fff;border:1px solid #e5e7eb;padding:0;overflow:hidden;box-shadow:0 2px 8px #0000000d}.terminal-example.claude-terminal .terminal-header{padding-bottom:var(--space-1);margin-bottom:var(--space-2);border-bottom:1px solid #e5e7eb}.terminal-example.claude-terminal .terminal-header-bar{color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px;font-size:.875rem}.terminal-example.claude-terminal .terminal-content{color:#1f2937;padding:var(--space-3);background:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6}.terminal-example .permission-box{padding:var(--space-3);margin:var(--space-3)0;background:0 0;border:1px solid #ea580c;border-radius:6px}.terminal-example .permission-box .output{color:#ea580c;display:block}.terminal-example .permission-box .output.option-selected,.terminal-example .permission-box .output.option-unselected{display:inline}.terminal-example .welcome-box{padding:var(--space-3);margin:var(--space-3)0;background:0 0;border:1px solid #ec4899;border-radius:4px}.terminal-example .input-box{margin:var(--space-3)0;background:0 0;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px}.terminal-example .output.hint{color:#6b7280;margin-bottom:var(--space-2);font-size:.875rem}.terminal-example .permission-box .output.hint{color:#f97316}.terminal-example .permission-box .output.hint:first-child{color:#f97316;margin-bottom:var(--space-2)}.terminal-example .output.hint.shortcuts-hint{color:#6b7280!important}.terminal-example .output.link{color:#3b82f6;text-decoration:underline}.terminal-example .output.star,.terminal-example .star{color:#ec4899;margin-right:.25rem;font-size:1.2rem;font-weight:700}.terminal-example .welcome-box .output.star,.terminal-example.success .terminal-content .welcome-box .output.star{color:#ec4899;margin-right:.25rem;font-size:1.2rem;font-weight:700;display:inline}.terminal-example .option-selected{color:#1f2937;font-weight:600}.terminal-example .permission-box .output.option-selected,.terminal-example.success .terminal-content .permission-box .output.option-selected{font-weight:600;color:#1f2937!important}.terminal-example .option-unselected{color:#6b7280}.terminal-example .permission-box .output.option-unselected,.terminal-example.success .terminal-content .permission-box .output.option-unselected{color:#6b7280!important}.terminal-example .input-text{color:#6b7280;margin-left:.25rem}.terminal-example .input-box .cursor{color:#fff;background:#000;padding:0 2px}.terminal-content .output.warn{color:#f59e0b}.terminal-content .output.error{color:#ef4444}.terminal-content .output.success{color:#10b981}body[data-current-os=windows] .terminal-example,body[data-current-os=windows] .terminal-header{background:#000;border-color:#333}body[data-current-os=windows] .terminal-title{color:silver}body[data-current-os=windows] .terminal-content{color:silver;background:#000}body[data-current-os=windows] .terminal-content .output{color:#e0e0e0}body[data-current-os=windows] .terminal-content .prompt{color:silver}body[data-current-os=windows] .terminal-content .command{color:#fff}body[data-current-os=windows] .terminal-content .comment{color:gray}body[data-current-os=windows] .terminal-content .cursor{background:silver}body[data-current-os=windows] .terminal-example.success{background:#000;border-color:#333}body[data-current-os=windows] .terminal-example.success .terminal-content .output{color:#fff}body[data-current-os=windows] .terminal-example.claude-terminal{background:#000;border-color:#333}body[data-current-os=windows] .terminal-example.claude-terminal .terminal-header-bar{color:silver;background:#000;border-bottom-color:#333}body[data-current-os=windows] .terminal-example.claude-terminal .terminal-content{color:silver;background:#000}body[data-current-os=windows] .terminal-example.claude-terminal .output{color:#e0e0e0}body[data-current-os=windows] .terminal-example.claude-terminal .prompt{color:silver}body[data-current-os=windows] .terminal-example.claude-terminal .permission-box,body[data-current-os=windows] .terminal-example.claude-terminal .welcome-box{border-color:gray!important}body[data-current-os=windows] .terminal-example.claude-terminal .input-box{background:#000;border-color:gray}body[data-current-os=windows] .terminal-example.claude-terminal .option{color:#fff;background:#333}body[data-current-os=windows] .terminal-example.claude-terminal .hint,body[data-current-os=windows] .terminal-example.claude-terminal .option-inactive{color:gray}body[data-current-os=windows] .terminal-example.claude-terminal .input-text{color:silver}body[data-current-os=windows] .terminal-content .output.warn{color:#ff0}body[data-current-os=windows] .terminal-content .output.error{color:red}body[data-current-os=windows] .terminal-example .star{color:#f0f}body[data-current-os=windows] .terminal-example .option-selected{color:#fff}body[data-current-os=windows] .terminal-example .option-unselected{color:gray}body[data-current-os=windows] .terminal-example .input-text{color:silver}[data-theme=dark] .terminal-example{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .terminal-example,[data-theme=dark] .terminal-header{background:#1a1a1a;border-color:#333}[data-theme=dark] .terminal-title{color:#ccc}[data-theme=dark] .terminal-content{color:#ccc;background:#1a1a1a}[data-theme=dark] .terminal-content .output{color:#ccc}[data-theme=dark] .terminal-content .prompt{color:#569cd6}[data-theme=dark] .terminal-content .command{color:#fff}[data-theme=dark] .terminal-content .comment{color:gray}[data-theme=dark] .terminal-content .cursor{background:#fff}[data-theme=dark] .terminal-content .prompt .cursor{color:#000;background:#fff}[data-theme=dark] .terminal-example.success{background:#1a1a1a;border-color:#333}[data-theme=dark] .terminal-example.success .terminal-content .output{color:#fff}[data-theme=dark] .terminal-example.claude-terminal{background:#404040;border-color:#555}[data-theme=dark] .terminal-example.claude-terminal .terminal-header{background:#404040;border-color:#333}[data-theme=dark] .terminal-example.claude-terminal .terminal-title{color:#ccc}[data-theme=dark] .terminal-example.claude-terminal .terminal-header-bar{color:#999;background:#404040;border-color:#555}[data-theme=dark] .terminal-example.claude-terminal .terminal-content{color:#d4d4d4;background:#404040}[data-theme=dark] .terminal-example.claude-terminal .output,[data-theme=dark] .terminal-example.claude-terminal .prompt{color:#d4d4d4}[data-theme=dark] .terminal-example.claude-terminal .command{color:#fff}[data-theme=dark] .terminal-example .permission-box,[data-theme=dark] .terminal-example .welcome-box{background:0 0;border-color:#666}[data-theme=dark] .terminal-example .input-box,[data-theme=dark] .terminal-example.claude-terminal .input-box,[data-theme=dark] .terminal-example.claude-terminal .permission-box,[data-theme=dark] .terminal-example.claude-terminal .welcome-box{background:#404040;border-color:#666}[data-theme=dark] .terminal-example .output.hint{color:#999}[data-theme=dark] .terminal-example .permission-box .output.hint,[data-theme=dark] .terminal-example .permission-box .output.hint:first-child{color:#d4d4d4}[data-theme=dark] .terminal-example .output.hint.shortcuts-hint{color:#999!important}[data-theme=dark] .terminal-example .output.link{color:#60a5fa;text-decoration:underline}[data-theme=dark] .terminal-example .star{color:#f0f;margin-right:.25rem;font-size:1.2rem;font-weight:700}[data-theme=dark] .terminal-example .option{color:#d4d4d4;background:#555}[data-theme=dark] .terminal-example .option-inactive{color:#999}[data-theme=dark] .terminal-example .option-selected{color:#d4d4d4}[data-theme=dark] .terminal-example .hint,[data-theme=dark] .terminal-example .input-text,[data-theme=dark] .terminal-example .option-unselected{color:#999}[data-theme=dark] .terminal-content .output.warn{color:#f59e0b}[data-theme=dark] .terminal-content .output.error{color:#ef4444}[data-theme=dark] .terminal-content .output.success{color:#10b981}[data-theme=dark] body[data-current-os=windows] .terminal-example,[data-theme=dark] body[data-current-os=windows] .terminal-header{background:#000;border-color:#333}[data-theme=dark] body[data-current-os=windows] .terminal-title{color:silver}[data-theme=dark] body[data-current-os=windows] .terminal-content{color:silver;background:#000}[data-theme=dark] body[data-current-os=windows] .terminal-content .output{color:#e0e0e0}[data-theme=dark] body[data-current-os=windows] .terminal-content .prompt{color:silver}[data-theme=dark] body[data-current-os=windows] .terminal-content .command{color:#fff}[data-theme=dark] body[data-current-os=windows] .terminal-content .cursor{background:silver}[data-theme=dark] body[data-current-os=windows] .terminal-example.claude-terminal{background:#000;border-color:#333}[data-theme=dark] body[data-current-os=windows] .terminal-example.claude-terminal .terminal-header-bar{color:silver;background:#000;border-bottom-color:#333}[data-theme=dark] body[data-current-os=windows] .terminal-example.claude-terminal .terminal-content{color:silver;background:#000}[data-theme=dark] body[data-current-os=windows] .terminal-content .output.warn{color:#ff0}[data-theme=dark] body[data-current-os=windows] .terminal-content .output.error{color:red}[data-theme=dark] body[data-current-os=windows] .terminal-example .star{color:#f0f}[data-theme=dark] body[data-current-os=windows] .terminal-example .option{color:#fff;background:#333}[data-theme=dark] body[data-current-os=windows] .terminal-example .hint,[data-theme=dark] body[data-current-os=windows] .terminal-example .option-inactive{color:gray}[data-theme=dark] body[data-current-os=windows] .terminal-example .input-text{color:silver}[data-theme=dark] .terminal-content .cursor{animation:blink-dark 1s infinite}@keyframes blink-dark{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){[data-theme=dark] .terminal-content .cursor{opacity:1;animation:none}}@media (prefers-contrast:high){[data-theme=dark] .terminal-example{border-width:2px;border-color:#fff}[data-theme=dark] .terminal-content .output{color:#fff}[data-theme=dark] .terminal-content .prompt{color:#0ff}}.terminal-section-separator{background:var(--border-color);height:1px;margin:var(--space-4)0}