#dynamic_subtitle_module{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:20px;padding-bottom:80px;box-sizing:border-box;background:#1e1f26;color:#ddd;overflow-y:auto}#dynamic_subtitle_module::-webkit-scrollbar{width:8px}#dynamic_subtitle_module::-webkit-scrollbar-track{background:#2a2b36}#dynamic_subtitle_module::-webkit-scrollbar-thumb{background:#4a4b5c;border-radius:4px}#dynamic_subtitle_module::-webkit-scrollbar-thumb:hover{background:#5a5b6c}.preview-section{margin-bottom:20px}.preview-container{background:#2a2b36;border-radius:8px;padding:30px;text-align:center;min-height:150px;display:flex;align-items:center;justify-content:center;position:relative}#preview_text{font-size:24px;font-weight:700;color:#fff;text-align:center;word-wrap:break-word;max-width:100%;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%}.controls-panel{background:#2a2b36;border-radius:8px;padding:20px;margin-bottom:20px}.control-row{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding:8px 0}.control-row label{color:#b0b0b0;font-size:14px;min-width:80px;font-weight:500}.control-checkbox,.control-color,.control-select,.control-slider{flex:1;padding:8px 12px;border:1px solid #444556;border-radius:4px;background:#1e1f26;color:#fff;font-size:14px}.control-slider{height:6px;padding:0;background:#3a3b4c;outline:0;-webkit-appearance:none}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#29b6f6;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.3)}.slider-value{color:#29b6f6;font-weight:700;min-width:50px;text-align:right;font-family:Consolas,Monaco,monospace}.control-checkbox{width:18px;height:18px;accent-color:#29b6f6}.action-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.btn-primary{background:linear-gradient(135deg,#29b6f6 0,#0288d1 100%);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(2,136,209,.3)}.btn-primary:hover{background:linear-gradient(135deg,#4fc3f7 0,#039be5 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(2,136,209,.4)}.btn-secondary{background:#3a3b4c;color:#e0e0e0;border:1px solid #555669;padding:12px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#4a4b5c;border-color:#666779}.status-message{padding:12px 18px;border-radius:6px;margin-top:15px;font-size:14px;display:none;animation:slideIn .3s ease}@keyframes slideIn{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.status-message.success{background:rgba(76,175,80,.2);color:#81c784;border:1px solid rgba(76,175,80,.4);display:block}.status-message.error{background:rgba(244,67,54,.2);color:#e57373;border:1px solid rgba(244,67,54,.4);display:block}.status-message.loading{background:rgba(79,195,247,.2);color:#4fc3f7;border:1px solid rgba(79,195,247,.4);display:block}@media (max-width:800px){.control-row{flex-direction:column;align-items:flex-start}.action-buttons{flex-direction:column}}