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