*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;width:100%;height:100%}body{margin:0;padding:0;width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a}#root{width:100%;min-height:100%}button,input[type=range]{-webkit-user-select:none;user-select:none}@media(pointer:coarse){input[type=range]{height:24px}}@supports (-webkit-overflow-scrolling: touch){body{-webkit-overflow-scrolling:touch}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.audio-upload{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:2rem 1rem;border:2px dashed #333333;border-radius:8px;background-color:#111;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}@media(min-width:768px){.audio-upload{max-width:480px;padding:3rem 2rem;border-radius:12px}}.audio-upload:hover:not(.audio-upload--disabled){border-color:#646cff;background-color:#141420}.audio-upload:focus-visible{outline:2px solid #646cff;outline-offset:2px}.audio-upload--dragging{border-color:#646cff;background-color:#1a1a2e;border-style:solid}.audio-upload--disabled{cursor:not-allowed;opacity:.6}.audio-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audio-upload__content{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}@media(min-width:768px){.audio-upload__content{gap:1rem}}.audio-upload__icon{width:36px;height:36px;color:#646cff}@media(min-width:768px){.audio-upload__icon{width:48px;height:48px}}.audio-upload__icon--loading{color:#888}.audio-upload__icon svg{width:100%;height:100%}.audio-upload__text{margin:0;font-size:.9375rem;color:#fff}@media(min-width:768px){.audio-upload__text{font-size:1.125rem}}.audio-upload__hint{margin:0;font-size:.75rem;color:#666}@media(min-width:768px){.audio-upload__hint{font-size:.875rem}}.audio-player{display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;padding:.75rem;background-color:#111;border-radius:8px;border:1px solid #222222}@media(min-width:480px){.audio-player{gap:.75rem;padding:.875rem 1rem}}@media(min-width:768px){.audio-player{gap:1rem;max-width:600px;padding:1rem 1.5rem;border-radius:12px}}.audio-player--disabled{opacity:.5;pointer-events:none}.audio-player__play-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background-color:#646cff;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}@media(min-width:768px){.audio-player__play-btn{width:48px;height:48px}}.audio-player__play-btn:hover:not(:disabled){background-color:#535bf2;transform:scale(1.05)}.audio-player__play-btn:active:not(:disabled){transform:scale(.95)}.audio-player__play-btn:disabled{background-color:#333;cursor:not-allowed}.audio-player__play-btn svg{width:20px;height:20px}@media(min-width:768px){.audio-player__play-btn svg{width:24px;height:24px}}.audio-player__time{font-family:SF Mono,Consolas,Monaco,monospace;font-size:.6875rem;color:#888;white-space:nowrap;min-width:36px;text-align:center}@media(min-width:480px){.audio-player__time{font-size:.75rem;min-width:40px}}@media(min-width:768px){.audio-player__time{font-size:.875rem;min-width:45px}}.audio-player__time--current{color:#fff}.audio-player__seek{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.audio-player__seek::-webkit-slider-runnable-track{width:100%;height:6px;background:#333;border-radius:3px}.audio-player__seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;background:#646cff;border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease,background-color .2s ease}@media(min-width:768px){.audio-player__seek::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px}}.audio-player__seek::-webkit-slider-thumb:hover{background:#535bf2;transform:scale(1.2)}.audio-player__seek::-moz-range-track{width:100%;height:6px;background:#333;border-radius:3px}.audio-player__seek::-moz-range-thumb{width:20px;height:20px;background:#646cff;border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease,background-color .2s ease}@media(min-width:768px){.audio-player__seek::-moz-range-thumb{width:16px;height:16px}}.audio-player__seek::-moz-range-thumb:hover{background:#535bf2;transform:scale(1.2)}.audio-player__seek:disabled{opacity:.5;cursor:not-allowed}.audio-player__seek:disabled::-webkit-slider-thumb{background:#444}.audio-player__seek:disabled::-moz-range-thumb{background:#444}@media(pointer:coarse){.audio-player__seek::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px}.audio-player__seek::-moz-range-thumb{width:28px;height:28px}.audio-player__play-btn:active:not(:disabled){transform:scale(.92)}}.export-panel{width:100%;max-width:100%;padding:.75rem;background:#1a1a1a;border-radius:6px;border:1px solid #333333}@media(min-width:768px){.export-panel{max-width:600px;padding:1rem;border-radius:8px}}.export-panel--disabled{opacity:.6;pointer-events:none}.export-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #333333}@media(min-width:768px){.export-panel-header{margin-bottom:1rem;padding-bottom:.75rem}}.export-panel-title{margin:0;font-size:.875rem;font-weight:600;color:#fff}@media(min-width:768px){.export-panel-title{font-size:1rem}}.export-resolution-selector{display:flex;gap:.25rem;margin-bottom:.75rem}@media(min-width:768px){.export-resolution-selector{gap:.5rem;margin-bottom:1rem}}.export-resolution-btn{flex:1;padding:.5rem .75rem;background:transparent;border:1px solid #444444;border-radius:6px;color:#888;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.export-resolution-btn{padding:.625rem 1rem;font-size:.875rem}}.export-resolution-btn:hover:not(:disabled){border-color:#555;color:#aaa}.export-resolution-btn.active{background:#646cff;border-color:#646cff;color:#fff}.export-resolution-btn:disabled{opacity:.5;cursor:not-allowed}.export-resolution-btn.locked{position:relative;opacity:.6}.export-resolution-lock{position:absolute;top:-6px;right:-6px;padding:2px 4px;background:linear-gradient(135deg,#646cff,#9333ea);border-radius:4px;color:#fff;font-size:.5rem;font-weight:600;text-transform:uppercase}@media(min-width:768px){.export-resolution-lock{top:-8px;right:-8px;padding:2px 6px;font-size:.5625rem}}.export-tier-hint{margin-bottom:.75rem;padding:.5rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:4px;color:#9b9fff;font-size:.6875rem;text-align:center}@media(min-width:768px){.export-tier-hint{margin-bottom:1rem;padding:.625rem;font-size:.75rem}}.export-controls{margin-bottom:.75rem}@media(min-width:768px){.export-controls{margin-bottom:1rem}}.export-btn{width:100%;padding:.625rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.export-btn{padding:.75rem 1.25rem;font-size:1rem;border-radius:8px}}.export-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.export-btn:disabled{background:#444;cursor:not-allowed;transform:none}.export-btn--cancel{background:linear-gradient(135deg,#ef4444,#dc2626)}.export-btn--cancel:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.export-progress{height:6px;background:#333;border-radius:3px;overflow:hidden;margin-bottom:.5rem}@media(min-width:768px){.export-progress{height:8px;border-radius:4px;margin-bottom:.75rem}}.export-progress-bar{height:100%;background:linear-gradient(90deg,#646cff,#9333ea);border-radius:3px;transition:width .15s ease-out}@media(min-width:768px){.export-progress-bar{border-radius:4px}}.export-status{font-size:.75rem;color:#888;text-align:center}@media(min-width:768px){.export-status{font-size:.875rem}}.export-status--error{color:#ef4444}.watermark{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;pointer-events:none;z-index:15;-webkit-user-select:none;user-select:none}.watermark-text{color:#fffc;font-size:12px;font-weight:500;letter-spacing:.5px}.watermark-badge{color:#646cff;font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;background:#646cff26;border-radius:4px}.app-container{display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100dvh;background-color:#0a0a0a;color:#fff;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}.app-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #1a1a1a}.app-header-left{display:flex;flex-direction:column;align-items:flex-start}.app-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.app-subtitle{margin:.25rem 0 0;font-size:.75rem;color:#666}.tier-toggle{padding:.375rem .75rem;background:#333;border:1px solid #444444;border-radius:16px;color:#888;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.tier-toggle:hover{background:#444;border-color:#555;color:#aaa}.tier-toggle--pro{background:linear-gradient(135deg,#646cff,#9333ea);border-color:transparent;color:#fff}.tier-toggle--pro:hover{background:linear-gradient(135deg,#5558e3,#7e22ce)}@media(min-width:768px){.tier-toggle{padding:.5rem 1rem;font-size:.75rem;border-radius:20px}}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.75rem;gap:.75rem}@media(min-width:768px){.app-header{padding:1rem 1.5rem}.app-title{font-size:1.5rem}.app-subtitle{margin-top:.375rem;font-size:.8125rem}.app-main{padding:1.5rem;gap:1.25rem}}@media(min-width:1024px){.app-header{padding:1.5rem 2rem}.app-title{font-size:2rem}.app-subtitle{margin-top:.5rem;font-size:.875rem}.app-main{padding:2rem;gap:1.5rem}}.app-error{padding:.5rem 1rem;background-color:#311;border:1px solid #661111;border-radius:6px;color:#f66;font-size:.75rem;max-width:100%;text-align:center}@media(min-width:768px){.app-error{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;max-width:480px}}.app-player-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:100%}@media(min-width:768px){.app-player-container{gap:1.25rem;max-width:1280px}}@media(min-width:1024px){.app-player-container{gap:1.5rem}}.app-player-info{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:0 .25rem}@media(min-width:768px){.app-player-info{max-width:600px;padding:0 .5rem}}.app-player-filename{font-size:.75rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}@media(min-width:768px){.app-player-filename{font-size:.875rem;max-width:70%}}.app-player-new{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid #333333;border-radius:6px;color:#888;font-size:.6875rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}@media(min-width:768px){.app-player-new{gap:.5rem;padding:.5rem 1rem;font-size:.75rem}}.app-player-new:hover{border-color:#646cff;color:#646cff}.app-player-new svg{width:12px;height:12px}@media(min-width:768px){.app-player-new svg{width:14px;height:14px}}.visualizer-container{width:100%;max-width:100%;margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.visualizer-container{max-width:1280px;margin-top:.75rem;gap:.75rem}}@media(min-width:1024px){.visualizer-container{margin-top:1rem;gap:1rem}}.visualizer-selector{display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap}@media(min-width:768px){.visualizer-selector{gap:.5rem}}.visualizer-selector-btn{padding:.375rem .75rem;background:transparent;border:1px solid #333333;border-radius:16px;color:#888;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.visualizer-selector-btn{padding:.5rem 1.25rem;border-radius:20px;font-size:.875rem}}.visualizer-selector-btn:hover{border-color:#555;color:#aaa}.visualizer-selector-btn.active{background:#646cff;border-color:#646cff;color:#fff}.visualizer-selector-btn.active:hover{background:#5558e3;border-color:#5558e3}.visualizer-settings-btn{margin-left:.5rem;border-color:#444}.visualizer-settings{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem;background:#1a1a1a;border:1px solid #333333;border-radius:6px}@media(min-width:768px){.visualizer-settings{gap:1rem;padding:1rem;border-radius:8px}}.visualizer-settings-field{flex:1;min-width:140px;display:flex;flex-direction:column;gap:.25rem}@media(min-width:768px){.visualizer-settings-field{min-width:180px;gap:.375rem}}.visualizer-settings-field label{font-size:.6875rem;color:#888}@media(min-width:768px){.visualizer-settings-field label{font-size:.75rem}}.visualizer-settings-field input[type=range]{width:100%;height:4px;background:#444;border-radius:2px;appearance:none;cursor:pointer}.visualizer-settings-field input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#646cff;border-radius:50%;cursor:pointer}.visualizer-settings-field input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#646cff;border:none;border-radius:50%;cursor:pointer}@media(min-width:768px){.visualizer-settings-field input[type=range]::-webkit-slider-thumb{width:12px;height:12px}.visualizer-settings-field input[type=range]::-moz-range-thumb{width:12px;height:12px}}.visualizer-settings-toggle{display:flex;gap:4px;width:100%}.visualizer-toggle-btn{flex:1;padding:6px 12px;font-size:11px;font-weight:500;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;transition:all .15s ease}.visualizer-toggle-btn:hover{background:#333;color:#aaa}.visualizer-toggle-btn.active{background:#4a9eff;border-color:#4a9eff;color:#fff}@media(min-width:768px){.visualizer-toggle-btn{padding:8px 16px;font-size:12px}}.visualizer-canvas-wrapper{width:100%;border-radius:6px;overflow:hidden;background:#1a1a1a}@media(min-width:768px){.visualizer-canvas-wrapper{border-radius:8px}}.visualizer-canvas{display:block;width:100%;aspect-ratio:16 / 9;min-height:180px;max-height:50vh;border-radius:6px}@media(min-width:768px){.visualizer-canvas{aspect-ratio:2 / 1;min-height:250px;max-height:400px;border-radius:8px}}@media(min-width:1024px){.visualizer-canvas{min-height:300px;max-height:450px}}.text-editor{width:100%;max-width:100%;padding:.75rem;background:#1a1a1a;border-radius:6px;border:1px solid #333333}@media(min-width:768px){.text-editor{max-width:600px;padding:1rem;border-radius:8px}}.text-editor--disabled{opacity:.6;pointer-events:none}.text-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #333333}@media(min-width:768px){.text-editor-header{margin-bottom:1rem;padding-bottom:.75rem}}.text-editor-title{margin:0;font-size:.875rem;font-weight:600;color:#fff}@media(min-width:768px){.text-editor-title{font-size:1rem}}.text-editor-add-btn{padding:.375rem .75rem;background:#646cff;border:none;border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s ease}@media(min-width:768px){.text-editor-add-btn{padding:.5rem 1rem;font-size:.875rem}}.text-editor-add-btn:hover{background:#5558e3}.text-editor-add-btn:disabled{background:#444;cursor:not-allowed}.text-editor-empty{color:#666;font-size:.75rem;text-align:center;padding:.75rem}@media(min-width:768px){.text-editor-empty{font-size:.875rem;padding:1rem}}.text-editor-layers{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.text-editor-layers{gap:.75rem}}.text-editor-layer{background:#242424;border-radius:6px;border:1px solid #333333;overflow:hidden}.text-editor-layer-header{display:flex;align-items:center;padding:.5rem .75rem;background:#2a2a2a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}@media(min-width:768px){.text-editor-layer-header{padding:.75rem 1rem}}.text-editor-layer-header:hover{background:#333}.text-editor-layer-expand{font-size:.625rem;color:#888;margin-right:.5rem}@media(min-width:768px){.text-editor-layer-expand{font-size:.75rem;margin-right:.75rem}}.text-editor-layer-name{flex:1;font-size:.75rem;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.text-editor-layer-name{font-size:.875rem}}.text-editor-layer-actions{display:flex;align-items:center;gap:.25rem}@media(min-width:768px){.text-editor-layer-actions{gap:.5rem}}.text-editor-visibility{display:flex;align-items:center;cursor:pointer}.text-editor-visibility input{display:none}.text-editor-visibility-icon{font-size:.875rem;opacity:.6;transition:opacity .2s ease}@media(min-width:768px){.text-editor-visibility-icon{font-size:1rem}}.text-editor-visibility:hover .text-editor-visibility-icon{opacity:1}.text-editor-delete-btn{width:20px;height:20px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:#888;font-size:1rem;line-height:1;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.text-editor-delete-btn{width:24px;height:24px;font-size:1.25rem}}.text-editor-delete-btn:hover{background:#411;border-color:#611;color:#f66}.text-editor-layer-content{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.text-editor-layer-content{padding:1rem;gap:1rem}}.text-editor-section{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.text-editor-section{gap:.75rem}}.text-editor-section h4{margin:0;font-size:.625rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}@media(min-width:768px){.text-editor-section h4{font-size:.75rem}}.text-editor-field{display:flex;flex-direction:column;gap:.25rem}@media(min-width:768px){.text-editor-field{gap:.375rem}}.text-editor-field label{font-size:.6875rem;color:#888}@media(min-width:768px){.text-editor-field label{font-size:.75rem}}.text-editor-field input[type=text],.text-editor-field select{padding:.375rem .5rem;background:#1a1a1a;border:1px solid #444444;border-radius:4px;color:#fff;font-size:.75rem}@media(min-width:768px){.text-editor-field input[type=text],.text-editor-field select{padding:.5rem .75rem;font-size:.875rem}}.text-editor-field input[type=text]:focus,.text-editor-field select:focus{outline:none;border-color:#646cff}.text-editor-field input[type=range]{width:100%;height:4px;background:#444;border-radius:2px;appearance:none;cursor:pointer}.text-editor-field input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#646cff;border-radius:50%;cursor:pointer}.text-editor-field input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#646cff;border:none;border-radius:50%;cursor:pointer}@media(min-width:768px){.text-editor-field input[type=range]::-webkit-slider-thumb{width:14px;height:14px}.text-editor-field input[type=range]::-moz-range-thumb{width:14px;height:14px}}.text-editor-row{display:flex;flex-direction:column;gap:.5rem}@media(min-width:480px){.text-editor-row{flex-direction:row;gap:.75rem}}@media(min-width:768px){.text-editor-row{gap:1rem}}.text-editor-field--small{flex:1}.text-editor-toggle{display:flex;gap:0;border:1px solid #444444;border-radius:4px;overflow:hidden}.text-editor-toggle-btn{flex:1;padding:.375rem .5rem;background:transparent;border:none;color:#888;font-size:.6875rem;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.text-editor-toggle-btn{padding:.375rem .75rem;font-size:.75rem}}.text-editor-toggle-btn:not(:last-child){border-right:1px solid #444444}.text-editor-toggle-btn:hover{background:#333;color:#ccc}.text-editor-toggle-btn.active{background:#646cff;color:#fff}.text-editor-color-row{display:flex;align-items:center;gap:.5rem}@media(min-width:768px){.text-editor-color-row{gap:.75rem}}.text-editor-color-row input[type=color]{width:36px;height:28px;padding:0;border:1px solid #444444;border-radius:4px;background:transparent;cursor:pointer}@media(min-width:768px){.text-editor-color-row input[type=color]{width:40px;height:32px}}.text-editor-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.text-editor-color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.text-editor-color-value{font-size:.6875rem;color:#888;font-family:Courier New,monospace}@media(min-width:768px){.text-editor-color-value{font-size:.75rem}}.text-editor-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ccc;cursor:pointer}@media(min-width:768px){.text-editor-checkbox-label{font-size:.875rem}}.text-editor-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#646cff;cursor:pointer}.text-editor-replay-btn{width:100%;padding:.5rem;margin-top:.5rem;background:#333;border:1px solid #444444;border-radius:4px;color:#ccc;font-size:.75rem;cursor:pointer;transition:all .2s ease}.text-editor-replay-btn:hover{background:#444;border-color:#646cff;color:#fff}.text-editor-replay-btn:disabled{opacity:.5;cursor:not-allowed}.background-editor{width:100%;max-width:100%;padding:.75rem;background:#1a1a1a;border-radius:6px;border:1px solid #333333}@media(min-width:768px){.background-editor{max-width:600px;padding:1rem;border-radius:8px}}.background-editor--disabled{opacity:.6;pointer-events:none}.background-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #333333}@media(min-width:768px){.background-editor-header{margin-bottom:1rem;padding-bottom:.75rem}}.background-editor-title{margin:0;font-size:.875rem;font-weight:600;color:#fff}@media(min-width:768px){.background-editor-title{font-size:1rem}}.background-editor-section{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.background-editor-section{gap:1rem}}.background-editor-section+.background-editor-section{margin-top:.75rem}@media(min-width:768px){.background-editor-section+.background-editor-section{margin-top:1rem}}.background-editor-type-selector{display:flex;gap:.25rem}@media(min-width:768px){.background-editor-type-selector{gap:.5rem}}.background-type-btn{flex:1;padding:.5rem .75rem;background:transparent;border:1px solid #444444;border-radius:6px;color:#888;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.background-type-btn{padding:.625rem 1rem;font-size:.875rem}}.background-type-btn:hover{border-color:#555;color:#aaa}.background-type-btn.active{background:#646cff;border-color:#646cff;color:#fff}.background-type-btn:disabled{opacity:.5;cursor:not-allowed}.background-editor-field{display:flex;flex-direction:column;gap:.25rem}@media(min-width:768px){.background-editor-field{gap:.375rem}}.background-editor-field label{font-size:.6875rem;color:#888}@media(min-width:768px){.background-editor-field label{font-size:.75rem}}.background-editor-field input[type=range]{width:100%;height:4px;background:#444;border-radius:2px;appearance:none;cursor:pointer}.background-editor-field input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#646cff;border-radius:50%;cursor:pointer}.background-editor-field input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#646cff;border:none;border-radius:50%;cursor:pointer}.background-editor-field input[type=range]:disabled{opacity:.5;cursor:not-allowed}.background-editor-color-row{display:flex;align-items:center;gap:.5rem}@media(min-width:768px){.background-editor-color-row{gap:.75rem}}.background-editor-color-row input[type=color]{width:36px;height:28px;padding:0;border:1px solid #444444;border-radius:4px;background:transparent;cursor:pointer}@media(min-width:768px){.background-editor-color-row input[type=color]{width:40px;height:32px}}.background-editor-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.background-editor-color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.background-editor-color-row input[type=color]:disabled{opacity:.5;cursor:not-allowed}.background-editor-color-value{font-size:.6875rem;color:#888;font-family:Courier New,monospace}@media(min-width:768px){.background-editor-color-value{font-size:.75rem}}.background-editor-toggle{display:flex;gap:0;border:1px solid #444444;border-radius:4px;overflow:hidden}.background-toggle-btn{flex:1;padding:.375rem .5rem;background:transparent;border:none;color:#888;font-size:.6875rem;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.background-toggle-btn{padding:.5rem .75rem;font-size:.75rem}}.background-toggle-btn:not(:last-child){border-right:1px solid #444444}.background-toggle-btn:hover{background:#333;color:#ccc}.background-toggle-btn.active{background:#646cff;color:#fff}.background-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.background-gradient-stops{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.background-gradient-stops{gap:.75rem}}.background-gradient-stop{display:flex;align-items:center;gap:.5rem}@media(min-width:768px){.background-gradient-stop{gap:.75rem}}.background-gradient-stop input[type=color]{width:32px;height:24px;padding:0;border:1px solid #444444;border-radius:4px;background:transparent;cursor:pointer;flex-shrink:0}@media(min-width:768px){.background-gradient-stop input[type=color]{width:36px;height:28px}}.background-gradient-stop input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.background-gradient-stop input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.background-gradient-stop input[type=range]{flex:1;height:4px;background:#444;border-radius:2px;appearance:none;cursor:pointer}.background-gradient-stop input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#646cff;border-radius:50%;cursor:pointer}.background-gradient-stop input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#646cff;border:none;border-radius:50%;cursor:pointer}.background-stop-position{font-size:.625rem;color:#888;min-width:32px;text-align:right}@media(min-width:768px){.background-stop-position{font-size:.75rem;min-width:40px}}.background-stop-remove{width:20px;height:20px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:#888;font-size:1rem;line-height:1;cursor:pointer;transition:all .2s ease;flex-shrink:0}.background-stop-remove:hover{background:#411;border-color:#611;color:#f66}.background-stop-remove:disabled{opacity:.5;cursor:not-allowed}.background-stop-add{padding:.375rem .75rem;background:#333;border:1px solid #444444;border-radius:4px;color:#888;font-size:.6875rem;cursor:pointer;transition:all .2s ease;align-self:flex-start}@media(min-width:768px){.background-stop-add{padding:.5rem 1rem;font-size:.75rem}}.background-stop-add:hover{background:#444;border-color:#646cff;color:#ccc}.background-stop-add:disabled{opacity:.5;cursor:not-allowed}.background-image-controls{display:flex;align-items:center;gap:.75rem}@media(min-width:768px){.background-image-controls{gap:1rem}}.background-image-upload-btn{padding:.5rem 1rem;background:#333;border:1px solid #444444;border-radius:4px;color:#ccc;font-size:.75rem;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.background-image-upload-btn{padding:.625rem 1.25rem;font-size:.875rem}}.background-image-upload-btn:hover{background:#444;border-color:#646cff;color:#fff}.background-image-upload-btn:disabled{opacity:.5;cursor:not-allowed}.background-image-preview{width:48px;height:36px;border-radius:4px;border:1px solid #444444;background-size:cover;background-position:center}@media(min-width:768px){.background-image-preview{width:60px;height:45px}}.preset-selector{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem;background:#1a1a1a;border-radius:8px;border:1px solid #333333}@media(min-width:768px){.preset-selector{gap:.75rem;padding:.75rem;max-width:600px}}.preset-selector-label{font-size:.75rem;font-weight:600;color:#888;white-space:nowrap}@media(min-width:768px){.preset-selector-label{font-size:.875rem}}.preset-selector-buttons{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}@media(min-width:768px){.preset-selector-buttons{gap:.5rem}}.preset-selector-btn{display:flex;flex-direction:column;align-items:center;gap:.125rem;min-width:44px;min-height:44px;padding:.5rem .75rem;background:#242424;border:1px solid #444444;border-radius:8px;color:#888;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media(min-width:768px){.preset-selector-btn{gap:.25rem;padding:.5rem 1rem;font-size:.8125rem;border-radius:10px}}.preset-selector-btn:hover{background:#333;border-color:#555;color:#aaa}.preset-selector-btn.active{background:linear-gradient(135deg,#646cff,#9333ea);border-color:transparent;color:#fff}.preset-selector-btn.active:hover{background:linear-gradient(135deg,#5558e3,#7e22ce)}.preset-selector-ratio{font-size:.5625rem;font-weight:400;opacity:.7}@media(min-width:768px){.preset-selector-ratio{font-size:.625rem}}.preset-selector-btn.active .preset-selector-ratio{opacity:.9}@media(max-width:374px){.app-header{padding:.5rem .75rem}.app-main{padding:.5rem;gap:.5rem}.app-title{font-size:1.125rem}.app-subtitle{font-size:.6875rem}.preset-selector{padding:.375rem;gap:.375rem}.preset-selector-label{font-size:.6875rem}.preset-selector-btn{min-width:40px;padding:.375rem .5rem;font-size:.625rem}.visualizer-selector-btn{padding:.375rem .5rem;font-size:.6875rem}.text-editor,.background-editor,.export-panel{padding:.5rem}.visualizer-settings{padding:.5rem;gap:.5rem}}@media(pointer:coarse){button:active:not(:disabled),.visualizer-selector-btn:active,.background-type-btn:active,.text-editor-add-btn:active,.export-btn:active:not(:disabled),.tier-toggle:active,.preset-selector-btn:active{transform:scale(.96);opacity:.9}.visualizer-settings-field input[type=range]::-webkit-slider-thumb,.text-editor-field input[type=range]::-webkit-slider-thumb,.background-editor-field input[type=range]::-webkit-slider-thumb,.background-gradient-stop input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.visualizer-settings-field input[type=range]::-moz-range-thumb,.text-editor-field input[type=range]::-moz-range-thumb,.background-editor-field input[type=range]::-moz-range-thumb,.background-gradient-stop input[type=range]::-moz-range-thumb{width:24px;height:24px}.visualizer-selector-btn{min-height:44px;min-width:44px;padding:.5rem .75rem}.text-editor-delete-btn,.background-stop-remove{min-width:44px;min-height:44px}.tier-toggle{min-height:44px;padding:.5rem 1rem}}