body{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#f5e3e0;font-family:Inter,Arial,sans-serif;margin:0;place-items:center;min-width:320px}#root{width:100vw;display:flex;flex-direction:column;align-items:center}h1{color:#3a3238;font-size:3.2em;font-weight:900;letter-spacing:1px;text-align:center}.container{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:1.5rem 0;width:100vw}.file-label{display:flex;flex-direction:column;align-items:center;gap:.3rem}.file-btn,button{border-radius:8px;border:1px solid #D282A6;padding:.6em 1.2em;font-size:1em;font-weight:700;background:#3a3238;color:#f5e3e0;cursor:pointer;margin-top:.3em;transition:background .2s,border-color .2s,color .2s,transform .15s}.file-btn:hover,button:hover{background:#d282a6;color:#3a3238;border-color:#6e4555;transform:scale(1.04)}.file-input{margin-bottom:1rem;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.file-input-texto,.shortcuts{color:#6e4555}.file-input-textarea{width:100%;font-size:16px;padding:8px;border-radius:6px;background:#3a3238;color:#f5e3e0;border:1px solid #D282A6;margin-bottom:.5rem;resize:vertical}.file-input-textarea::placeholder{color:#e8b4bc;opacity:.8}.teleprompter-container{display:flex;justify-content:center;width:100%}.teleprompter{height:30vh;width:100%;max-width:600px;margin:10px 0;overflow-y:auto;background:#3a3238;color:#f5e3e0;font-size:2rem;padding:1rem;border:2px solid #D282A6;border-radius:8px;box-shadow:0 4px 32px #000a;line-height:1.7;text-align:center;transition:transform .3s}.mirror{transform:scaleX(-1)}.controls{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:.5rem;flex-wrap:wrap}.shortcuts{opacity:.8;font-size:14px;margin-top:18px;text-align:center}a{color:#6e4555}a:hover{color:#d282a6}.fancy-label{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:500;color:#f5e3e0;margin-bottom:12px}.fancy-select[type=color]{width:44px;height:44px;padding:2px;border-radius:8px;background:#3a3238;border:1.5px solid #6E4555;cursor:pointer;box-shadow:0 1px 5px #0002}.fancy-select[type=color]:hover{border-color:#d282a6;background:#6e4555}.fancy-select,.fancy-select[type=number],.fancy-select[type=color]{background:#3a3238;min-width:120px;color:#f5e3e0;border:1.5px solid #3A3238;border-radius:12px;padding:8px 18px;font-size:1rem;outline:none;box-shadow:0 1px 5px #3a3238;cursor:pointer}.fancy-select:focus{border:2px solid #D282A6;box-shadow:0 0 0 3px #6e4555}.fancy-select:hover,.fancy-select[type=number]:hover,.fancy-select[type=color]:hover{border-color:#6e4555;font-size:1em;font-weight:700;color:#3a3238;background:#d282a6}.font-controls-row{display:flex;gap:16px;justify-content:center;align-items:center;margin-bottom:20px;margin-top:16px}.font-controls-row label{display:flex;align-items:center;gap:6px;font-size:1rem;color:#33282e;font-weight:500}.fancy-select,.font-controls-row input[type=number]{min-width:72px;border-radius:8px;padding:4px 10px;font-size:1rem;background:#3a3238;color:#f5e3e0;border:1.5px solid #6E4555;box-shadow:0 1px 5px #3a3238}.font-controls-row input[type=color]{width:36px;height:36px;border-radius:8px;border:1.5px solid #3A3238;background:#6e4555;cursor:pointer;padding:0}