:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background:#0a0a14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#12122a,#0a0a14 60%)}#root{width:100%}button{font-family:inherit}::selection{background:#4a90d94d}.app{max-width:800px;margin:0 auto;padding:2rem 1.5rem 3rem;min-height:100vh;display:flex;flex-direction:column;align-items:center}.app-body{width:100%;display:flex;flex-direction:column;align-items:center}.app-visual,.app-controls{display:flex;flex-direction:column;align-items:center;width:100%}@media(min-width:900px){.app{max-width:1100px}.app-body{flex-direction:row;align-items:flex-start;gap:2.5rem}.app-visual{flex:0 0 50%;position:sticky;top:1.5rem;max-width:50%}.app-controls{flex:1;min-width:0;padding-top:.5rem}.app-controls .bpm-section,.app-controls .custom-editor,.app-controls .dm-manage-bar,.app-controls .saved-section,.app-controls .patterns-section{max-width:100%}}.header{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:1.5rem;position:relative}.header-actions{position:absolute;right:0;display:flex;align-items:center;gap:8px}.btn-icon{width:32px;height:32px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffff73;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.btn-icon:hover{background:#ffffff1a;color:#ffffffd9;transform:scale(1.08)}.title{font-size:2rem;font-weight:300;letter-spacing:.3em;margin:0;background:linear-gradient(135deg,#4a90d9,#e8834a,#c8c8c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-toggle{display:flex;gap:2px;background:#ffffff0a;border-radius:10px;padding:3px;margin-bottom:2rem}.mode-btn{padding:.45em 1.4em;font-size:.8rem;border:none;background:transparent;color:#fff6;border-radius:8px;cursor:pointer;transition:all .25s}.mode-btn-active{background:#ffffff14;color:#ffffffe6}.rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e05555;margin-right:.35em;animation:rec-pulse 1s ease-in-out infinite}.rec-spinner{display:inline-block;width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin-right:.35em;animation:rec-spin .6s linear infinite;vertical-align:middle}@keyframes rec-spin{to{transform:rotate(360deg)}}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.rec-time{font-variant-numeric:tabular-nums;font-size:.75rem;color:#ffffff80;margin:0 .15em}.rec-time-ready{color:#6cdb6c}.record-error{font-size:.75rem;color:#e05555;margin-top:-1rem;margin-bottom:1rem}.rec-empty-state{width:100%;text-align:center;padding:2rem 0}.rec-empty-hint{font-size:.85rem;color:#ffffff80;margin-bottom:1.2rem}.rec-empty-actions{display:flex;gap:.75rem;justify-content:center}.btn-record,.btn-import-audio{padding:.5rem 1.2rem;border-radius:8px;font-size:.85rem;cursor:pointer;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:inherit;transition:background .15s}.btn-record:hover,.btn-import-audio:hover{background:#ffffff1f}.btn-disabled{opacity:.4;pointer-events:none}.btn-recording{color:#e05555!important;background:#e0555514}.wheel-container{position:relative;display:flex;justify-content:center;align-items:center}.wheel-container .btn-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.rhythm-wheel{display:block;max-width:100%;height:auto}.pattern-info{text-align:center;max-width:400px}.pattern-name{font-size:1.3rem;font-weight:400;margin:0 0 .3rem;color:#ffffffe6}.pattern-origin{font-size:.75rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.15em}.pattern-desc{font-size:.82rem;color:#ffffff73;line-height:1.6;margin:.6rem 0 .8rem}.legend{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-label{font-size:.72rem;color:#fff6}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .2s;padding:.5em .9em;font-size:.85rem}.btn:hover{background:#ffffff14;border-color:#ffffff26}.btn-play{width:48px;height:48px;border-radius:50%;padding:0;background:#4a90d926;border-color:#4a90d94d;color:#4a90d9;flex-shrink:0}.btn-play:hover{background:#4a90d940;border-color:#4a90d980}.btn-tap{padding:.5em 1.6em;font-size:.82rem;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.btn-tap:hover{background:#ffffff14;color:#ffffffd9}.btn-tap:active{transform:scale(.95);background:#4a90d933}.btn-tap-active{border-color:#4a90d966;color:#4a90d9;background:#4a90d91a}.btn-sm{padding:.3em .6em;font-size:.8rem;min-width:32px}.btn-active{background:#4a90d933;border-color:#4a90d966;color:#4a90d9}.btn-danger:not(:disabled):hover{background:#dc3c3c26;border-color:#dc3c3c4d;color:#dc3c3c}.btn-danger:disabled{opacity:.3;cursor:not-allowed}.bpm-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;width:100%;max-width:280px}.bpm-slider-row{display:flex;align-items:baseline;gap:.35rem}.bpm-value{font-size:1.4rem;font-weight:300;color:#ffffffd9;font-variant-numeric:tabular-nums;letter-spacing:.02em}.bpm-label{font-size:.65rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.12em}.bpm-adj{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.bpm-adj:hover{background:#4a90d926;border-color:#4a90d959;color:#ffffffd9}.bpm-adj:active{background:#4a90d940}.bpm-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,#4a90d980,#e8834a80);outline:none;cursor:pointer}.bpm-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 6px #4a90d980,0 0 12px #4a90d933;border:none;cursor:pointer;transition:box-shadow .2s}.bpm-range::-webkit-slider-thumb:hover{box-shadow:0 0 8px #4a90d9b3,0 0 18px #4a90d94d}.bpm-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 6px #4a90d980,0 0 12px #4a90d933;border:none;cursor:pointer}.bpm-presets{display:flex;gap:4px}.bpm-preset{padding:.2em .55em;font-size:.68rem;border:1px solid rgba(255,255,255,.06);background:transparent;color:#ffffff4d;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;font-variant-numeric:tabular-nums}.bpm-preset:hover{color:#fff9;border-color:#ffffff1f}.bpm-preset-active{color:#4a90d9;border-color:#4a90d959;background:#4a90d914}.tempo-mul-section{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.tempo-mul-label{font-size:.7rem;color:#ffffff59;white-space:nowrap}.tempo-mul-btns{display:flex;gap:4px}.tempo-mul-btn{padding:.2em .6em;font-size:.72rem;border:1px solid rgba(255,255,255,.06);background:transparent;color:#ffffff4d;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;font-variant-numeric:tabular-nums}.tempo-mul-btn:hover{color:#fff9;border-color:#ffffff1f}.tempo-mul-btn-active{color:#4a90d9;border-color:#4a90d959;background:#4a90d914}.tempo-mul-btn:disabled{opacity:.35;cursor:default}.tempo-mul-btn:disabled:hover{color:#ffffff4d;border-color:#ffffff0f}.tempo-mul-btn:disabled.tempo-mul-btn-active{opacity:1;color:#4a90d9;border-color:#4a90d959;background:#4a90d914}.dm-seq-scroll-area{width:100%;padding:10px 0 12px;margin-bottom:.5rem}.dm-seq-bar{display:flex;align-items:center;gap:4px;padding:0 2px;width:100%;justify-content:center;max-width:100%}.dm-seq-bar>*{flex:1 1 0px!important;min-width:0!important;max-width:52px!important}@media(max-width:600px){.dm-seq-bar{gap:2px}}.dm-chip-wrap{position:relative;aspect-ratio:52 / 72}.dm-seq-chip{position:absolute;inset:0;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);overflow:hidden;cursor:ns-resize;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;container-type:size}.dm-seq-chip:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px)}.dm-seq-chip-active{border-color:#4a90d980;background:#4a90d914;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.dm-seq-chip-playing{border-color:#6cdb6c;box-shadow:0 0 15px #6cdb6c26}.dm-chip-fill{position:absolute;bottom:0;left:0;width:100%;background:#ffffff0f;transition:height .15s ease-out;z-index:0;pointer-events:none}.dm-seq-chip-active .dm-chip-fill{background:#4a90d926}.dm-seq-chip-playing .dm-chip-fill{background:#6cdb6c26}@property --progress{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.dm-chip-progress{position:absolute;inset:0;border-radius:12px;background:conic-gradient(from -90deg,rgba(108,219,108,.7) var(--progress),transparent var(--progress));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:2px;z-index:2;pointer-events:none;transition:--progress .15s linear}.dm-chip-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;width:100%;overflow:hidden}.dm-chip-num{font-size:1.4rem;font-size:clamp(.6rem,30cqh,1.4rem);font-weight:600;color:#ffffff80;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.dm-seq-chip-active .dm-chip-num{color:#fff}.dm-chip-label{font-size:.55rem;font-size:clamp(.4rem,12cqh,.55rem);font-weight:600;text-transform:uppercase;color:#ffffff40;letter-spacing:.05em}.dm-seq-chip-active .dm-chip-label{color:#4a90d9cc}.dm-chip-delete{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#2a2a2a;border:1px solid rgba(255,255,255,.1);color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;transform:scale(.8);transition:all .2s;padding:0}.dm-chip-wrap:hover .dm-chip-delete{opacity:1;transform:scale(1)}.dm-chip-delete:hover{background:#e05555;color:#fff;border-color:#e05555}.dm-seq-add{aspect-ratio:52 / 72;border-radius:12px;border:1.5px dashed rgba(255,255,255,.12);background:transparent;color:#ffffff4d;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.dm-seq-add:hover{border-color:#ffffff4d;background:#ffffff05;color:#ffffffb3}.dm-hint{font-size:.65rem;color:#fff3;text-align:center;margin-top:2px;letter-spacing:.03em}.dm-seq-play-bar{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:.8rem}.dm-seq-play-btn{display:inline-flex;align-items:center;gap:6px;padding:.4em 1em;font-size:.78rem;border:1px solid rgba(108,219,108,.25);background:#6cdb6c0f;color:#6cdb6ccc;border-radius:20px;cursor:pointer;transition:all .2s;font-family:inherit}.dm-seq-play-btn:hover{background:#6cdb6c1f;border-color:#6cdb6c66;color:#6cdb6c}.dm-seq-play-btn-active{background:#6cdb6c1f;border-color:#6cdb6c80;color:#6cdb6c;box-shadow:0 0 10px #6cdb6c1a}.dm-seq-play-progress{display:flex;gap:3px;align-items:center}.dm-seq-play-dot{width:5px;height:5px;border-radius:50%;background:#ffffff26;transition:all .2s}.dm-seq-play-dot-done{background:#6cdb6c66}.dm-seq-play-dot-current{background:#6cdb6c;box-shadow:0 0 4px #6cdb6c99}.dm-seq-play-text{font-size:.72rem;font-variant-numeric:tabular-nums}.dm-seq-loop-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffff59;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.dm-seq-loop-btn:hover{background:#ffffff0f;border-color:#fff3;color:#fff9}.dm-seq-loop-btn-active{border-color:#6cdb6c59;background:#6cdb6c14;color:#6cdb6ccc}.dm-seq-loop-btn-active:hover{border-color:#6cdb6c80;background:#6cdb6c1f;color:#6cdb6c}.dm-manage-bar{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.8rem 1.2rem;margin-bottom:.8rem}.dm-manage-name{font-size:.82rem;color:#fff9;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-manage-dirty{color:#4a90d9cc}.dm-manage-actions{display:flex;gap:6px;flex-shrink:0}.dm-import-section{margin-top:.8rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.8rem}.dm-import-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5em .7em;font-size:.78rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#ffffff73;border-radius:8px;cursor:pointer;transition:all .2s}.dm-import-toggle:hover{background:#ffffff0d;color:#ffffffa6}.dm-import-toggle-open{border-color:#4a90d94d;color:#4a90d9cc}.dm-import-list{margin-top:.5rem;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.dm-import-group-label{font-size:.65rem;color:#ffffff40;padding:.5em .4em .2em;letter-spacing:.05em}.dm-import-item{display:flex;align-items:center;justify-content:space-between;padding:.45em .6em;border:none;background:#ffffff05;border-radius:6px;cursor:pointer;transition:all .15s;text-align:left}.dm-import-item:hover{background:#4a90d91a}.dm-import-item-name{font-size:.78rem;color:#ffffffb3}.dm-import-item-meta{font-size:.65rem;color:#ffffff40;white-space:nowrap;margin-left:.5rem}.editor-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0 0 .8rem;margin-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none}.editor-header-title{font-size:.78rem;color:#ffffff73;letter-spacing:.05em}.editor-name-editable{cursor:text;border-bottom:1px dashed rgba(255,255,255,.2);padding-bottom:1px;transition:border-color .2s}.editor-name-editable:hover{border-color:#4a90d980;color:#ffffffb3}.editor-chevron{color:#ffffff4d;transition:transform .25s;transform:rotate(-90deg)}.editor-chevron-open{transform:rotate(0)}.editor-save-row{display:flex;gap:6px;margin-top:.8rem}.btn-save-rhythm{flex:1;padding:.5em;font-size:.8rem;border:1px solid rgba(74,144,217,.2);background:#4a90d90f;color:#4a90d9cc;border-radius:8px;cursor:pointer;transition:all .2s}.btn-save-as{padding:.5em .8em;font-size:.8rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff73;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-save-as:hover{background:#ffffff0f;border-color:#ffffff26;color:#ffffffb3}.btn-save-rhythm:hover{background:#4a90d91f;border-color:#4a90d959;color:#4a90d9}.btn-share{padding:.5em;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff6;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-share:hover{background:#ffffff0f;border-color:#ffffff26;color:#ffffffb3}.share-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#4a90d9e6;color:#fff;padding:.6em 1.4em;border-radius:20px;font-size:.8rem;z-index:100;animation:toast-in .3s ease-out;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.saved-section{width:100%;max-width:600px;margin-bottom:2rem}.saved-title{font-size:.82rem;font-weight:400;color:#fff6;margin:0 0 .8rem;text-align:center}.saved-card{position:relative}.saved-card-meta{display:flex;gap:.6rem;margin-top:.4rem;font-size:.65rem;color:#ffffff4d}.saved-card-actions{display:flex;gap:4px;margin-top:.5rem}.saved-card-share{position:absolute;bottom:8px;right:8px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.saved-card-share:hover{background:#ffffff14;border-color:#fff3;color:#ffffffb3}.saved-card-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-style:dashed;border-color:#ffffff1f;color:#ffffff4d;min-height:90px;cursor:pointer}.saved-card-new span{font-size:.72rem}.saved-card-new:hover{border-color:#ffffff4d;color:#fff9;background:#ffffff08}.custom-editor{width:100%;max-width:520px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.2rem;margin-bottom:2rem}.editor-row{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.editor-row label{font-size:.75rem;color:#fff6;white-space:nowrap}.subdiv-btns{display:flex;gap:4px}.layer-list{display:flex;flex-direction:column;gap:.5rem}.layer-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.layer-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.layer-name-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fffc;padding:.35em .6em;font-size:.8rem;width:80px;font-family:inherit}.layer-name-input:focus{outline:none;border-color:#4a90d966}.layer-sound-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fffc;padding:.35em .5em;font-size:.8rem;font-family:inherit;cursor:pointer}.layer-sound-select:focus{outline:none;border-color:#4a90d966}.layer-sound-select option{background:#1a1a2e;color:#fffc}.btn-add-layer{width:100%;padding:.5em;font-size:.8rem;border-style:dashed;color:#ffffff59;margin-top:.3rem}.btn-add-layer:hover{color:#fff9}.layer-item{display:flex;flex-direction:column;gap:.3rem}.patterns-section{width:100%;max-width:600px}.category-tabs{display:flex;gap:4px;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.tab{display:inline-flex;align-items:center;gap:.35rem;padding:.4em .9em;font-size:.78rem;border:1px solid transparent;background:transparent;color:#ffffff59;border-radius:20px;cursor:pointer;transition:all .2s}.tab:hover{color:#fff9}.tab-active{background:#ffffff0f;color:#ffffffd9;border-color:#ffffff1a}.tab-icon{font-size:.9em}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.pattern-card{text-align:left;padding:.8rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05;border-radius:10px;cursor:pointer;transition:all .2s}.pattern-card:hover{background:#ffffff0d;border-color:#ffffff1f}.pattern-card-active{border-color:#4a90d966;background:#4a90d90f}.card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.card-name{font-size:.82rem;color:#ffffffd9;font-weight:500}.card-origin{font-size:.65rem;color:#ffffff4d}.card-dots{display:flex;gap:3px;flex-wrap:wrap}.card-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.card-mini-chips{display:flex;gap:3px;align-items:flex-end;height:32px}.card-mini-chip{flex:1 1 0;min-width:0;max-width:24px;height:100%;border-radius:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-mini-chip-fill{position:absolute;bottom:0;left:0;width:100%;background:#4a90d933;transition:height .15s ease-out;pointer-events:none}.card-mini-chip-num{position:relative;z-index:1;font-size:.6rem;font-weight:600;color:#ffffff80;font-variant-numeric:tabular-nums;line-height:1}.footer{margin-top:auto;padding-top:2rem;text-align:center}.footer-hint{color:#ffffff4d;font-size:.8rem;margin-bottom:.5rem}.footer-icons{display:flex;gap:1.2rem;justify-content:center;align-items:center}.footer-icon{color:#fff3;transition:color .2s;display:flex;align-items:center;justify-content:center}.footer-icon:hover{color:#ffffff80}@media(max-width:600px){.app{padding:1.2rem 1rem 2rem}.title{font-size:1.5rem;letter-spacing:.2em}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.layer-row{flex-wrap:wrap}}@media(max-width:380px){.pattern-grid{grid-template-columns:1fr}}.rec-playback-panel{width:100%;max-width:520px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem 1.2rem;margin-bottom:1.2rem}.rec-playback-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.rec-playback-header .rec-playback-badge{margin-left:auto}.rec-actions-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.btn-sm{font-size:.75rem;padding:.3rem .6rem;cursor:pointer;white-space:nowrap}.rec-playback-title{font-size:.85rem;font-weight:600;color:#ffffffd9;letter-spacing:.03em}.rec-playback-badge{font-size:.65rem;padding:2px 8px;border-radius:8px;background:#ffffff0f;color:#fff6}.rec-playback-badge-active{background:#4caf5026;color:#4caf50e6}.rec-playback-master{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.06)}.rec-playback-master .rec-band-label{min-width:3em}.rec-volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.rec-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#ffffffb3;border:none;cursor:pointer;transition:background .15s}.rec-volume-slider::-webkit-slider-thumb:hover{background:#ffffffe6}.rec-volume-slider:disabled{opacity:.3;cursor:default}.rec-volume-value{font-size:.7rem;color:#fff6;min-width:2.5em;text-align:right}.rec-band-label{font-size:.72rem;color:#ffffff80;min-width:6.5em;white-space:nowrap}.rec-band-toggle{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff80;font-size:.65rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.rec-band-toggle:hover{border-color:#ffffff40}.rec-band-toggle-on{background:#4caf5026;border-color:#4caf504d;color:#4caf50e6}.rec-band-toggle:disabled{opacity:.25;cursor:default}.rec-progress-wrap{flex:1;min-width:0;position:relative}.rec-progress-bar{height:24px;background:transparent;border-radius:2px;position:relative;cursor:pointer;display:flex;align-items:center}.rec-progress-bar:before{content:"";position:absolute;left:0;right:0;height:4px;background:#ffffff14;border-radius:2px}.rec-progress-fill{width:100%;height:4px;background:linear-gradient(90deg,#4a90d9b3,#e8834ab3);border-radius:2px;transform-origin:left;will-change:transform;position:relative;z-index:1}.rec-progress-thumb{width:10px;height:10px;border-radius:50%;background:#fff;position:absolute;left:0;top:50%;z-index:2;box-shadow:0 0 3px #0006;pointer-events:none;will-change:transform,opacity}.rec-progress-time{font-size:.62rem;color:#ffffff59;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;position:absolute;right:0;bottom:100%;margin-bottom:2px}.rec-band-waveform-row{display:flex;align-items:center;gap:.3rem}.rec-band-waveform{flex:1;min-width:0;border-radius:4px;overflow:hidden;background:#ffffff05}.rec-band-waveform-placeholder{height:30px}.rec-trim-section{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.06)}.rec-trim-label{font-size:.72rem;color:#ffffff80;white-space:nowrap}.trim-bar{flex:1;position:relative;height:36px;border-radius:6px;overflow:hidden;background:#ffffff08;cursor:default;touch-action:none}.trim-waveform{width:100%;height:36px;display:block}.trim-dim{position:absolute;top:0;height:100%;background:#00000080;pointer-events:none}.trim-handle{position:absolute;top:0;width:10px;height:100%;margin-left:-5px;cursor:ew-resize;background:#ffffff40;border:1px solid rgba(255,255,255,.5);border-radius:3px;transition:background .1s;z-index:2}.trim-handle:hover,.trim-handle:active{background:#fff6}.trim-labels{position:absolute;bottom:1px;left:0;right:0;display:flex;justify-content:space-between;padding:0 2px;font-size:.58rem;color:#ffffff59;pointer-events:none;z-index:1}.rec-band-controls-wrap{position:relative}.rec-band-loading-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#141419bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:.5rem;color:#ffffffb3;font-size:.8rem}.rec-band-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-top-color:#fff9;border-radius:50%;animation:bandSpinnerSpin .8s linear infinite}@keyframes bandSpinnerSpin{to{transform:rotate(360deg)}}.rec-band-controls{display:flex;flex-direction:column;gap:.5rem;flex:1}.rec-band-row{display:flex;align-items:center;gap:.6rem;transition:opacity .15s}.rec-band-item{display:flex;flex-direction:column;gap:.25rem}.rec-band-toggle-off{background:#f443361f;border-color:#f4433640;color:#f44336cc}.modal-close{background:none;border:none;color:#fff6;cursor:pointer;font-size:.9rem;padding:2px 6px}@keyframes loginFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:loginFadeIn .2s ease-out}.login-modal{background:linear-gradient(165deg,#1c1e24f2,#121318fa);border:1px solid rgba(255,255,255,.07);border-radius:16px;width:min(360px,90vw);overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 8px 40px #00000080,0 0 60px -20px #0000004d;animation:loginSlideUp .25s ease-out;position:relative}.login-modal:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),rgba(255,255,255,.1),transparent)}.login-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.06)}.login-header-title{font-size:.9rem;font-weight:600;color:#ffffffe6;letter-spacing:.02em}.login-body{padding:1.4rem 1.2rem 1.6rem}.login-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#4a90d926,#8c64ff1f);border:1px solid rgba(100,140,220,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#4aa0f0b3;overflow:hidden}.login-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.login-step{display:flex;flex-direction:column;gap:.9rem}.login-label{font-size:.75rem;color:#ffffff73;letter-spacing:.02em;margin-bottom:-.3rem}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input{width:100%;padding:.75em 1em;font-size:.9rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#ffffffeb;font-family:inherit;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;box-sizing:border-box}.login-input:focus{border-color:#4aa0f080;background:#4aa0f00d;box-shadow:0 0 0 3px #4aa0f01a,0 0 24px -6px #4aa0f033}.login-input::placeholder{color:#ffffff40}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus,.login-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(30,35,45,1) inset!important;box-shadow:0 0 0 1000px #1e232d inset!important;-webkit-text-fill-color:rgba(255,255,255,.92)!important;caret-color:#ffffffeb;border-color:#4aa0f066!important;transition:background-color 5000s ease-in-out 0s}.login-input-with-btn{padding-right:5.5rem}.login-send-inline{position:absolute;right:.5rem;padding:.45em .85em;font-size:.78rem;font-family:inherit;font-weight:500;white-space:nowrap;border:none;border-radius:8px;background:linear-gradient(135deg,#4aa0f033,#648cf026);color:#82befff2;cursor:pointer;transition:all .2s}.login-send-inline:hover:not(:disabled){background:linear-gradient(135deg,#4aa0f059,#648cf04d);color:#a0d2ff}.login-send-inline-disabled{opacity:.35;cursor:not-allowed}.login-countdown-inline{position:absolute;right:1rem;font-size:.82rem;font-weight:500;font-variant-numeric:tabular-nums;color:#ffffff59;min-width:2.5em;text-align:center}.login-code-inputs{display:flex;gap:.6rem;justify-content:center;padding:.3rem 0}.login-code-input{width:2.9rem;height:3.4rem;text-align:center;font-size:1.5rem;font-weight:500;font-variant-numeric:tabular-nums;padding:0;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0a;color:#fffffff2;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s;box-sizing:border-box}.login-code-input:focus{border-color:#4aa0f099;box-shadow:0 0 0 3px #4aa0f01f,0 4px 20px -4px #4aa0f033;background:#4aa0f00f;transform:translateY(-1px)}.login-code-input:not(:placeholder-shown){border-color:#4aa0f04d;background:#4aa0f00a}.login-btn{width:100%;padding:.75em 1em;font-size:.9rem;font-weight:500;font-family:inherit;border:none;border-radius:12px;background:linear-gradient(135deg,#4aa0f02e,#648cf01f);color:#8cc3fff2;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;inset:0;border-radius:12px;border:1px solid rgba(74,160,240,.25);pointer-events:none;transition:border-color .25s}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#4aa0f04d,#648cf038);box-shadow:0 4px 24px -6px #4aa0f040;transform:translateY(-1px)}.login-btn:hover:not(:disabled):before{border-color:#4aa0f073}.login-btn-disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.login-btn-logout{background:#ffffff0a;color:#ffffff8c}.login-btn-logout:before{border-color:#ffffff1a}.login-btn-logout:hover:not(:disabled){background:#f443361f;color:#ff645af2;box-shadow:0 4px 20px -6px #f4433633}.login-btn-logout:hover:not(:disabled):before{border-color:#f443364d}.login-turnstile{display:flex;justify-content:center;margin:.5rem 0}.login-error{font-size:.78rem;color:#ff645af2;line-height:1.45;padding:.6em .9em;background:#f4433614;border-radius:8px;border-left:3px solid rgba(244,67,54,.5)}.login-countdown{font-size:.72rem;color:#ffffff47;font-variant-numeric:tabular-nums}.login-user-info{display:flex;flex-direction:column;gap:.5rem;align-items:center}.login-user-email{font-size:.9rem;color:#ffffffd9;font-weight:500}.login-user-credits{font-size:.78rem;color:#8cbeff8c;margin-bottom:.4rem}.btn-icon-active{color:#4aa0f0d9;border-color:#4a90d94d;background:#4a90d91a}.btn-icon-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.cloud-modal{width:min(420px,92vw)}.cloud-body{display:flex;flex-direction:column;gap:.8rem}.cloud-login-prompt{text-align:center;padding:1.5rem 0}.cloud-login-prompt p{margin:0 0 1rem;color:#fff9;font-size:.85rem}.cloud-info-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0}.cloud-info-label{font-size:.8rem;color:#ffffff80}.cloud-info-value{font-size:.85rem;font-weight:500;color:#ffffffd9}.cloud-stem-select{margin:.4rem 0}.cloud-stem-label{font-size:.8rem;color:#ffffff80;display:block;margin-bottom:.5rem}.cloud-stem-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.cloud-stem-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.8rem .5rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff05;color:#ffffffb3;cursor:pointer;transition:all .2s;font-family:inherit}.cloud-stem-btn:hover{background:#4a90d914;border-color:#4a90d933}.cloud-stem-btn-active{background:#4a90d91f;border-color:#4a90d959;color:#8cc3fff2}.cloud-stem-num{font-size:1.3rem;font-weight:600}.cloud-stem-desc{font-size:.7rem;opacity:.65;text-align:center;line-height:1.3}.cloud-stem-cost{font-size:.72rem;color:#8cc3ffb3;font-weight:500}.cloud-stem-cost-insufficient{color:#ff645acc}.cloud-pricing-table{margin-top:.25rem}.cloud-pricing-table table{width:100%;border-collapse:collapse;font-size:.72rem;color:#ffffff73}.cloud-pricing-table th,.cloud-pricing-table td{padding:.25rem .5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}.cloud-pricing-table th{color:#ffffff8c;font-weight:500}.cloud-pricing-table th:first-child,.cloud-pricing-table td:first-child{text-align:left}.cloud-warning{font-size:.78rem;color:#ff645ae6;text-align:center;padding:.5rem;background:#f4433614;border-radius:8px}.cloud-start-btn{margin-top:.2rem}.cloud-steps{display:flex;flex-direction:column;gap:.1rem;padding:.5rem 0}.cloud-step{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;font-size:.82rem}.cloud-step-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.65rem;font-weight:600;transition:all .25s}.cloud-step-pending .cloud-step-dot{background:#ffffff0f;color:#ffffff4d;border:1px solid rgba(255,255,255,.08)}.cloud-step-pending .cloud-step-label{color:#ffffff4d}.cloud-step-active .cloud-step-dot{background:#4a90d926;border:1px solid rgba(74,144,217,.4);color:#8cc3fff2}.cloud-step-active .cloud-step-label{color:#8cc3fff2}.cloud-step-done .cloud-step-dot{background:#7ec87e26;border:1px solid rgba(126,200,126,.35);color:#7ec87ef2}.cloud-step-done .cloud-step-label{color:#ffffff8c}.cloud-step-error .cloud-step-dot{background:#f443361f;border:1px solid rgba(244,67,54,.35);color:#ff645af2}.cloud-step-error .cloud-step-label{color:#ff645acc}.cloud-step-label{color:#ffffffbf}.cloud-step-detail{font-size:.72rem;color:#8cc3ffb3;margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums}.cloud-step-spinner{width:10px;height:10px;border:1.5px solid rgba(140,195,255,.3);border-top-color:#8cc3fff2;border-radius:50%;animation:spin .8s linear infinite}.cloud-step-num{font-size:.6rem}@keyframes spin{to{transform:rotate(360deg)}}.cloud-error-section{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:.5rem 0}.cloud-error-msg{font-size:.8rem;color:#ff645ae6;text-align:center;line-height:1.5}.cloud-results{display:flex;flex-direction:column;gap:.6rem;padding:.3rem 0}.cloud-results-title{font-size:.82rem;font-weight:500;color:#7ec87ee6}.cloud-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cloud-result-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#8cc3ffe6;text-decoration:none;font-size:.8rem;font-weight:500;transition:all .2s}.cloud-result-item:hover{background:#4a90d91a;border-color:#4a90d940;transform:translateY(-1px)}.cloud-result-item-downloading{pointer-events:none;border-color:#4a90d94d}.cloud-result-progress{position:absolute;inset:0;background:#4a90d926;transform-origin:left;transition:transform .15s linear}.cloud-expires-hint{font-size:.7rem;color:#ffffff59;text-align:center}.cloud-processing-hint{font-size:.75rem;color:#fff6;text-align:center;line-height:1.5;margin-top:.5rem}.cloud-expired{font-size:.82rem;color:#ffffff73;text-align:center;padding:1rem 0}.cloud-new-btn{margin-top:.3rem}.task-list-modal{width:min(480px,92vw);max-height:80vh;display:flex;flex-direction:column}.task-list-modal .login-body{overflow-y:auto;flex:1;min-height:0}.task-back-btn{background:none;border:none;color:#8cc3ffd9;font-size:.85rem;font-family:inherit;cursor:pointer;padding:0}.task-back-btn:hover{color:#8cc3ff}.task-filter-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.4rem}.task-filter-btn{padding:.3rem .65rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:transparent;color:#ffffff80;font-size:.72rem;font-family:inherit;cursor:pointer;transition:all .2s}.task-filter-btn:hover{background:#ffffff0d;color:#ffffffbf}.task-filter-btn-active{background:#4a90d91f;border-color:#4a90d94d;color:#8cc3fff2}.task-list{display:flex;flex-direction:column;gap:.35rem}.task-item{display:flex;flex-direction:column;gap:.25rem;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff05;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;width:100%;color:inherit}.task-item:hover{background:#ffffff0a;border-color:#ffffff1a}.task-item-top{display:flex;justify-content:space-between;align-items:center}.task-item-name{font-size:.82rem;font-weight:500;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:85%}.task-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-item-bottom{display:flex;gap:.8rem;font-size:.7rem;color:#fff6}.task-status-badge{font-size:.82rem;font-weight:500}.task-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.task-loading,.task-empty{text-align:center;padding:2rem 0;color:#fff6;font-size:.82rem}.task-detail{display:flex;flex-direction:column;gap:.5rem}.task-pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:.6rem}.task-page-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-family:inherit;transition:all .2s}.task-page-btn:hover:not(:disabled){background:#4a90d91a;color:#8cc3ffe6}.task-page-btn:disabled{opacity:.3;cursor:not-allowed}.task-page-info{font-size:.78rem;color:#ffffff80;font-variant-numeric:tabular-nums}.btn-cloud{display:flex;align-items:center;gap:.35rem;background:#4a90d91a;border-color:#4a90d940;color:#8cc3ffe6}.btn-cloud:hover:not(:disabled){background:#4a90d92e;border-color:#4a90d966}.btn-cloud:disabled{opacity:.35}.login-btn-tasks{background:#4a90d914;color:#8cc3ffd9}.login-btn-tasks:before{border-color:#4a90d92e}.login-btn-tasks:hover:not(:disabled){background:#4a90d929;color:#8cc3ff}.login-btn-buy{background:#7ec87e1f;color:#7ec87ee6}.login-btn-buy:before{border-color:#7ec87e33}.login-btn-buy:hover:not(:disabled){background:#7ec87e33;color:#7ec87e}.login-btn-secondary{background:#ffffff0a;color:#ffffff8c;font-size:.8rem}.login-btn-secondary:before{border-color:#ffffff14}.login-btn-secondary:hover:not(:disabled){background:#ffffff14;color:#fffc}.buy-credits-packages{display:flex;flex-direction:column;gap:.75rem}.buy-credits-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1.25rem 1rem 1rem;cursor:pointer;transition:background .15s,border-color .15s}.buy-credits-card:hover:not(:disabled){background:#4a90d914;border-color:#4a90d940}.buy-credits-card:disabled{opacity:.5;cursor:not-allowed}.buy-credits-card-loading{border-color:#4a90d94d}.buy-credits-card-best{border-color:#7ec87e59;background:#7ec87e0d}.buy-credits-card-best:hover:not(:disabled){border-color:#7ec87e80;background:#7ec87e14}.buy-credits-promo-banner{text-align:center;font-size:.8rem;font-weight:500;color:#ffc83cf2;background:#ffc83c14;border:1px solid rgba(255,200,60,.15);border-radius:8px;padding:.5rem .75rem;margin-bottom:.75rem}.buy-credits-badge{position:absolute;top:-.55rem;right:.75rem;font-size:.65rem;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,#7ec87e,#5ab85a);padding:.15rem .5rem;border-radius:4px;letter-spacing:.03em}.buy-credits-badge-promo{right:auto;left:.75rem;background:linear-gradient(135deg,#ffc83c,#e8a000)}.buy-credits-original{font-size:.7rem;color:#ffffff59;text-decoration:line-through;margin-top:-.3rem}.buy-credits-amount{font-size:1.15rem;font-weight:600;color:#fffffff2}.buy-credits-meta{display:flex;align-items:baseline;gap:.5rem}.buy-credits-price{font-size:1rem;color:#ffffffbf;font-weight:500}.buy-credits-unit{font-size:.75rem;color:#fff6}.buy-credits-discount{font-size:.75rem;font-weight:500;color:#7ec87ef2}.buy-credits-action{font-size:.8rem;color:#8cc3ffd9;background:#4a90d91f;padding:.3rem .75rem;border-radius:6px;margin-top:.15rem}.payment-result-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.payment-result-polling,.payment-result-success,.payment-result-failed,.payment-result-timeout{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.payment-result-polling .cloud-step-spinner{width:32px;height:32px}.payment-result-title{font-size:1.1rem;font-weight:500;color:#ffffffe6;margin:0}.payment-result-detail{font-size:.85rem;color:#fff9;margin:0}.credit-positive{color:#7ec87ee6;font-weight:500;font-size:.9rem}.credit-negative{color:#e84a4ae6;font-weight:500;font-size:.9rem}.load-more-btn{display:block;width:100%;padding:.6rem;margin-top:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;font-size:.8rem;cursor:pointer;transition:background .15s}.load-more-btn:hover:not(:disabled){background:#4a90d91a;color:#8cc3ffe6}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.cloud-buy-btn{margin-top:.5rem;font-size:.8rem;padding:.35rem .75rem}.error-boundary{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a14;z-index:9999;padding:2rem}.error-boundary-content{text-align:center;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-boundary-title{color:#ffffffe6;font-size:1.25rem;font-weight:500;margin:0}.error-boundary-message{color:#ffffff80;font-size:.85rem;line-height:1.5;margin:0;word-break:break-word}.error-boundary-actions{display:flex;gap:.75rem;margin-top:.5rem}.error-boundary-btn{background:#4a90d926;color:#8cc3ffe6;border:1px solid rgba(74,144,217,.25);padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.85rem}.error-boundary-btn:hover{background:#4a90d940}.error-boundary-btn-secondary{background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.1);padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.85rem}.error-boundary-btn-secondary:hover{background:#ffffff1a}.dialog-overlay{z-index:1100}.dialog-modal{max-width:360px;min-width:280px}.dialog-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.dialog-message{color:#ffffffd9;font-size:.9rem;line-height:1.5;margin:0;text-align:center}.dialog-input{width:100%;box-sizing:border-box}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.dialog-btn{padding:.45rem 1.1rem;border-radius:6px;font-size:.85rem;cursor:pointer;border:none}.dialog-btn-cancel{background:#ffffff0f;color:#fff9}.dialog-btn-cancel:hover{background:#ffffff1f;color:#fffc}.dialog-btn-confirm{background:#4a90d933;color:#8cc3fff2}.dialog-btn-confirm:hover{background:#4a90d959}.rec-trim-hint{flex-basis:100%;text-align:center;color:#ffc86499;font-size:.72rem}.cloud-credit-hint{color:#ffc86499;font-size:.78rem;text-align:center;margin-top:.5rem}