html,body,#root{height:100%;margin:0;padding:0}*{box-sizing:border-box}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--bg-app:#000;--bg-panel:#1e293b;--bg-panel-hover:#263347;--bg-card:#334155;--bg-card-selected:#475569;--bg-input:#000;--bg-input-hover:#1e293b;--bg-tertiary:#1e293b;--accent-primary:#22c55e;--accent-primary-hover:#16a34a;--accent-primary-soft:#22c55e2e;--accent-green:#22c55e;--accent-green-soft:#22c55e2e;--accent-red:#ef4444;--accent-red-soft:#ef44442e;--accent-yellow:#f59e0b;--accent-purple:#3b82f6;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--text-main:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-subtle:#1e293b;--border-panel:#334155;--border-hover:#475569;--border-accent:#22c55e;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}[data-theme=light]{--bg-app:#faf9f6;--bg-panel:#dcfce7;--bg-panel-hover:#d1fae5;--bg-card:#bbf7d0;--bg-card-selected:#86efac;--bg-input:#faf9f6;--bg-input-hover:#dcfce7;--bg-tertiary:#dcfce7;--accent-primary:#22c55e;--accent-primary-hover:#16a34a;--accent-primary-soft:#22c55e33;--accent-green:#22c55e;--accent-green-soft:#22c55e33;--accent-red:#dc2626;--accent-red-soft:#dc262626;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#475569;--text-inverse:#faf9f6;--border-subtle:#dcfce7;--border-panel:#86efac;--border-hover:#4ade80;--border-accent:#22c55e;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 8px 24px #0f172a1f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.app-root{width:100%;max-width:1600px;margin:0 auto;padding:16px 24px 32px}.app-header{background-color:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 20px;display:flex;position:relative}.app-header-title{flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.brand-icon{background-color:var(--bg-tertiary);border:1px solid var(--border-panel);border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-green);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.app-header-title h1{color:var(--text-main);letter-spacing:-.01em;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.app-header-title p{color:var(--text-muted);font-size:12px;font-weight:400}.header-actions{align-items:center;gap:10px;display:flex}.btn-header-action{background-color:var(--bg-card);border:1px solid var(--border-panel);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-header-action:hover{background-color:var(--bg-panel-hover);border-color:var(--border-hover);color:var(--text-main)}.btn-header-primary{background-color:var(--accent-primary);border:1px solid var(--accent-primary);color:var(--text-inverse);font-weight:600}.btn-header-primary:hover{background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:var(--text-inverse)}.theme-toggle{background-color:var(--bg-card);border:1px solid var(--border-panel);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text-main);background-color:var(--bg-panel-hover)}.app-layout{grid-template-columns:320px 1fr 340px;align-items:start;gap:20px;display:grid}@media (width<=1400px){.app-layout{grid-template-columns:300px 1fr 320px;gap:16px}}@media (width<=1100px){.app-layout{grid-template-columns:1fr}}.column{flex-direction:column;gap:16px;min-width:0;display:flex}.panel{background-color:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.panel h2,.panel h3{letter-spacing:.02em;color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.subnav-tabs{background-color:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:6px;margin-bottom:16px;padding:4px;display:flex}.subnav-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.subnav-btn:hover{color:var(--text-main)}.subnav-btn.active{background-color:var(--accent-primary);color:var(--text-inverse)}.mode-card-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.mode-card-grid-2{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.mode-card-btn{background-color:var(--bg-card);border:1px solid var(--border-panel);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;transition:all .15s;display:flex}.mode-card-btn:hover{border-color:var(--border-hover);background-color:var(--bg-panel-hover);color:var(--text-main)}.mode-card-btn.active{background-color:var(--bg-card-selected);border-color:var(--accent-primary);color:var(--accent-primary)}.mode-card-icon{font-size:18px;font-family:var(--font-mono);justify-content:center;align-items:center;font-weight:700;display:flex}.mode-card-label{font-size:11px;font-weight:600}.upload-panel{padding:16px}.upload-dropzone{border:1px dashed var(--border-panel);background-color:var(--bg-input);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:24px 16px;transition:all .15s;display:block}.upload-dropzone:hover,.upload-dropzone.dragging{border-color:var(--accent-primary);background-color:var(--accent-primary-soft)}.upload-icon{color:var(--accent-primary);margin-bottom:8px;font-size:28px}.upload-content p{color:var(--text-main);margin-bottom:4px;font-size:12px;font-weight:500}.upload-content p.hint{color:var(--text-muted);font-size:11px}.upload-preview{border-radius:var(--radius-sm);border:1px solid var(--border-panel);background-color:var(--bg-app);width:56px;height:56px;margin:0 auto 10px;overflow:hidden}.upload-preview img{object-fit:contain;width:100%;height:100%}.controls-section{flex-direction:column;gap:12px;display:flex}.control-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.control-field{flex-direction:column;gap:6px;display:flex}.control-field label{color:var(--text-secondary);font-size:11px;font-weight:600}input[type=text],input[type=number],textarea,select{background-color:var(--bg-input);border:1px solid var(--border-panel);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-size:12px;font-family:var(--font-sans);outline:none;padding:7px 10px;transition:border-color .15s,background-color .15s}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--accent-primary);background-color:var(--bg-input-hover)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%9ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.slider-container{flex-direction:column;gap:6px;display:flex}.slider-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.slider-label{width:100%;color:var(--text-secondary);justify-content:space-between;font-weight:600;display:flex}.slider-value{font-family:var(--font-mono);color:var(--accent-primary);font-size:11px;font-weight:600}input[type=range]{-webkit-appearance:none;background-color:var(--bg-input);border:1px solid var(--border-panel);border-radius:var(--radius-full);cursor:pointer;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--accent-primary);border:2px solid var(--bg-panel);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.pill-btn{background-color:var(--bg-card);border:1px solid var(--border-panel);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.pill-btn:hover{background-color:var(--bg-panel-hover);border-color:var(--border-hover);color:var(--text-main)}.pill-btn.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.checkbox-row{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer;border-radius:4px}details.accordion-section{border:1px solid var(--border-panel);border-radius:var(--radius-md);background-color:var(--bg-card);overflow:hidden}details.accordion-section summary{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--bg-panel);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;list-style:none;display:flex}details.accordion-section summary::-webkit-details-marker{display:none}details.accordion-section summary:after{content:"▾";color:var(--text-muted);font-size:12px;transition:transform .2s}details.accordion-section[open] summary:after{transform:rotate(180deg)}.accordion-body{border-top:1px solid var(--border-panel);flex-direction:column;gap:12px;padding:12px;display:flex}.terminal-hero-card{background-color:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:16px}.terminal-hero-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.terminal-hero-title{align-items:center;gap:10px;display:flex}.terminal-hero-title h2{color:var(--text-main);margin-bottom:0;font-size:15px;font-weight:700}.badge-live{background-color:var(--accent-green-soft);color:var(--accent-green);border-radius:var(--radius-full);border:1px solid var(--accent-green);align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.status-dot-green{background-color:var(--accent-green);border-radius:50%;width:6px;height:6px}.terminal-window-frame{border:1px solid var(--border-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:#000;overflow:hidden}.terminal-top-bar{background-color:#12141d;border-bottom:1px solid #1a1e2b;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.mac-window-dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.terminal-window-title{font-family:var(--font-mono);color:var(--text-muted);font-size:11px;font-weight:500}.terminal-wrapper{background-color:#000;justify-content:center;align-items:center;width:100%;height:380px;padding:12px;display:flex;overflow:hidden}.preview-overlay{background-color:#12141d;border-top:1px solid #1a1e2b;align-items:center;gap:12px;padding:10px 16px;display:flex}.play-pause-btn{background-color:var(--accent-primary);color:var(--text-inverse);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:background-color .15s;display:inline-flex}.play-pause-btn:hover{background-color:var(--accent-primary-hover)}.play-pause-btn:disabled{opacity:.5;cursor:not-allowed}.frame-info{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;font-size:11px}.frames-strip-panel{margin-top:14px}.frames-strip-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.frames-strip-scroll{scrollbar-width:thin;scrollbar-color:var(--border-panel) transparent;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.frame-thumb-card{border:1px solid var(--border-panel);border-radius:var(--radius-sm);cursor:pointer;background-color:#000;flex:0 0 64px;height:52px;transition:all .15s;position:relative;overflow:hidden}.frame-thumb-card:hover{border-color:var(--border-hover)}.frame-thumb-card.active{border:2px solid var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-soft)}.frame-thumb-number{font-family:var(--font-mono);color:#fff;background-color:#000000bf;border-radius:2px;padding:1px 3px;font-size:9px;position:absolute;bottom:2px;right:4px}.template-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.template-btn{background-color:var(--bg-card);border:1px solid var(--border-panel);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:all .15s;display:flex}.template-btn:hover{background-color:var(--bg-panel-hover);border-color:var(--border-hover);color:var(--text-main)}.template-icon{font-size:16px}.template-name{font-size:10px;font-weight:600}.code-container{background-color:var(--bg-input);border:1px solid var(--border-panel);border-radius:var(--radius-md);position:relative;overflow:hidden}.code-output{max-height:240px;font-family:var(--font-mono);color:var(--text-main);padding:12px;font-size:11px;overflow:auto;background:0 0!important;margin:0!important}.copy-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-panel);color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;padding:4px 8px;font-size:10px;font-weight:600;transition:all .15s;position:absolute;top:8px;right:8px}.copy-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.stats-table{flex-direction:column;gap:8px;display:flex}.stat-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:6px;font-size:12px;display:flex}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-label{color:var(--text-secondary)}.stat-value{font-weight:600;font-family:var(--font-mono);color:var(--text-main)}.help-card{background-color:var(--accent-green-soft);border:1px solid var(--accent-green);border-radius:var(--radius-md);justify-content:space-between;align-items:flex-start;gap:10px;padding:12px;display:flex}.help-card-content h4{color:var(--accent-green);margin-bottom:2px;font-size:12px;font-weight:700}.help-card-content p{color:var(--text-main);font-size:11px}.help-card-btn{background-color:var(--accent-green);color:#fff;border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;border:none;padding:6px 10px;font-size:11px;font-weight:600}.recent-gallery{flex-direction:column;gap:10px;display:flex}.gallery-header{justify-content:space-between;align-items:center;display:flex}.clear-all-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:11px}.clear-all-btn:hover{color:var(--accent-red)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.gallery-card{background-color:var(--bg-card);border:1px solid var(--border-panel);border-radius:var(--radius-sm);cursor:pointer;padding:6px;transition:all .15s;position:relative}.gallery-card:hover{border-color:var(--accent-primary)}.gallery-thumb{background-color:#000;border-radius:4px;width:100%;height:48px;position:relative;overflow:hidden}.gallery-thumb img{object-fit:contain;width:100%;height:100%}.gallery-info{margin-top:4px}.gallery-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;display:block;overflow:hidden}.gallery-date{color:var(--text-muted);font-size:9px;display:block}.download-box{background-color:var(--accent-primary);border:1px solid var(--accent-primary);color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:700;transition:background-color .15s;display:inline-flex}.download-box:hover{background-color:var(--accent-primary-hover)}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:85vh;box-shadow:var(--shadow-lg);padding:24px;overflow:auto}.modal-header{border-bottom:1px solid var(--border-panel);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.close-btn:hover{color:var(--text-main)}.app-footer{border-top:1px solid var(--border-panel);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:32px;padding-top:16px;font-size:12px;display:flex}.doc-link-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.doc-link-btn:hover{text-decoration:underline}.gemini-docs-root{background-color:var(--bg-app);width:100vw;height:100vh;color:var(--text-main);z-index:9999;font-family:var(--font-sans);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.gdocs-topbar{background-color:var(--bg-panel);border-bottom:1px solid var(--border-panel);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.gdocs-topbar-left{align-items:center;gap:16px;display:flex}.gdocs-back-app-btn{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-panel);border-radius:var(--radius-md);cursor:pointer;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.gdocs-back-app-btn:hover{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.gdocs-brand{align-items:center;gap:10px;display:flex}.brand-logo{font-family:var(--font-mono);color:var(--accent-primary);font-size:16px;font-weight:900}.brand-title{font-size:15px;font-weight:700}.brand-badge{background-color:var(--accent-primary-soft);color:var(--accent-primary);border-radius:var(--radius-full);border:1px solid var(--border-accent);padding:2px 8px;font-size:11px;font-weight:700}.gdocs-search-container{align-items:center;width:100%;max-width:420px;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;left:12px}.gdocs-search-container input{background-color:var(--bg-app);border:1px solid var(--border-panel);border-radius:var(--radius-md);width:100%;color:var(--text-main);outline:none;padding:7px 32px;font-size:13px;transition:border-color .15s}.gdocs-search-container input:focus{border-color:var(--accent-primary)}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px;position:absolute;right:10px}.gdocs-topbar-right{align-items:center;gap:16px;display:flex}.version-tag{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.gdocs-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:18px}.gdocs-close-btn:hover{color:var(--text-main);background-color:var(--bg-card)}.gdocs-shell{flex:1;display:flex;overflow:hidden}.gdocs-sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border-panel);flex-direction:column;flex-shrink:0;width:280px;display:flex}.sidebar-scroll{flex-direction:column;gap:20px;padding:24px 16px;display:flex;overflow-y:auto}.sidebar-group{flex-direction:column;gap:6px;display:flex}.sidebar-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;display:flex}.sidebar-group-title:hover{color:var(--text-main)}.arrow-icon{font-size:10px}.sidebar-links{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-link{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.sidebar-link:hover{background-color:var(--bg-card);color:var(--text-main)}.sidebar-link.active{background-color:var(--accent-primary-soft);color:var(--accent-primary);border-left:3px solid var(--accent-primary);border-top-left-radius:0;border-bottom-left-radius:0;font-weight:700}.item-badge{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:10px;font-weight:800}.gdocs-content{flex:1;max-width:900px;margin:0 auto;padding:32px 48px 80px;overflow-y:auto}.gdocs-breadcrumbs{color:var(--text-muted);margin-bottom:24px;font-size:12.5px}.active-crumb{color:var(--text-main);font-weight:600}.doc-article{flex-direction:column;gap:24px;display:flex}.gdocs-hero{background-color:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:36px}.hero-title{letter-spacing:-.03em;margin:0 0 12px;font-size:32px;font-weight:800}.hero-sub{color:var(--text-secondary);margin:0 0 24px;font-size:16px;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.code-pill{background-color:var(--bg-app);border:1px solid var(--border-panel);border-radius:var(--radius-md);align-items:center;gap:12px;padding:8px 14px;display:flex}.code-pill code{font-family:var(--font-mono);color:var(--accent-primary);font-size:13px}.btn-pill-copy{background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-panel);border-radius:var(--radius-xs);cursor:pointer;padding:4px 10px;font-size:11px;font-weight:700}.btn-pill-copy:hover{background-color:var(--accent-primary);color:#fff}.btn-hero-primary{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:700}.btn-hero-primary:hover{background-color:var(--accent-primary-hover)}.gdocs-callout{border-radius:var(--radius-lg);gap:14px;padding:16px 20px;font-size:14px;line-height:1.5;display:flex}.callout-info{background-color:var(--bg-panel);border:1px solid var(--color-info);color:var(--text-main)}.callout-tip{background-color:var(--bg-panel);border:1px solid var(--accent-primary);color:var(--text-main)}.callout-warning{background-color:var(--bg-panel);border:1px solid var(--color-warning);color:var(--text-main)}.callout-icon{flex-shrink:0;font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:12px;display:grid}.feature-card{background-color:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--radius-lg);padding:20px}.feature-card h3{margin:0 0 8px;font-size:16px;font-weight:700}.feature-card p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.5}.step-block{background-color:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:24px;display:flex}.step-badge{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-full);align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:800}.step-block h3{margin:0;font-size:18px;font-weight:700}.step-block p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.code-block-wrapper{background-color:var(--bg-app);border:1px solid var(--border-panel);border-radius:var(--radius-lg);margin-top:8px;overflow:hidden}.code-block-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-panel);color:var(--text-secondary);font-size:12px;font-weight:700;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.code-block-header button{background:var(--bg-panel);color:var(--accent-primary);border:1px solid var(--border-accent);border-radius:var(--radius-xs);cursor:pointer;padding:3px 10px;font-size:11px;font-weight:700}.code-block-wrapper pre{font-family:var(--font-mono);color:var(--text-main);margin:0;padding:20px;font-size:13px;line-height:1.6;overflow-x:auto}.gdocs-table{border-collapse:collapse;background-color:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--radius-lg);width:100%;overflow:hidden}.gdocs-table th,.gdocs-table td{text-align:left;border-bottom:1px solid var(--border-panel);padding:12px 16px;font-size:13.5px}.gdocs-table th{background-color:var(--bg-card);color:var(--text-secondary);font-weight:700}.gdocs-pagination{border-top:1px solid var(--border-panel);grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;padding-top:24px;display:grid}.page-card{background-color:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--radius-lg);text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:16px 20px;transition:border-color .15s;display:flex}.page-card:hover{border-color:var(--accent-primary)}.next-card{text-align:right}.page-dir{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.page-name{color:var(--accent-primary);font-size:15px;font-weight:700}.gdocs-toc-sidebar{border-left:1px solid var(--border-panel);flex-shrink:0;width:220px;padding:32px 24px}.toc-wrapper{flex-direction:column;gap:14px;display:flex;position:sticky;top:92px}.toc-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:12px;font-weight:700}.toc-list{color:var(--text-secondary);flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.toc-list li{cursor:pointer}.toc-list li:hover{color:var(--text-main)}.toc-list li.active{color:var(--accent-primary);font-weight:700}.toc-divider{background-color:var(--border-panel);height:1px}.toc-meta-group{color:var(--text-muted);flex-direction:column;gap:10px;font-size:12px;display:flex}.meta-item{align-items:center;gap:6px;display:flex}.meta-link{color:var(--accent-primary);text-decoration:none}.meta-link:hover{text-decoration:underline}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}