*,*::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 0;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 rgba(0,0,0,0.15);overflow:hidden}.help-nav{background:rgba(255,255,255,0.95);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 0.25s ease,box-shadow 0.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 rgba(0,0,0,0.2)}.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:rgba(255,255,255,0.2);border:2px solid #fff;color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:500;transition:all 0.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 rgba(102,126,234,0.6)}.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 rgba(0,0,0,0.2)}.tool-icon-large svg{width:100%;height:100%}.page-header .tool-icon-large{width:80px;height:80px;padding:15px;box-shadow:0 10px 25px rgba(0,0,0,0.1)}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:0.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 0.2s ease,transform 0.2s ease}.step-item:hover{background:#f3f4f6;transform:translateX(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:0.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:0.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:0.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 0.25s ease,box-shadow 0.25s ease}.feature-card:hover,.control-card:hover,.feature-card:focus-within,.control-card:focus-within{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1);border-color:var(--accent-1)}.paper-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1);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 rgba(0,0,0,0.1);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 rgba(0,0,0,0.1)}.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 rgba(0,0,0,0.1)}.mode-card h3{font-size:1.15em;font-weight:700;color:#1e293b;margin-bottom:8px}.badge{display:inline-block;font-size:0.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 rgba(0,0,0,0.1)}.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:0.95em;line-height:1.5}.mode-card-draw{background:#f9fafb;border-radius:15px;padding:20px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.mode-card-draw:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.tip-box{background:linear-gradient(135deg,#ffeaa7 0%,#fdcb6e 100%);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:0.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:0.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:0.9em;box-shadow:0 2px 0 #d1d5db}.shortcut-keys{display:flex;align-items:center;gap:6px}.shortcut-action{color:#4a5568}.shortcut-action--sm{color:#4a5568;font-size:0.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:0.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:0.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:0.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:bold;margin-bottom:8px}.feature-highlight{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);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 0%,#dcfce7 100%);border:2px solid var(--accent-1);border-radius:8px;padding:15px;text-align:center}.zoom-percentage{font-size:1.3em;font-weight:bold;color:var(--accent-2);margin-bottom:8px}.zoom-desc{font-size:0.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 rgba(0,0,0,0.08)}.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:0.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 0%,#bae6fd 100%);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 rgba(0,0,0,0.15);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:0.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 rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;text-decoration:none;color:#333}.help-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15)}.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 rgba(0,0,0,0.1)}.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="rectangle-tool.html"] .card-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}a[href="circle-ellipse-tool.html"] .card-icon{background:linear-gradient(135deg,#f093fb 0%,#4facfe 100%)}a[href="polygon-tool.html"] .card-icon{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}a[href="pencil-tool.html"] .card-icon{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}a[href="line-tool.html"] .card-icon{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}a[href="select-tool.html"] .card-icon{background:linear-gradient(135deg,#89f7fe 0%,#66a6ff 100%)}a[href="fill-tool.html"] .card-icon{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%)}a[href="text-tool.html"] .card-icon{background:linear-gradient(135deg,#e0c3fc 0%,#8ec5fc 100%)}a[href="delete-tool.html"] .card-icon{background:linear-gradient(135deg,#ff6b6b 0%,#ff4757 100%)}a[href="undo-redo-tools.html"] .card-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}a[href="save.html"] .card-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}a[href="login-cloud.html"] .card-icon{background:linear-gradient(135deg,#4285f4 0%,#1a73e8 100%)}a[href="open-tool.html"] .card-icon{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%)}a[href="import-tool.html"] .card-icon{background:linear-gradient(135deg,#22c55e 0%,#10b981 100%)}a[href="grid-tool.html"] .card-icon{background:linear-gradient(135deg,#13547a 0%,#80d0c7 100%)}a[href="zoom-tool.html"] .card-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}a[href="print-tool.html"] .card-icon{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}a[href="colour-selection.html"] .card-icon{background:linear-gradient(135deg,#ff6b6b 0%,#ff2d55 100%)}a[href="eye-dropper-tool.html"] .card-icon{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}*: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:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.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:0.9rem;line-height:1.5}.muted-text--nb{color:#666;line-height:1.6}.muted-subtext{color:#6b7280;font-size:0.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 0%,#ddd6fe 100%)}.tip-box--soft{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.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:white;border:none;border-radius:6px;cursor:pointer;font-size:0.95em}.btn-secondary{padding:8px 16px;background:#f0f0f0;color:#333;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:0.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:0.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 rgba(0,0,0,0.1);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 0%,#00f2fe 100%);color:#1a202c;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:transform 0.3s ease,box-shadow 0.3s ease}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.colour-swatch--blue{background:#3B82F6}.gradient-direction-heading{font-size:1.2em;color:#333;margin-bottom:12px}