.sb-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000f}@media (min-width: 640px){.sb-card{padding:2rem}}.sb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sb-toolbar-group{display:flex;flex-wrap:wrap;gap:.5rem}.sb-toolbar-separator{width:1px;height:1.5rem;background:#d1d5db;margin:0 .25rem}@media (max-width: 639px){.sb-toolbar-separator{display:none}}.sb-btn-primary{background:#166534;color:#fff;border:none;font-weight:600;border-radius:.5rem;padding:.5rem 1.25rem;font-size:.875rem;cursor:pointer;transition:background .15s}.sb-btn-primary:hover{background:#15803d}.sb-btn-primary:focus{outline:none;box-shadow:0 0 0 2px #22c55e66}.sb-btn-secondary{background:#f9fafb;color:#374151;border:1px solid #d1d5db;font-weight:500;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background .15s,border-color .15s}.sb-btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.sb-btn-secondary:focus{outline:none;box-shadow:0 0 0 2px #9ca3af66}.sb-btn-ghost{background:transparent;color:#6b7280;border:1px solid transparent;font-weight:500;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background .15s,color .15s}.sb-btn-ghost:hover{background:#f3f4f6;color:#374151}.sb-btn-ghost:focus{outline:none;box-shadow:0 0 0 2px #9ca3af66}.sb-kbd{display:inline-block;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-family:ui-monospace,monospace;color:#374151;line-height:1.25}.sb-shortcuts{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:.75rem;color:#6b7280}.sb-textarea-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sb-textarea-title{font-size:1.125rem;font-weight:600;color:#1f2937}.sb-char-count{font-size:.875rem;color:#6b7280}.sb-textarea{width:100%;height:24rem;padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-family:Fira Code,ui-monospace,monospace;font-size:.875rem;color:#1f2937;resize:none;outline:none;transition:border-color .15s,box-shadow .15s}.sb-textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.sb-textarea::-moz-placeholder{color:#9ca3af}.sb-textarea::placeholder{color:#9ca3af}.sb-textarea-readonly{background:#f9fafb}.sb-status{text-align:center;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.sb-status-msg{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;border:1px solid;font-weight:500;font-size:.875rem}.sb-status-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.sb-status-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.sb-status-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.sb-status-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.sb-info-section{border-radius:.75rem;padding:1.5rem}@media (min-width: 640px){.sb-info-section{padding:2rem}}.sb-info-section h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;text-align:center}.sb-info-card{background:#fff;border-radius:.75rem;padding:1.25rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f;text-align:center}.sb-info-card h3{font-weight:600;margin-bottom:.5rem;color:#166534}.sb-info-card p{font-size:.875rem;color:#4b5563;line-height:1.5}.sb-info-card-icon{width:3rem;height:3rem;background:#dcfce7;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.sb-info-card-icon svg{width:1.5rem;height:1.5rem;color:#166534}.sb-edu-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}@media (min-width: 640px){.sb-edu-section{padding:2rem}}.sb-edu-section h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.sb-edu-section h3{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.sb-edu-section p{font-size:.875rem;color:#4b5563;line-height:1.6;margin-bottom:1rem}.sb-edu-section ul{list-style:none;padding:0;margin:0}.sb-edu-section li{font-size:.875rem;color:#4b5563;padding:.25rem 0 .25rem 1.25rem;position:relative}.sb-edu-section li:before{content:"";position:absolute;left:0;top:.625rem;width:.375rem;height:.375rem;background:#9ca3af;border-radius:50%}.dark .sb-card{background:#1f2937;border-color:#374151}.dark .sb-toolbar-separator{background:#4b5563}.dark .sb-btn-secondary{background:#111827;border-color:#4b5563;color:#d1d5db}.dark .sb-btn-secondary:hover{background:#1f2937;border-color:#6b7280}.dark .sb-btn-ghost{color:#9ca3af}.dark .sb-btn-ghost:hover{background:#1f2937;color:#d1d5db}.dark .sb-kbd{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .sb-shortcuts{color:#9ca3af}.dark .sb-textarea-title{color:#f3f4f6}.dark .sb-char-count{color:#9ca3af}.dark .sb-textarea{background:#1f2937;border-color:#374151;color:#f3f4f6}.dark .sb-textarea::-moz-placeholder{color:#6b7280}.dark .sb-textarea::placeholder{color:#6b7280}.dark .sb-textarea-readonly{background:#111827}.dark .sb-status-success{color:#4ade80;background:#22c55e1a;border-color:#166534}.dark .sb-status-error{color:#fca5a5;background:#ef44441a;border-color:#991b1b}.dark .sb-status-warning{color:#fcd34d;background:#f59e0b1a;border-color:#92400e}.dark .sb-status-info{color:#93c5fd;background:#3b82f61a;border-color:#1e40af}.dark .sb-info-section h2{color:#f3f4f6}.dark .sb-info-card{background:#1f2937;border-color:#374151}.dark .sb-info-card h3{color:#4ade80}.dark .sb-info-card p{color:#9ca3af}.dark .sb-info-card-icon{background:#22c55e26}.dark .sb-edu-section{background:#111827;border-color:#374151}.dark .sb-edu-section h2{color:#f3f4f6}.dark .sb-edu-section h3{color:#d1d5db}.dark .sb-edu-section p,.dark .sb-edu-section li{color:#9ca3af}