@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg:#050806;--surface:#0f191480;--border:#ffffff14;--border-lit:#38e54d66;--text:#fff;--text-dim:#94a3b8;--accent:#38e54d;--accent-hover:#2ebd3f;--accent-glow:#38e54d4d;--danger:#ff4c4c;--radius:16px;--radius-lg:24px;--transition:.3s cubic-bezier(.2, .8, .2, 1);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}#root{width:100vw;height:100vh;display:flex}button{font-family:var(--font);cursor:pointer}.setup-screen{background:radial-gradient(circle at 15% 50%, #38e54d26, transparent 40%), radial-gradient(circle at 85% 30%, #10b98126, transparent 40%), var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.setup-card{background:var(--surface);-webkit-backdrop-filter:blur(40px)saturate(1.5);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:580px;transition:max-width var(--transition);border-top:1px solid #ffffff26;padding:3.5rem 3rem;box-shadow:0 32px 64px -16px #000c,inset 0 -10px 40px -20px #00000080}@media (width>=1024px){.setup-card--wide{max-width:90vw}}.title-wrapper{justify-content:center;align-items:center;gap:1.25rem;margin-bottom:.75rem;display:flex}.app-logo{object-fit:cover;border-radius:14px;width:56px;height:56px;animation:6s ease-in-out infinite floatLogo;box-shadow:0 0 30px #38e54d66,0 0 0 1px #ffffff26}@keyframes floatLogo{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.setup-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#86efac);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:2.6rem;font-weight:800}.setup-subtitle{color:var(--text-dim);margin-bottom:2.5rem;font-size:1rem;font-weight:300}.dropzone{border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:#0003;border:2px dashed #ffffff26;margin-bottom:1.25rem;padding:3rem 1.5rem;transition-property:border-color,background,box-shadow;position:relative}.dropzone:hover{border-color:var(--accent);background:#38e54d0d;box-shadow:inset 0 0 20px #38e54d1a}.dropzone.dragging{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow), inset 0 0 30px #38e54d33;background:#38e54d1a}.dropzone-icon{color:var(--accent);opacity:.7;transition:opacity var(--transition), transform var(--transition);margin:0 auto 1rem;display:block}.dropzone:hover .dropzone-icon{opacity:1;transform:translateY(-2px)}.dropzone-label{color:var(--text-dim);font-size:1rem}.dropzone-label strong{color:#fff;font-weight:500}.audio-picker{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:#0003;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;position:relative}.audio-picker:hover{border-color:var(--border-lit);background:#ffffff08}.audio-picker-label{color:var(--text-dim);font-size:.9rem}.audio-picker .check{color:var(--accent)}.sort-row{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.sort-label{color:var(--text-dim);font-size:.85rem;font-weight:500}.sort-select{appearance:none;color:var(--text);border:1px solid var(--border);font-family:var(--font);cursor:pointer;transition:border-color var(--transition);background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238a8a9a' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right .8rem center no-repeat;border-radius:99px;outline:none;padding:.5rem 2.2rem .5rem 1rem;font-size:.85rem}.sort-select:hover,.sort-select:focus{border-color:var(--accent)}.sort-select option{color:var(--text);background:#14141c}input[type=range]{-webkit-appearance:none;background:0 0;border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .2s,background .2s;box-shadow:0 0 10px #fff3}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent);transform:scale(1.2)}input[type=checkbox]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:10px;outline:none;transition:background .3s;position:relative;width:36px!important;height:20px!important;margin:0!important}input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}input[type=checkbox]:checked{background:var(--accent)}input[type=checkbox]:checked:after{transform:translate(16px)}.progress-bar-outer{background:#ffffff0f;border-radius:2px;width:100%;height:4px;margin-top:1.5rem;overflow:hidden}.progress-bar-inner{background:var(--accent);border-radius:2px;height:100%;transition:width .15s linear}.progress-text{color:var(--text-dim);margin-top:.75rem;font-size:.85rem}.btn-primary{border-radius:var(--radius);background:var(--accent);color:#000;width:100%;box-shadow:0 4px 20px var(--accent-glow);transition:var(--transition);border:none;padding:1rem;font-size:1.05rem;font-weight:600;transition-property:background,box-shadow,transform}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 25px #38e54d80}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;box-shadow:none;color:var(--text-dim);cursor:not-allowed;background:#ffffff1a}.player{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.slide{opacity:0;transition:opacity var(--transition-duration,.6s) ease-in-out;will-change:opacity;position:absolute;inset:0}.slide--visible{opacity:1}.slide__bg{object-fit:cover;filter:blur(40px)brightness(.35)saturate(1.2);pointer-events:none;width:130%;height:130%;position:absolute;inset:-15%}.slide__img{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.kb-zoom-in{animation:kbZoomIn var(--anim-duration,8s) ease-in-out forwards}.kb-zoom-out{animation:kbZoomOut var(--anim-duration,8s) ease-in-out forwards}.kb-pan-left{animation:kbPanLeft var(--anim-duration,8s) ease-in-out forwards}.kb-pan-right{animation:kbPanRight var(--anim-duration,8s) ease-in-out forwards}.kb-drift-up{animation:kbDriftUp var(--anim-duration,8s) ease-in-out forwards}.kb-gentle{animation:kbGentle var(--anim-duration,8s) ease-in-out forwards}@keyframes kbZoomIn{0%{transform:scale(1)}to{transform:scale(1.07)}}@keyframes kbZoomOut{0%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes kbPanLeft{0%{transform:scale(1.04)translate(1.5%)}to{transform:scale(1.04)translate(-1.5%)}}@keyframes kbPanRight{0%{transform:scale(1.04)translate(-1.5%)}to{transform:scale(1.04)translate(1.5%)}}@keyframes kbDriftUp{0%{transform:scale(1.04)translateY(1%)}to{transform:scale(1.04)translateY(-1%)}}@keyframes kbGentle{0%{transform:scale(1)translate(0)}to{transform:scale(1.04)translate(-.5%,-.5%)}}.date-card{z-index:10;-webkit-backdrop-filter:blur(12px);background:#00000073;border:1px solid #ffffff1a;border-radius:999px;padding:.5rem 1.5rem;animation:.6s ease-out forwards dateIn;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.date-card__text{letter-spacing:.04em;color:#fff;white-space:nowrap;text-shadow:0 2px 8px #0009;font-size:1rem;font-weight:400}@keyframes dateIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.controls{z-index:20;opacity:0;background:linear-gradient(#0000 0%,#000000bf 100%);align-items:center;gap:.4rem;padding:1rem 1.5rem;transition:opacity .35s;display:flex;position:absolute;bottom:0;left:0;right:0}.player:hover .controls{opacity:1}.ctrl-btn{color:#fff;width:42px;height:42px;transition:var(--transition);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition-property:background,transform;display:inline-flex}.ctrl-btn:hover{background:#ffffff40;transform:scale(1.08)}.ctrl-btn:disabled{opacity:.3;pointer-events:none}.ctrl-btn--exit{margin-left:auto}.slide-counter{z-index:20;color:#ffffff80;opacity:0;font-size:.8rem;font-weight:500;transition:opacity .35s;position:absolute;top:1.25rem;right:1.5rem}.player:hover .slide-counter{opacity:1}.timeline{z-index:20;opacity:0;cursor:pointer;background:#ffffff1a;border-radius:2px;height:3px;transition:opacity .35s;position:absolute;bottom:68px;left:1.5rem;right:1.5rem;overflow:hidden}.player:hover .timeline{opacity:1}.timeline__fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.fade-overlay{z-index:15;pointer-events:none;background:#000;transition:opacity 1s;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.fade-out{animation:3s forwards fadeOutAnim}.modal-content{background:#080c09;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:400px;padding:2rem;animation:.3s cubic-bezier(.2,.8,.2,1) forwards slideUp;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff0d}.modal-title{color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.modal-body{color:var(--text-dim);margin-bottom:1.5rem;font-size:.95rem;line-height:1.4}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.btn-secondary{border:1px solid var(--border);color:#fff;border-radius:var(--radius);transition:var(--transition);cursor:pointer;background:#ffffff0d;padding:.6rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:500}.btn-secondary:hover{background:#ffffff1a}.modal-input{border:1px solid var(--border);color:#fff;border-radius:var(--radius);width:100%;font-family:var(--font);transition:border-color var(--transition);background:#0006;outline:none;margin-top:.5rem;padding:.75rem 1rem;font-size:1rem}.modal-input:focus{border-color:var(--accent)}.btn-primary-sm{background:var(--accent);color:#000;border-radius:var(--radius);transition:var(--transition);cursor:pointer;border:none;padding:.6rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:600}.btn-primary-sm:hover{background:var(--accent-hover);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.btn-danger-sm{background:var(--danger);color:#fff;border-radius:var(--radius);transition:var(--transition);cursor:pointer;border:none;padding:.6rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:600}.btn-danger-sm:hover{background:#f33;transform:translateY(-1px);box-shadow:0 4px 12px #ff4c4c4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.photo-grid{border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;max-height:80vh;padding:8px;display:grid;overflow-y:auto}.photo-grid::-webkit-scrollbar{width:4px}.photo-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.photo-grid-item{aspect-ratio:1;cursor:pointer;background:#111;border:2px solid #0000;border-radius:4px;transition:border-color .15s,opacity .15s;position:relative;overflow:hidden}.photo-grid-item:hover{opacity:.9;border-color:#fff6}.photo-grid-item.selected{border-color:var(--danger);opacity:.75}.grid-check{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 6px #0006}.grid-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:3px;padding:1px 5px;font-size:.6rem;position:absolute;bottom:4px;left:4px}.setup-card-new{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;gap:0;max-height:95vh;display:flex;overflow-y:auto;text-align:left!important;max-width:520px!important;padding:0!important}@media (width>=1024px){.setup-card-new.setup-card--wide{max-width:95vw!important;max-height:95vh!important}}.ss-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.ss-header-left{align-items:center;gap:.75rem;min-width:0;display:flex}.ss-back-btn{border:1px solid var(--border);color:#fff9;width:34px;height:34px;transition:var(--transition);background:#ffffff12;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ss-back-btn:hover{color:#fff;background:#ffffff21}.ss-project-icon{width:40px;height:40px;color:var(--accent);background:#38e54d26;border:1px solid #38e54d4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ss-project-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.ss-project-sub{color:#fff6;margin-top:1px;font-size:.75rem}.ss-header-right{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.ss-duration-label{color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.ss-duration-value{color:#fff;font-size:1.1rem;font-weight:700}.ss-dropzone{cursor:pointer;transition:var(--transition);background:#00000040;border:1.5px dashed #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;margin:1rem 1.25rem;padding:1.25rem 1rem;display:flex}.ss-dropzone:hover,.ss-dropzone.dragging{border-color:var(--accent);background:#38e54d0f}.ss-dropzone.has-photos{padding:.9rem 1rem}.ss-drop-icon{color:var(--accent);opacity:.8}.ss-drop-text{color:#ffffff80;text-align:center;font-size:.88rem}.ss-drop-text strong{color:#fff}.ss-progress-bar{background:#ffffff1a;border-radius:2px;width:100%;height:3px;margin-top:.25rem;overflow:hidden}.ss-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .2s}.ss-toolbar{border-bottom:1px solid var(--border);flex-direction:column;gap:.4rem;padding:.5rem 1.25rem .75rem;display:flex}.ss-toolbar-row{flex-wrap:wrap;gap:.4rem;display:flex}.ss-toolbar-status{gap:.75rem;display:flex}.ss-tool-btn{color:#ffffffbf;transition:var(--transition);background:#ffffff12;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;display:flex}.ss-tool-btn:hover{color:#fff;background:#ffffff21}.ss-tool-btn.active{background:var(--accent);color:#000;border-color:#0000}.ss-status-btn{cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem}.ss-status-btn.accent{color:var(--accent)}.ss-status-btn.danger{color:var(--danger);opacity:.8}.ss-status-btn:hover{opacity:1;text-decoration:underline}.ss-card{border-top:1px solid var(--border)}.ss-card-header{cursor:pointer;color:#fff;width:100%;transition:background var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.ss-card-header:hover{background:#ffffff08}.ss-card-title{color:#fff;font-size:.9rem;font-weight:600}.ss-badge{color:var(--accent);background:#38e54d26;border:1px solid #38e54d40;border-radius:20px;padding:.1rem .5rem;font-size:.68rem;font-weight:500}.ss-chevron{color:#fff6;transition:transform .2s}.ss-chevron.up{transform:rotate(180deg)}.ss-card-body{flex-direction:column;gap:.6rem;padding:0 1.25rem 1.25rem;display:flex}.ss-add-music-btn{color:#ffffff80;width:100%;transition:var(--transition);background:#ffffff0d;border:1.5px dashed #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;display:flex}.ss-add-music-btn:hover{border-color:var(--accent);color:var(--accent)}.ss-track-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.ss-track-play{color:#fff9;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ss-track-name{color:#fffc;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.82rem;overflow:hidden}.ss-track-remove{color:var(--danger);opacity:.6;background:0 0;border:none;align-items:center;display:flex}.ss-track-remove:hover{opacity:1}.ss-add-more-btn{color:#ffffff59;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:.25rem 0;font-size:.78rem;display:flex}.ss-add-more-btn:hover{color:var(--accent)}.ss-sliders{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.ss-slider-row{align-items:center;gap:.6rem;display:flex}.ss-slider-icon{text-align:center;flex-shrink:0;width:20px;font-size:.9rem}.ss-slider-label{color:#ffffff80;flex-shrink:0;width:90px;font-size:.78rem}.ss-range{accent-color:var(--accent);cursor:pointer;flex:1;height:4px}.ss-slider-val{color:#ffffffb3;text-align:right;flex-shrink:0;width:36px;font-size:.78rem}.ss-row-inline{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ss-select{color:#fff;font-size:.8rem;font-family:var(--font);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;padding:.3rem .5rem}.ss-num-input{color:#fff;text-align:center;width:46px;font-size:.82rem;font-family:var(--font);background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;padding:.3rem .4rem}.ss-preset-btn{color:#ffffff80;transition:var(--transition);background:#ffffff12;border:1px solid #ffffff1a;border-radius:5px;padding:.2rem .4rem;font-size:.72rem}.ss-preset-btn.active,.ss-preset-btn:hover{background:var(--accent);color:#000;border-color:#0000}.ss-toggles{flex-direction:column;gap:.1rem;margin-top:.5rem;display:flex}.ss-toggle-row{cursor:pointer;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.ss-toggle-row:last-child{border-bottom:none}.ss-toggle-label{color:#ffffffbf;font-size:.83rem}.ss-toggle{cursor:pointer;background:#ffffff1f;border-radius:100px;flex-shrink:0;width:42px;height:23px;transition:background .2s;position:relative}.ss-toggle.on{background:var(--accent)}.ss-toggle-thumb{background:#fff;border-radius:50%;width:17px;height:17px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.ss-toggle.on .ss-toggle-thumb{left:22px}.ss-actions{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.5rem;display:flex}.ss-play-row{gap:.6rem;display:flex}.ss-btn-primary{background:var(--accent);color:#000;font-size:.92rem;font-weight:600;font-family:var(--font);transition:var(--transition);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.ss-btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.ss-btn-primary:disabled{opacity:.4;cursor:not-allowed}.ss-btn-secondary{color:#ffffffd9;font-size:.88rem;font-weight:500;font-family:var(--font);transition:var(--transition);background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.ss-btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff21}.ss-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.ss-export-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.ss-btn-export{color:var(--accent);font-size:.92rem;font-weight:600;font-family:var(--font);transition:var(--transition);background:#38e54d1f;border:1px solid #38e54d40;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.ss-btn-export:hover:not(:disabled){background:var(--accent);color:#000;box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.ss-btn-export:disabled{opacity:.4;cursor:not-allowed}@media (hover:none){.player .controls,.player .timeline,.player .slide-counter{opacity:1}}.player.controls-visible .controls,.player.controls-visible .timeline,.player.controls-visible .slide-counter{opacity:1}@media (width<=768px){.ctrl-btn{width:48px;min-width:44px;height:48px;min-height:44px}.controls{gap:.3rem;padding:.75rem 1rem}.timeline{height:6px;bottom:64px}.slide-counter{text-align:center;font-size:.75rem;inset:auto 1rem 72px}}@media (width<=600px){.setup-screen{padding:1rem .5rem}.setup-card{border-radius:16px;padding:2rem 1.5rem}.setup-card-new{border-radius:16px;max-height:100vh;max-width:100%!important}.setup-title{font-size:1.6rem}.title-wrapper{gap:.75rem}.app-logo{width:40px!important;height:40px!important}.ss-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.ss-header-right{flex-direction:row;align-items:flex-start;gap:.5rem}.ss-project-name{font-size:.95rem}.ss-project-sub{font-size:.7rem}.ss-toolbar{padding:.4rem .75rem .6rem}.ss-toolbar-row{gap:.3rem}.ss-tool-btn{padding:.25rem .5rem;font-size:.7rem}.ss-dropzone{margin:.75rem;padding:1rem .75rem}.ss-card-body{padding:0 .75rem 1rem}.ss-card-header{padding:.75rem}.ss-row-inline{flex-direction:column;align-items:flex-start;gap:.5rem}.ss-slider-label{width:70px;font-size:.72rem}.ss-actions{padding:.75rem .75rem 1rem}.ss-play-row{flex-direction:column}.ss-btn-primary,.ss-btn-secondary,.ss-btn-export{padding:.65rem 1rem;font-size:.85rem}.ss-export-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.ss-toolbar-status{flex-wrap:wrap}.modal-content{border-radius:16px;width:95%;padding:1.5rem}.setup-card>div[style*=grid-template-columns]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:.75rem!important}}@media (width<=375px){.setup-title{font-size:1.3rem}.ss-project-name{font-size:.85rem}.ctrl-btn{width:42px;height:42px}.controls{gap:.2rem;padding:.5rem .75rem}}.ss-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:100px}