.app-container{margin:0 auto;padding:40px 20px;background-color:#f9fafb;min-height:100vh}.app-title{font-size:2.2rem;font-weight:800;color:#1e293b;margin-bottom:8px;letter-spacing:-.025em;text-align:center}.app-subtitle{text-align:center;color:#64748b;margin-bottom:40px;font-size:1.1rem}.controls-section{display:flex;flex-direction:column;gap:10px;margin-bottom:40px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000f}.sidebar-input{flex:0 0 20%;padding:20px}.editor-workspace{flex:0 0 80%}.sidebar-input .record-button{width:100%;justify-content:center;font-size:.85rem;padding:12px 8px}.editor-container{max-width:90%;margin:40px auto;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1a1a1a}.paragraph-block{position:relative;padding:12px 20px;margin-bottom:8px;border-radius:8px;border:1px solid #e5e7eb;background-color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:1.5em;line-height:1.6}.paragraph-block.active{border-color:#3b82f6;background-color:#eff6ff;box-shadow:0 4px 12px -2px #3b82f626;transform:translate(5px)}.paragraph-number{position:absolute;left:-40px;top:14px;color:#9ca3af;font-size:.75rem;font-weight:500;user-select:none}.empty-placeholder{color:#9ca3af;font-style:italic}.voice-control-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:24px;padding:15px;border-radius:12px}.record-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:9999px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 2px 4px #0000000d}.record-button.idle{background-color:#3b82f6;color:#fff}.record-button.idle:hover{background-color:#2563eb;transform:translateY(-1px)}.record-button.recording{background-color:#ef4444;color:#fff;animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.03);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.status-text{font-size:.9rem;font-weight:500;color:#64748b;display:flex;align-items:center;gap:6px}.loader-spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.command-form{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.command-label{display:block;font-weight:600;margin-bottom:10px;color:#475569;font-size:.95rem}.command-textarea{width:100%;min-height:100px;padding:12px;border:1.5px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;transition:all .2s ease;box-sizing:border-box}.command-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.submit-button{margin-top:12px;padding:10px 24px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#2563eb}.submit-button:active{transform:scale(.98)}.api-key-container{background:#f1f5f9;padding:16px 20px;border-radius:10px;border:1px dashed #cbd5e1;margin-bottom:24px;width:100%}.api-key-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:8px}.api-key-input{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;background-color:#fff;transition:all .2s;box-sizing:border-box}.api-key-input:focus{outline:none;border-color:#94a3b8;background-color:#fff;box-shadow:0 0 0 2px #94a3b81a}.api-key-input::placeholder{color:#cbd5e1;letter-spacing:normal}