*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--body-bg-1: #667eea;--body-bg-2: #764ba2;--accent-1: #667eea;--accent-2: #764ba2;--accent-text: #ffffff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--body-bg-1) 0%,var(--body-bg-2) 100%);min-height:100vh;padding:20px;line-height:1.6;color:#1f2937}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-1);color:var(--accent-text);padding:8px 16px;text-decoration:none;border-radius:0 0 4px;font-weight:600;z-index:100}.skip-link:focus{top:0}.help-page{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden}.help-nav{background:#fffffff2;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:12px}.nav-btn{background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:var(--accent-text);padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:500;transition:transform .25s ease,box-shadow .25s ease;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.nav-btn:focus{outline:3px solid var(--accent-1);outline-offset:2px}.nav-btn:focus-visible{outline:3px solid currentColor;outline-offset:2px}.back-btn{position:absolute;top:20px;left:20px;background:#fff3;border:2px solid #fff;color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px}.back-btn:hover{background:#fff;color:var(--accent-1);transform:translateY(-2px)}.back-btn:focus{outline:3px solid #fff;outline-offset:2px}.back-btn:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #667eea99}.tool-header{background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:var(--accent-text);padding:40px;text-align:center}.page-header{background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:#fff;padding:40px;text-align:center;position:relative}.tool-icon-large{width:100px;height:100px;background:#fff;border-radius:20px;padding:20px;margin:0 auto 20px;box-shadow:0 10px 30px #0003}.tool-icon-large svg{width:100%;height:100%}.page-header .tool-icon-large{width:80px;height:80px;padding:15px;box-shadow:0 10px 25px #0000001a}h1{font-size:2.5em;margin-bottom:10px;font-weight:700}.tool-header h1,.page-header h1{font-size:2.5em;margin-bottom:10px;font-weight:600}h2{font-size:1.8em;font-weight:600}h3{font-size:1.2em;color:#1f2937;margin-bottom:8px;font-weight:600}.tool-description,.subtitle{font-size:1.15em;opacity:.95;max-width:640px;margin:0 auto}.help-content,.content{padding:40px}.section-title{font-size:1.8em;color:var(--accent-1);margin-bottom:18px;margin-top:40px;display:flex;align-items:center;gap:10px}.section-title:first-of-type{margin-top:0}.section{margin-bottom:40px}.section h2{color:var(--accent-1);font-size:1.8em;margin-bottom:15px;padding-bottom:10px;border-bottom:3px solid var(--accent-2)}.section h3{color:var(--accent-2);font-size:1.3em;margin:20px 0 10px}.section-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);border-radius:10px;display:grid;place-items:center;color:var(--accent-text);font-size:1.3em;flex-shrink:0}.description{background:#f9fafb;border-left:4px solid var(--accent-1);padding:20px;margin-bottom:30px;border-radius:8px;font-size:1.1em}.steps-list{list-style:none;margin:0;padding:0}.step-item{background:#f9fafb;border-radius:15px;padding:22px;margin-bottom:16px;display:flex;gap:16px;transition:background .2s ease,transform .2s ease}.step-item:hover{background:#f3f4f6;transform:translate(4px)}.step-number{width:44px;height:44px;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:var(--accent-text);border-radius:50%;display:grid;place-items:center;font-weight:700;flex-shrink:0;font-size:1.1em}.step-title{font-size:1.1em;font-weight:600;color:#333;margin-bottom:6px}.step-text{color:#555;line-height:1.6}.steps{background:#f9fafb;border-radius:12px;padding:24px;margin:20px 0}.step{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start}.step:last-child{margin-bottom:0}.steps .step-number{width:30px;height:30px;font-size:.95em;margin-right:0;background:var(--accent-1)}.step-content{flex:1;color:#1e293b}.step-content p{margin-bottom:8px;color:#374151}.step-content p:last-child{margin-bottom:0}.steps[role=list]{display:grid;gap:16px;background:transparent;padding:0;margin-top:20px}.grid,.features-grid,.feature-grid,.controls-grid,.drawing-modes,.gradient-examples,.paper-sizes-grid,.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:20px 0}.modes-grid{grid-template-columns:1fr 1fr}.delete-methods{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.direction-icons{display:flex;gap:12px;justify-content:center;margin:16px 0}.direction-example{text-align:center}.direction-example svg{width:80px;height:60px;border:2px solid #e5e7eb;border-radius:8px}.direction-label{font-size:.85em;color:#666;margin-top:6px;font-weight:500}.panel{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:18px;margin-top:16px}.panel.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.grid-item p,.feature-desc,.control-desc{color:#4b5563;margin-top:6px;font-size:.95em;line-height:1.5}.feature-card,.control-card,.mode-card,.paper-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover,.control-card:hover,.feature-card:focus-within,.control-card:focus-within{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;border-color:var(--accent-1)}.paper-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;border-color:var(--accent-1)}.paper-card strong{color:var(--accent-2)}.method-card{background:#f9fafb;border-radius:15px;padding:20px;text-align:center}.feature-icon,.control-icon,.method-icon{width:60px;height:60px;background:#fff;border-radius:12px;padding:12px;margin:0 auto 12px;box-shadow:0 5px 15px #0000001a;display:grid;place-items:center}.feature-icon svg,.control-icon svg,.method-icon svg{width:100%;height:100%}.method-icon{width:80px;height:80px;border-radius:15px;padding:15px}.feature-title,.control-title,.method-title{font-weight:600;color:#333;margin-bottom:8px}.feature-card .feature-icon.feature-icon--lg{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);border-radius:15px;color:#fff;font-size:1.5em;box-shadow:none;padding:0}.mode-card{border-radius:15px;padding:24px;border:2px solid transparent}.mode-card.native{background:#f0fdf4;border-color:#86efac}.mode-card.fallback{background:#fefce8;border-color:#fde047}.mode-card:hover,.mode-card:focus-within{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.mode-card-icon{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;font-size:1.8em;background:#fff;box-shadow:0 4px 12px #0000001a}.mode-card h3{font-size:1.15em;font-weight:700;color:#1e293b;margin-bottom:8px}.badge{display:inline-block;font-size:.75em;font-weight:600;padding:2px 8px;border-radius:20px;margin-bottom:10px}.badge.preferred{background:#dcfce7;color:#166534}.badge.fallback-badge{background:#fef9c3;color:#713f12}.mode-icon{width:140px;height:120px;margin:0 auto 15px;background:#fff;border-radius:15px;padding:15px;box-shadow:0 5px 15px #0000001a}.mode-icon svg{width:100%;height:100%}.mode-title{font-weight:600;color:#333;margin-bottom:10px;font-size:1.1em}.mode-text{color:#666;font-size:.95em;line-height:1.5}.mode-card-draw{background:#f9fafb;border-radius:15px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.mode-card-draw:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.tip-box{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:12px;padding:16px;margin-top:20px;color:#1f2937}.tip-box.tip-box--flex{display:flex;gap:14px;align-items:flex-start;border:2px solid #f39c12;border-radius:15px;padding:20px;margin:30px 0}.tip-box strong,.tip-box h4{display:block;margin-bottom:6px;font-size:1.05em;font-weight:600;color:#92400e}.tip-box p{color:#78350f;margin:8px 0;line-height:1.7}.tip-icon{font-size:2em;flex-shrink:0}.tip-content{flex:1}.tip-title{font-weight:700;color:#0c4a6e;margin-bottom:10px}.tip-list{color:#0c4a6e;margin-left:18px;line-height:1.9}.note,.info-box{background:#ecfeff;border:2px solid #06b6d4;border-radius:12px;padding:16px;margin-top:16px;color:#1f2937}.note strong{color:#0e7490}.info-box h3{color:#0e7490;margin-bottom:8px}.info-box-spaced{margin-top:16px}.warning-box{background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;padding:16px;margin-top:20px;color:#991b1b}.warning-box strong{color:#7f1d1d}.warning-box h4{color:#b45309;margin-bottom:10px;display:flex;align-items:center;gap:8px}.feature-list{background:#fff;border-radius:12px;padding:20px;border:2px solid #e5e7eb;margin-top:16px}.feature-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;color:#374151}.feature-item:last-child{margin-bottom:0}.feature-bullet{width:22px;height:22px;background:var(--accent-1);border-radius:50%;color:#fff;display:grid;place-items:center;font-size:.9em;flex-shrink:0;font-weight:700}.kbd,.keyboard-shortcut{display:inline-block;background:#f3f4f6;border:2px solid #d1d5db;border-radius:8px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Courier New,monospace;font-weight:600;color:var(--accent-1);font-size:.9em}.keyboard-shortcuts,.shortcut-table{background:#f3f4f6;border-radius:12px;padding:20px;margin:20px 0}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #e5e7eb}.shortcut-row:last-child{border-bottom:none}.shortcut-key,.shortcut-label{color:#4b5563}.shortcut-key{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.9em;box-shadow:0 2px #d1d5db}.shortcut-keys{display:flex;align-items:center;gap:6px}.shortcut-action{color:#4a5568}.shortcut-action--sm{color:#4a5568;font-size:.85em}.shortcuts-table{background:#fff;border-radius:12px;overflow:hidden;margin:20px 0;border:2px solid #e5e7eb}.shortcuts-table table{width:100%;border-collapse:collapse}.shortcuts-table th{background:#f9fafb;color:var(--accent-2);padding:12px;text-align:left;font-weight:600}.shortcuts-table td{padding:12px;border-top:1px solid #e5e7eb;color:#1f2937}.shortcuts-table tr:hover{background:#f9fafb}code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Courier New,monospace;font-size:.9em;color:var(--accent-1)}.code-highlight{background:#f0f9ff;padding:2px 6px;border-radius:4px}.colour-format{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin:12px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Courier New,monospace;font-size:.9em}.colour-example{display:flex;align-items:center;gap:10px;margin:8px 0}.colour-swatch{width:32px;height:32px;border-radius:6px;border:2px solid #e5e7eb;flex-shrink:0}.gradient-preview{width:100%;height:60px;border-radius:12px;border:2px solid #e5e7eb;margin:12px 0}.gradient-example{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:15px;text-align:center}.gradient-example .gradient-preview{height:80px;margin-bottom:10px}.gradient-label{font-weight:600;color:#1f2937;margin-bottom:5px}.gradient-desc{font-size:.9em;color:#6b7280}.control-preview{background:#f9fafb;border-radius:15px;padding:20px;margin:20px 0}.control-item{margin-bottom:20px}.control-item:last-child{margin-bottom:0}.control-label{display:block;color:var(--accent-1);font-weight:700;margin-bottom:8px}.feature-highlight{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid var(--accent-1);padding:20px;margin:20px 0;border-radius:8px}.feature-highlight h3{color:var(--accent-2);margin-top:0}.feature-highlight p{color:#374151;margin:10px 0}.feature-highlight ul{margin:10px 0 10px 20px;color:#374151}.feature-highlight li{margin:5px 0}.zoom-range-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:25px;margin:20px 0}.zoom-range-box>h3{color:var(--accent-1);margin-bottom:20px}.zoom-range-box>p{color:#6b7280;margin-top:15px}.zoom-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin:20px 0}.zoom-level{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--accent-1);border-radius:8px;padding:15px;text-align:center}.zoom-percentage{font-size:1.3em;font-weight:700;color:var(--accent-2);margin-bottom:8px}.zoom-desc{font-size:.85em;color:#4b5563;line-height:1.4}.tool-icons-pair{display:flex;gap:20px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.tools-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.tool-card{background:#f3f4f6;border-radius:15px;padding:25px;text-align:center;border:2px solid transparent}.tool-card:focus-within{border-color:var(--accent-1);outline:2px solid #000;outline-offset:2px}.tool-card-icon{width:80px;height:80px;margin:0 auto 20px;background:#fff;border-radius:15px;padding:15px;box-shadow:0 5px 15px #00000014}.tool-card-icon svg{width:100%;height:100%}.tool-card-title{font-size:1.3em;font-weight:600;color:#1a1a1a;margin-bottom:10px;line-height:1.3}.tool-card-desc{color:#333;line-height:1.6;margin-bottom:16px;text-align:left}.visual-demo{background:#f9fafb;border:2px solid #d1d5db;border-radius:15px;padding:24px;margin:30px 0}.demo-list{display:grid;gap:12px;color:#1a1a1a}.demo-list>div{padding:8px 0;line-height:1.6}.workflow{display:grid;gap:0}.workflow-step{display:flex;gap:16px}.workflow-connector{display:flex;flex-direction:column;align-items:center;width:32px;flex-shrink:0}.workflow-dot{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:var(--accent-text);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.95em}.workflow-line{width:2px;flex:1;background:#e5e7eb;margin:4px 0;min-height:16px}.workflow-body{flex:1;padding-bottom:20px}.workflow-body h3{margin-bottom:6px}.creative-box{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:12px;padding:24px;margin:20px 0;border:2px solid #7dd3fc}.input-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.section-intro{color:#4a5568;line-height:1.6;margin-bottom:20px}.feature-card .feature-icon{background:#f0f9ff}.feature-card .feature-icon svg{width:24px;height:24px;stroke:var(--accent-1);stroke-width:2;fill:none}em{font-style:italic;color:var(--accent-1);font-weight:500}strong{font-weight:600}.help-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden}.help-header{background:linear-gradient(135deg,var(--body-bg-1) 0%,var(--body-bg-2) 100%);color:#fff;padding:40px;text-align:center}.help-header h1{font-size:2.5em;margin-bottom:10px;font-weight:600}.help-header p{font-size:1.2em;opacity:.95}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding:40px}.help-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:#333}.help-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.card-icon{height:150px;display:flex;align-items:center;justify-content:center;font-size:4em}.tool-icon{width:80px;height:80px;background:#fff;border-radius:15px;padding:15px;box-shadow:0 5px 15px #0000001a}.tool-icon svg{width:100%;height:100%}.card-content{padding:20px}.card-content h3{font-size:1.3em;margin-bottom:10px;color:#333}.card-content p{color:#666;line-height:1.5}.category-section{margin-bottom:30px}.category-title{font-size:1.5em;color:var(--body-bg-1);margin:0 40px 20px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}a[href="playback-tool.html"] .card-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}a[href="edit-tool.html"] .card-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}a[href="record-tool.html"] .card-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}a[href="zoom-tool.html"] .card-icon{background:linear-gradient(135deg,#10b981,#059669)}a[href="undo-redo-tools.html"] .card-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}a[href="open-tool.html"] .card-icon{background:linear-gradient(135deg,#f59e0b,#f97316)}a[href="save.html"] .card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}a[href="save-selection.html"] .card-icon{background:linear-gradient(135deg,#3b82f6,#f59e0b)}a[href="export-wav.html"] .card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}a[href="import-tool.html"] .card-icon{background:linear-gradient(135deg,#22c55e,#10b981)}a[href="login-cloud.html"] .card-icon{background:linear-gradient(135deg,#4285f4,#1a73e8)}a[href="version-history.html"] .card-icon{background:linear-gradient(135deg,#14b8a6,#2563eb)}*:focus-visible{outline:3px solid var(--accent-1);outline-offset:2px}@media (prefers-contrast: high){.nav-btn,.step-number,.section-icon,.back-btn{border:2px solid currentColor}.panel,.feature-list{border-width:3px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.help-content,.content{padding:20px}h1{font-size:2em}h2,.section-title{font-size:1.45em}.step,.step-item{flex-direction:column}.grid,.features-grid,.feature-grid,.controls-grid,.drawing-modes,.delete-methods,.modes-grid,.tools-comparison{grid-template-columns:1fr}.direction-icons{flex-direction:column}.zoom-levels{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.help-grid{grid-template-columns:1fr;padding:20px}.help-header h1{font-size:2em}.back-btn{position:static;margin-bottom:20px}.page-header{padding:30px 20px}}.section-mt{margin-top:40px}.mt-20{margin-top:20px}.mt-15{margin-top:15px}.mt-12{margin-top:12px}.mt-8{margin-top:8px}.mb-20{margin-bottom:20px}.mb-16{margin-bottom:16px}.mb-15{margin-bottom:15px}.mb-10{margin-bottom:10px}.mb-8{margin-bottom:8px}.mx-24{margin:24px 0}.muted-text{color:#666;line-height:1.6;margin-bottom:20px}.muted-text--sm{color:#666;font-size:.9rem;line-height:1.5}.muted-text--nb{color:#666;line-height:1.6}.muted-subtext{color:#6b7280;font-size:.95em;margin-top:15px}.muted-note{color:#6b7280;margin-top:15px}.body-text{color:#374151;margin-bottom:20px}.body-text--muted{color:#555;line-height:1.6;margin-bottom:20px}.controls-box{background:#f9fafb;border-radius:15px;padding:20px}.controls-subheading{color:var(--accent-1);margin-bottom:10px;font-size:1.1em!important;font-weight:600}.shortcut-row-flex{display:flex;justify-content:space-between;margin-bottom:15px}.shortcut-row-flex:last-child{margin-bottom:0}.specs-box{background:#f9fafb;border-radius:15px;padding:20px}.spec-row{margin-bottom:15px}.spec-row:last-child{margin-bottom:0}.accent-label{color:var(--accent-1)}.spec-value{color:#666;margin-left:10px}.tip-box--info{background:linear-gradient(135deg,#e0f2fe,#ddd6fe)}.tip-box--soft{background:linear-gradient(135deg,#a8edea,#fed6e3)}.tip-box--orange{background:#fed7aa;border:2px solid #fb923c;border-radius:12px}.tip-box--mt{margin-top:20px}.tip-box--mt-40{margin-top:40px}.content-list{margin-left:30px;margin-top:10px}.content-list--sm{margin-left:20px;margin-top:8px}.content-list--plain{list-style-position:inside;color:#555;line-height:1.8;margin-left:20px}.btn-primary{padding:8px 16px;background:var(--accent-1);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95em}.btn-secondary{padding:8px 16px;background:#f0f0f0;color:#333;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.95em}.btn-sm{padding:5px 10px!important}.font-sample--poppins{font-family:Poppins,Arial,sans-serif}.font-sample--lexend{font-family:Lexend,Arial,sans-serif}.font-sample--patrick{font-family:Patrick Hand,cursive}.font-sample--comic{font-family:Comic Sans MS,Arial,sans-serif}.font-sample--kermit{font-family:Kermit,Georgia,serif}.font-sample--arial{font-family:Arial,sans-serif}.font-sample--verdana{font-family:Verdana,sans-serif}.font-sample--system{font-family:system-ui,sans-serif}.font-sample--mono{font-family:monospace}.format-preview--size{font-size:1.5em}.format-preview--color{color:#2563eb}.gradient-preview--h{background:linear-gradient(to right,#3b82f6,#ef4444)}.gradient-preview--v{background:linear-gradient(to bottom,#3b82f6,#ef4444)}.gradient-preview--d{background:linear-gradient(to bottom right,#3b82f6,#ef4444)}.color-chip-row{display:flex;align-items:center;gap:10px;margin:8px 0}.color-chip{width:24px;height:24px;border-radius:4px;border:2px solid #e5e7eb;flex-shrink:0}.color-chip--blue{background:#3b82f6}.color-chip--red{background:#ef4444}.color-chip-label{color:#6b7280;font-size:.95em}.grid-shape--1{width:60px;height:60px;top:30px;left:30px}.grid-shape--2{width:90px;height:30px;top:90px;left:120px}.grid-shape--3{width:30px;height:90px;top:60px;left:240px}.section-subheading{margin-top:20px}.import-demo-label{color:#6b7280;margin-bottom:10px}.feature-desc--left{text-align:left}.shortcut-key-row{margin-bottom:8px}.feature-link-box{display:flex;gap:16px;align-items:center;background:#eff6ff;border:2px solid #93c5fd;border-radius:15px;padding:20px}.feature-link-icon{width:60px;height:60px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;display:grid;place-items:center}.feature-link-icon svg{width:100%;height:100%}.feature-link-body{flex:1}.feature-link-title{font-weight:600;color:#1e293b;margin-bottom:6px}.feature-link-desc{color:#555;line-height:1.5;margin-bottom:12px}.btn-accent{display:inline-block;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#1a202c;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.colour-swatch--blue{background:#3b82f6}.gradient-direction-heading{font-size:1.2em;color:#333;margin-bottom:12px}