body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#111;color:#e5e5e5;font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.app{margin:0 auto;max-width:960px;padding:40px 20px 60px}.title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:6px}.subtitle,.title{text-align:center}.subtitle{color:#888;font-size:.9rem;margin-bottom:18px}.lesson-note{color:#666;font-size:.82rem;line-height:1.5;margin:6px auto 0;max-width:560px;text-align:center}.top-btn-row{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.main-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:680px){.main-grid{grid-template-columns:1fr}}.panel{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:10px;display:flex;flex-direction:column;gap:16px;padding:20px}.panel-label{color:#00d4ff;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.prompt-input{background:#141414;border:1px solid #333;border-radius:6px;color:#e5e5e5;font-family:inherit;font-size:1rem;line-height:1.5;padding:12px;resize:vertical;transition:border-color .15s;width:100%}.prompt-input:focus{border-color:#00d4ff;outline:none}.prompt-input::placeholder{color:#555}.controls{gap:14px}.control-row,.controls{display:flex;flex-direction:column}.control-row{gap:6px}.control-row label{color:#aaa;display:flex;font-size:.85rem;justify-content:space-between}.val{color:#00d4ff;font-weight:600}.slider{-webkit-appearance:none;background:#333;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#00d4ff;border-radius:50%;cursor:pointer;height:16px;width:16px}.range-labels{color:#555;display:flex;font-size:.72rem;justify-content:space-between}.action-row{display:flex;gap:10px}.btn-outline,.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:9px 22px;text-decoration:none;transition:opacity .15s,background .15s}.btn-primary{background:#00d4ff;color:#111;flex:1 1}.btn-primary:disabled{cursor:not-allowed;opacity:.4}.btn-primary:not(:disabled):hover{background:#00bfe8}.btn-secondary{background:#2a2a2a;border:1px solid #333;color:#aaa}.btn-secondary:hover{background:#333}.btn-outline{background:#0000;border:1px solid #444;color:#e5e5e5}.btn-outline:hover{border-color:#00d4ff;color:#00d4ff}.output-box{background:#141414;border:1px solid #2a2a2a;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:14px}.output-text{color:#fff;font-size:1.05rem;line-height:1.6}.error-msg{background:#2a1515;border:1px solid #5a2020;border-radius:6px;color:#ff6b6b;font-size:.85rem;padding:10px 14px}.bars{display:flex;flex-direction:column;gap:8px}.bars-empty{color:#555;font-size:.9rem;margin-top:40px;text-align:center}.bar-row{grid-gap:8px;align-items:center;background:#0000;border-radius:5px;display:grid;gap:8px;grid-template-columns:80px 1fr 48px;padding:5px 8px;transition:background .1s}.bar-row--top{background:#0d2a30}.bar-word{color:#ccc;font-size:.9rem;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.bar-row--top .bar-word{color:#00d4ff;font-weight:600}.bar-track{background:#252525;border-radius:3px;height:14px;overflow:hidden}.bar-fill{background:#2a6070;border-radius:3px;height:100%;transition:width .3s ease}.bar-row--top .bar-fill{background:#00d4ff}.bar-pct{color:#888;font-size:.8rem;text-align:right}.bar-row--top .bar-pct{color:#00d4ff}
/*# sourceMappingURL=main.e92edf37.css.map*/