*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#edf4ed;background:#111817;font-synthesis:none}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #7df7e9;outline-offset:3px}button{border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.35}input,textarea{outline-offset:4px}button svg{pointer-events:none}svg.icon{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}
.preview-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:94px;padding:24px 36px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#20413c6b,transparent 55%),#111817}.preview-sidebar{width:260px;position:relative;z-index:2}.preview-brand{font-size:12px;letter-spacing:2.5px;display:flex;align-items:center;gap:14px;color:#d6e0d6}.brand-dots{position:relative;width:26px;height:25px;display:block}.brand-dots i{position:absolute;width:15px;height:15px;border-radius:50%;background:#67b69c;left:5px}.brand-dots i:nth-child(2){top:10px;left:0;background:#d6b86f}.brand-dots i:nth-child(3){top:10px;left:12px;background:#82b9c7}.preview-sidebar h1{font-size:45px;letter-spacing:-2px;font-weight:500;line-height:1.35;margin:38px 0 15px}.preview-lead{color:#9ba9a0;font-size:14px;line-height:1.9;margin:0 0 36px}.preview-nav{display:grid;gap:5px}.preview-nav button{display:flex;align-items:center;gap:18px;padding:15px 16px;border-radius:13px;text-align:left;font-size:14px;color:#a3b2a8;transition:.2s}.preview-nav button>span{font-size:11px;color:#61756a}.preview-nav button>i{margin-left:auto;font-size:18px;font-style:normal;opacity:0}.preview-nav button.active{background:#ffffff0d;color:#fafdf9}.preview-nav button.active>span{color:#a1cdbb}.preview-nav button.active>i{opacity:1}.preview-nav button:hover{background:#ffffff08}.preview-hint{font-size:12px;line-height:1.8;color:#91a39a;min-height:58px;margin:25px 16px 20px}.preview-caption{font-size:11px;color:#73867a;display:flex;gap:8px;align-items:center;margin-left:16px}.preview-caption>span{width:5px;height:5px;background:#75ab98;border-radius:50%}.device-wrap{position:relative;width:410px;height:864px;z-index:3;flex:none}.device{width:410px;height:864px;border:7px solid #121619;outline:1px solid #4e5354;box-shadow:0 0 0 2px #20282b,3px 0 1px #787b7c inset,-2px 0 1px #6f7373 inset,0 36px 75px #0006;border-radius:57px;background:#000;padding:3px;transform-origin:top left;position:absolute;left:0;top:0}.device:before{content:"";position:absolute;left:-11px;top:172px;width:3px;height:64px;background:#747778;border-radius:4px;box-shadow:0 77px #747778}.device:after{content:"";position:absolute;right:-11px;top:226px;width:3px;height:89px;background:#676c6c;border-radius:3px}.device-island{position:absolute;z-index:35;top:17px;left:50%;transform:translateX(-50%);width:110px;height:29px;border-radius:20px;background:#050708;pointer-events:none}.app{width:390px;height:844px;position:relative;overflow:hidden;border-radius:46px;background:#2d211a;color:white;isolation:isolate}.status-bar{height:56px;position:absolute;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:8px 24px 0;pointer-events:none}.status-bar strong{font-size:14px;font-weight:600;letter-spacing:-.4px}.status-bar>span{display:flex;gap:5px;align-items:center}.status-bar svg.icon{width:16px;height:16px;stroke-width:2}.status-bar svg.icon:last-child{width:22px}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);background:currentColor;width:130px;height:5px;border-radius:5px;z-index:35;pointer-events:none}.app[data-screen=canvas]{color:#151718;background:#f0ede8}.app[data-screen=edit],.app[data-screen=effects]{background:#002128;color:#efffff}.screen{height:100%;overflow-y:auto;scrollbar-width:none;position:relative;padding-top:56px;animation:screen-in .28s cubic-bezier(.2,.65,.3,1)}.screen::-webkit-scrollbar{display:none}#screen-root{height:100%}@keyframes screen-in{from{opacity:.35;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}.icon-button{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;flex:none}.icon-button:hover{background:#ffffff13}.ambient-disc{position:fixed;width:650px;height:650px;right:-240px;bottom:-190px;background:radial-gradient(circle,#4d6a4738,transparent 70%);z-index:-1}.toast{position:absolute;z-index:70;left:50%;bottom:45px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#1c2428eF;box-shadow:0 8px 25px #0002;color:white;font-size:12px;padding:12px 17px;border:1px solid #ffffff20;border-radius:30px;max-width:350px;text-align:center;white-space:normal;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Library */
.home-screen{background:radial-gradient(ellipse at 65% 30%,#6b5029ad,transparent 40%),radial-gradient(ellipse at 0% 65%,#6947259c,transparent 45%),linear-gradient(115deg,#251d18,#3b2a1d 55%,#211b18);padding-bottom:38px}.home-title{font-size:38px;letter-spacing:-1.4px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:11px;margin:8px 0 36px;white-space:nowrap;font-family:ui-rounded,"Arial Rounded MT Bold",sans-serif}.home-title .brand-dots{width:37px;height:39px;margin-right:2px}.home-title .brand-dots i{width:24px;height:24px;background:#fb3152;left:9px}.home-title .brand-dots i:nth-child(2){background:#8cdb0c;left:0;top:17px}.home-title .brand-dots i:nth-child(3){background:#06c6e3;left:21px;top:17px}.section-tabs{display:flex;align-items:center;justify-content:space-around;margin:0 10px 12px}.section-tabs button{font-family:ui-rounded,"Arial Rounded MT Bold",sans-serif;font-weight:800;font-size:23px;color:#d7d0c8;padding:9px 15px;border-radius:18px;transition:.2s}.section-tabs button[aria-selected=true]{color:#fff;text-shadow:0 0 20px #ee69bb,0 0 25px #ff52c0}.section-tabs button:first-child[aria-selected=true]{text-shadow:0 0 20px #61fa9d}.section-tabs button:last-child[aria-selected=true]{text-shadow:0 0 20px #ffda55}.album-scene{display:block;position:relative;width:390px;height:418px;overflow:hidden;padding:0;text-align:left;background:#352617}.album-scene img{position:absolute;width:390px;max-width:none;left:0;top:-175px;pointer-events:none}.album-scene:after{content:"";position:absolute;inset:0;box-shadow:0 14px 14px -10px #34271c inset,0 -16px 20px -8px #31231b inset;pointer-events:none}.album-scene:active{transform:scale(.99)}.album-enter{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);border-radius:20px;padding:7px 14px;color:#e3c98c;background:#2d211ab0;backdrop-filter:blur(10px);font-size:10px;letter-spacing:.5px;opacity:0;transition:.2s;z-index:2}.album-scene:hover .album-enter,.album-scene:focus-visible .album-enter{opacity:1}.home-space{height:33px}.home-player{display:flex;gap:7px;margin:0 9px;align-items:stretch;height:62px}.glass{background:linear-gradient(140deg,#ffffff28,#ffffff07);border:1px solid #ffffff85;box-shadow:inset 0 1px 1px #ffffff30;backdrop-filter:blur(14px)}.skip-button{border-radius:30px;width:37px;display:grid;place-items:center;flex:none}.skip-button .icon{width:17px;height:17px}.player-core{border-radius:28px;display:flex;align-items:center;padding:8px;gap:9px;min-width:0;flex:1}.mini-art{width:29px;height:39px;position:relative;overflow:hidden;border-radius:4px;flex:none}.mini-art img{position:absolute;width:50px;left:-10px;top:-32px;max-width:none}.player-play{width:27px;height:36px;padding:3px;flex:none}.player-play svg{width:23px;height:23px;fill:currentColor;stroke-width:1}.track-name{flex:1;min-width:0}.track-name b{display:block;font-size:11px;white-space:nowrap}.track-name small{font-size:8px;color:#c5bbb4;white-space:nowrap;display:block;margin-top:4px}.player-more{display:flex;gap:5px}.player-more button{width:22px;height:30px;display:grid;place-items:center;padding:0}.player-more svg{width:17px;height:17px}.home-pager{display:flex;gap:10px;justify-content:center;margin-top:20px;align-items:center}.home-pager i{width:6px;height:6px;background:#c9bfb0;border-radius:6px}.home-pager i+ i{width:63px;height:5px;background:#8e8479}.home-project-link{display:flex;align-items:center;gap:7px;margin:19px auto 0;font-size:11px;color:#c6bdb1;opacity:.8}.home-project-link svg{width:14px;height:14px}
/* Canvas */
.canvas-screen{background:#f0ede8;padding:56px 15px 45px}.canvas-header{height:53px;display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:6px}.canvas-header .icon-button{width:35px}.nav-pill{border-radius:20px;background:linear-gradient(180deg,#fff,#f3f2f0);box-shadow:0 3px 9px #0000000d;min-height:24px;padding:4px 13px;font-size:11px;white-space:nowrap}.canvas-header .project-name{min-width:106px;text-align:center}.canvas-header .group-current{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:center}.idea-board{height:294px;border:1px solid #d0d0cb;border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 50%,#f2d9f249,transparent 45%),radial-gradient(circle at 55% 20%,#e0edd879,transparent 48%),radial-gradient(#bbc0bd9a .6px,transparent .8px) 0 0/9px 9px,#f8f9f6;touch-action:none}.board-world{position:absolute;inset:0}.board-tools{position:absolute;z-index:8;left:11px;top:72px;padding:5px 3px;display:flex;flex-direction:column;background:#8e9594d4;border-radius:14px;box-shadow:0 3px 5px #0002;color:#f4f6f3;backdrop-filter:blur(14px)}.board-tools button{width:20px;height:27px;padding:4px;display:grid;place-items:center}.board-tools svg{width:13px;height:13px;stroke-width:1.5}.window-card{position:absolute;overflow:hidden;border-radius:9px;box-shadow:0 5px 15px #24342416;background:#d5d9d7;border:1px solid #d3d5d4;touch-action:none}.window-card.primary-window{width:133px;left:183px;top:15px;transform:rotate(1deg)}.window-card.secondary-window{width:124px;left:222px;top:231px;transform:rotate(1.5deg)}.window-bar{font-size:5px;height:15px;display:flex;align-items:center;gap:3px;padding:2px 7px;background:linear-gradient(100deg,#b6c3af,#c8ccd3);color:#4e5953}.window-bar svg{width:7px;height:7px}.crop-frame{position:relative;overflow:hidden}.crop-frame img{max-width:none;position:absolute;pointer-events:none;user-select:none}.house-crop{aspect-ratio:194/224}.house-crop img{width:571.65%;left:-290.72%;top:-137.5%}.second-house{aspect-ratio:180/150}.second-house img{width:616.12%;left:-344.44%;top:-423.33%}.tutorial{position:absolute;left:61px;top:68px;width:146px;border-radius:11px;background:#777d79d6;backdrop-filter:blur(15px);padding:5px 5px 6px;color:#fff;box-shadow:0 9px 17px #0003;border:1px solid #9b9f9d;touch-action:none}.tutorial-preview{height:96px;border-radius:7px;overflow:hidden;background:#5d7f62}.tutorial-preview img{width:538.35%;left:-187.38%;top:-260.14%}.tutorial h3{font-size:8px;font-weight:500;margin:9px 3px 5px}.tutorial p{font-size:6.5px;line-height:1.55;color:#edf0ed;margin:0 3px 9px}.tutorial-buttons{display:flex;gap:5px}.tutorial-buttons button{font-size:7px;background:#ffffff23;border-radius:6px;padding:7px 6px;flex:1;white-space:nowrap}.tutorial-buttons button:last-child{background:#ffffff37}.context-tools{position:absolute;right:12px;top:48px;display:flex;flex-direction:column;gap:5px;color:#f5f1f7}.context-tools button{width:18px;height:18px;border-radius:50%;background:#a397a7c2;display:grid;place-items:center;padding:4px}.context-tools svg{width:10px;height:10px}.board-note{position:absolute;left:66px;top:64px;width:165px;min-height:134px;padding:17px;background:#fffefa;box-shadow:0 7px 15px #1f212316;border:1px solid #dadbd5;border-radius:12px;transform:rotate(-3deg);touch-action:none}.board-note .note-label{font-size:8px;letter-spacing:1px;color:#909492;margin-bottom:18px}.board-note p{font-size:17px;line-height:1.45;font-weight:450;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.board-note .note-wave{height:36px;display:flex;align-items:center;gap:3px;justify-content:center}.note-wave i{width:3px;background:#9464ef;border-radius:2px}.board-note small{font-size:9px;color:#929694;display:block;margin-top:15px}.board-note.secondary{left:157px;top:177px;width:170px;transform:rotate(5deg);min-height:80px;background:#edf2ee}.empty-board{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#99a09b;gap:10px}.empty-board button{font-size:12px;display:grid;justify-items:center;gap:10px}.empty-board svg{width:25px;height:25px}.group-heading{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:11px;color:#81827e}.group-heading p{font-size:8px;margin:3px 0 0;color:#999b96}.group-sort{display:flex;gap:5px;align-items:center;font-size:9px;color:#777b75;padding:6px 2px}.group-sort svg{width:14px;height:14px}.groups-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px}.group-tile{height:112px;background:linear-gradient(#fff,#fffdfb);border-radius:60px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;color:#1f2220;transition:background .15s,box-shadow .15s,transform .15s;touch-action:pan-y}.group-tile.selected{box-shadow:0 0 0 1px #858c89}.group-label{font-size:11px;letter-spacing:-.2px;padding:10px 2px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}.group-tile .select-group{position:absolute;inset:0;width:100%;border-radius:inherit}.group-grip{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:40px;height:28px;display:grid;place-items:center;cursor:grab;touch-action:none}.six-dots{width:9px;height:14px;display:grid;grid-template-columns:repeat(2,3px);grid-template-rows:repeat(3,3px);gap:2px;color:#939893}.six-dots i{background:currentColor;border-radius:50%}.group-tile.dragging{opacity:.28}.group-tile.drop-over{box-shadow:0 0 0 2px #89b09f;transform:scale(.96)}.group-placeholder{height:88px;background:linear-gradient(#fff,#f7f5f2);border-radius:50px}.group-new{height:88px;background:linear-gradient(#fff,#f9f7f4);border-radius:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#373d36;font-size:10px}.group-new>span{width:31px;height:31px;background:#efefec;border-radius:50%;display:grid;place-items:center;color:#858982}.group-new svg{width:18px;height:18px}.group-drag-ghost{position:fixed;z-index:1000;pointer-events:none;background:#fffefb;color:#222;border:1px solid #a0a8a2;box-shadow:0 10px 30px #0003;border-radius:50px;display:grid;place-items:center;font-size:12px;transform:rotate(-4deg)}
/* Teal editor */
.editor-screen{background:radial-gradient(ellipse at 38% 4%,#08a2ba7d,transparent 27%),radial-gradient(ellipse at 95% 62%,#0860715e,transparent 40%),linear-gradient(135deg,#003740,#001316);padding:56px 9px 29px;overflow-x:hidden}.editor-header{height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 10px 8px}.editor-header .icon-button{color:#f8ffff}.project-badge{background:linear-gradient(160deg,#09bad4,#008ba4);padding:6px 22px 8px;border-radius:24px;text-align:center;box-shadow:inset 0 1px 1px #a4f7ff9c}.project-badge strong{display:block;font-size:24px;letter-spacing:-.7px;font-weight:750}.project-badge span{font-size:13px;display:block;margin-top:0}.collapse-button svg{width:27px;height:27px;stroke-width:1.3}.wave-panel{border:1px solid #4be5f3;border-bottom-color:#087484;border-right-color:#087484;border-radius:35px;background:linear-gradient(135deg,#0871849c,#004652bd);box-shadow:inset 0 1px 6px #8efaff24,0 5px 16px #0001;position:relative;padding:21px 12px 16px;height:283px}.wave-panel.collapsed{height:155px}.wave-panel.collapsed .wave-annotation,.wave-panel.collapsed .range-labels,.wave-panel.collapsed .wave-time{display:none}.wave-panel.collapsed .wave-area{top:63px;height:70px}.wave-panel-top{display:flex;justify-content:space-between;font-size:15px;margin:0 6px}.wave-panel-top span:last-child{font-size:14px}.wave-annotation{position:absolute;left:50%;transform:translateX(-50%);top:56px;z-index:7;min-width:123px;max-width:185px;background:#fff;color:#051014;box-shadow:0 6px 15px #0002;border-radius:17px;text-align:center;font-size:12px;font-weight:650;line-height:1.35;padding:8px 10px}.wave-annotation:after{content:"";position:absolute;left:50%;top:100%;height:24px;width:1.5px;background:#ecfffc}.annotation-dot{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);width:10px;height:10px;background:#edfffd;border-radius:50%}.range-labels{position:absolute;top:119px;left:16px;right:16px;display:flex;justify-content:space-between;color:#d3ffff;font-size:12px}.wave-area{position:absolute;left:12px;right:12px;top:137px;height:111px;display:flex;align-items:center;gap:2px;padding:0 3px;background:repeating-linear-gradient(133deg,transparent 0,transparent 4px,#06bfd15c 4px,#06bfd15c 5px,transparent 5px,transparent 8px);border-radius:3px;touch-action:none}.audio-section{flex:1;position:relative;height:100%;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;z-index:1;border:1px solid transparent}.audio-section .wave-bar{background:linear-gradient(150deg,#00272f,#001318);width:100%;border-radius:20px;display:block;transition:.18s;box-shadow:inset 0 0 3px #0005}.audio-section.selected{background:#a1fff03b;border-left:1px solid #dffff9;border-right:1px solid #dffff9}.audio-section.selected .wave-bar{background:linear-gradient(110deg,#b1fff5,#71f9eb);box-shadow:0 0 8px #51eddf55}.audio-section.fx-target{background:#dafff480;box-shadow:0 0 0 2px #fff;border-radius:5px}.audio-section.fx-target.is-gap{background:linear-gradient(90deg,#fff 0 3px,transparent 3px);box-shadow:none}.audio-section:focus-visible{outline-offset:-2px}.effect-pin{position:absolute;bottom:-6px;width:8px;height:8px;border-radius:50%;background:#ff78bb;box-shadow:0 0 6px #ff5ea2;z-index:3}.wave-time{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:17px;color:#adf9f3;font-variant-numeric:tabular-nums}.timeline-zone{padding:18px 18px 0;position:relative;height:71px}.pin-mark{position:absolute;top:1px;left:29px;color:#81e0e8;font-size:15px;line-height:1}.pin-mark:nth-child(2){left:47px}.timeline{height:11px;border-radius:8px;background:#00171b;position:relative;display:flex;align-items:center;gap:5px;padding:0 10px;touch-action:none;cursor:ew-resize}.timeline i{background:#009fb4;border-radius:8px;height:7px;display:block;flex:1}.timeline i:nth-child(3),.timeline i:nth-child(4){background:#a7fff1}.timeline i:nth-child(odd){flex:.35}.playhead{position:absolute;top:-10px;height:31px;width:4px;border-radius:3px;background:#fff;left:30%;box-shadow:0 0 9px #85eddd40;pointer-events:none}.timeline-times{display:flex;justify-content:space-between;font-size:12px;color:#efffff;margin-top:9px;font-variant-numeric:tabular-nums}.tool-panel{height:285px;border-radius:29px;border:1px solid #2ee0ec;border-right-color:#097384;border-bottom-color:#097384;background:radial-gradient(ellipse at 3% 0%,#005d6dba,transparent 55%),linear-gradient(145deg,#00404aac,#00191fed);box-shadow:inset 0 1px 1px #c7ffff68,0 8px 0 #00718442;overflow:hidden;position:relative;margin:0 6px;touch-action:pan-y}.audio-edit-page{height:100%;padding:15px 16px;position:relative}.panel-title{font-size:26px;font-weight:720;letter-spacing:-.7px;margin:0;line-height:1.15}.panel-subtitle{font-size:13px;color:#9bcedc;margin:5px 0 0;line-height:1.3;white-space:nowrap;letter-spacing:-.35px}.voice-control{display:flex;flex-direction:column;align-items:center;margin-top:15px;gap:5px;font-size:12px;color:#a6cbd8}.mic-button{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 0,#117c8a9c,#00475191);border:1px solid #00a0b5;box-shadow:inset 0 0 15px #03acba20;transition:.2s}.mic-button svg{width:38px;height:38px;stroke-width:2.3;color:#e3fffb;filter:drop-shadow(0 0 5px #84fff766)}.mic-button:hover{background:#08616d;box-shadow:0 0 25px #69fff526}.mic-button:active{transform:scale(.95)}.parameter-row{display:grid;grid-template-columns:1.45fr 1.4fr .85fr;gap:5px;position:absolute;bottom:9px;left:8px;right:8px}.parameter{height:73px;border-radius:17px;border:1px solid #168886;background:linear-gradient(135deg,#07605cba,#003f3b99);text-align:left;padding:11px 15px;box-shadow:inset 0 1px 1px #80e9df3d;min-width:0}.parameter strong{font-size:23px;letter-spacing:-.5px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parameter small{font-size:12px;color:#a8ceda;display:block;margin-top:3px}.parameter.ambience{background:linear-gradient(130deg,#50708999,#182f3bcc);border-color:#557f96}.parameter.play{padding:0;display:grid;place-items:center;background:linear-gradient(125deg,#0565759c,#0037419c);border-color:#259cad}.parameter.play svg{width:30px;height:30px;fill:currentColor;stroke-width:1.4}.pagination{height:34px;display:flex;gap:0;align-items:center;justify-content:center}.pagination button{width:23px;height:30px;display:grid;place-items:center;padding:0}.pagination button:after{content:"";width:7px;height:7px;border-radius:50%;background:#408fa5;display:block;transition:.2s}.pagination button.active:after{background:#fff;box-shadow:0 0 6px #cfffff28}.pagination button:disabled{opacity:.4}.effects-page{height:100%;position:relative;padding:15px 16px}.effects-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.effects-top .panel-title{font-size:21px;white-space:nowrap;letter-spacing:-.6px}.effect-search{height:32px;display:flex;gap:7px;align-items:center;min-width:0;background:#0c657163;border:1px solid #67cddd;border-radius:23px;padding:0 10px;color:#a6d2df}.effect-search input{border:0;outline:none;width:100%;min-width:0;background:none;color:#fff;font-size:12px;padding:0}.effect-search input::placeholder{color:#a4cbd7}.effect-search svg{height:15px;width:15px;flex:none}.effects-page .panel-subtitle{margin-top:9px;font-size:12px;letter-spacing:-.1px}.genre-chips{display:flex;gap:6px;margin-top:10px}.genre-chips button{border:1px solid #339da9;border-radius:22px;font-size:10px;padding:8px 10px;white-space:nowrap;flex:1;background:#002c32}.genre-chips button.active{background:linear-gradient(135deg,#29b8b6,#269e9e);border-color:#98e6df;color:#fff}.effect-cards{position:absolute;left:0;right:0;bottom:0;height:169px;display:flex;align-items:flex-end;isolation:isolate;padding:0 3px;overflow:visible}.effect-card{height:135px;width:40%;flex-shrink:0;border-radius:63% 48% 22% 15% / 41% 47% 55% 61%;background:linear-gradient(156deg,#17c8dd,#027485 45%,#001e26 99%);border:1px solid #71eaff8a;position:relative;margin-bottom:-8px;margin-left:-1px;box-shadow:inset 1px 1px 2px #edffff65;transform:rotate(-15deg);touch-action:none;transition:filter .2s,opacity .2s}.effect-card:nth-child(2){height:162px;background:linear-gradient(140deg,#fa2b64,#9d0333 45%,#011018 100%);border-color:#f97f9aa0;transform:rotate(15deg);margin-left:-33px;z-index:2;bottom:0}.effect-card:nth-child(3){background:linear-gradient(150deg,#ff971e,#a64800 40%,#00191f 100%);border-color:#fcb65e9e;transform:rotate(-12deg);margin-left:-24px;z-index:3}.effect-name{font-size:16px;font-weight:620;line-height:1.2;position:absolute;top:54px;left:7px;right:7px;text-align:center;transform:rotate(15deg);text-shadow:0 2px 5px #0002}.effect-card:nth-child(2) .effect-name{transform:rotate(-15deg);top:57px}.effect-card:nth-child(3) .effect-name{transform:rotate(12deg)}.effect-glyph{position:absolute;top:-24px;left:27px;font-weight:850;font-size:63px;line-height:1;color:#5ce9fd;text-shadow:-2px -1px 1px #d5faff,3px 3px 0 #1095a9,0 0 8px #06bddd;transform:rotate(15deg);font-family:Georgia,serif;pointer-events:none}.effect-card:nth-child(2) .effect-glyph{color:#fb407d;text-shadow:-1px -1px 1px #ffb1c9,3px 3px 0 #ab0945,0 0 8px #fa366677;transform:rotate(-15deg);top:-26px;left:48px;font-size:62px}.effect-card:nth-child(3) .effect-glyph{color:#ffb051;text-shadow:-1px -1px 1px #ffe4bf,3px 3px 0 #ba5d16;transform:rotate(12deg);font-size:52px;top:-20px}.effect-card .six-dots{position:absolute;right:14px;top:31px;color:#dbffff9c;transform:rotate(15deg)}.effect-card:nth-child(2) .six-dots{transform:rotate(-15deg);top:34px}.effect-card:nth-child(3) .six-dots{transform:rotate(12deg)}.effect-card:hover{filter:brightness(1.15)}.effect-card.dragging{opacity:.28}.no-effects{align-self:center;text-align:center;width:100%;color:#a4c0c4;font-size:13px;line-height:1.8}.fx-ghost{position:fixed;z-index:1000;pointer-events:none;padding:14px 18px;border:1px solid #92fff0;background:#023d48ef;border-radius:18px;color:#f3fffc;font-size:13px;box-shadow:0 16px 30px #0005;transform:rotate(-5deg)}.added-fx{position:absolute;left:18px;bottom:6px;font-size:8px;color:#fe91c2;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:2}.effect-drop-hint{position:absolute;inset:0;border:2px solid #d8fff2;border-radius:34px;pointer-events:none;background:#80ffee14;z-index:4}.playing .wave-bar{animation:pulse-bars 1.1s ease-in-out infinite alternate}.playing .audio-section:nth-child(3n) .wave-bar{animation-delay:-.5s}.playing .audio-section:nth-child(2n) .wave-bar{animation-delay:-.8s}@keyframes pulse-bars{from{filter:brightness(1);transform:scaleY(.96)}to{filter:brightness(1.25);transform:scaleY(1.035)}}
/* Sheets */
.modal-backdrop{position:absolute;inset:0;background:#0006;backdrop-filter:blur(5px);z-index:60;display:flex;align-items:flex-end;animation:sheetfade .18s}.sheet{width:100%;border-radius:27px 27px 0 0;padding:14px 23px 38px;background:#f3f0e9;color:#1e2723;box-shadow:0 -10px 50px #0003;animation:sheetin .23s cubic-bezier(.22,.65,.3,1);max-height:90%;overflow-y:auto}.sheet.dark{background:linear-gradient(150deg,#064853,#002027);color:#edfffc;border:1px solid #1e7783}.sheet-handle{width:36px;height:4px;border-radius:5px;background:#939b9366;margin:0 auto 18px}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.sheet-header h2{font-size:22px;letter-spacing:-.5px;font-weight:650;margin:0}.sheet-header .icon-button{width:30px;height:30px}.sheet label{font-size:12px;display:block;margin-bottom:7px;color:#7e8880}.sheet.dark label{color:#a3cccf}.sheet input[type=text],.sheet textarea{width:100%;background:#ffffff82;border:1px solid #d4d9d2;color:#222;border-radius:14px;min-height:46px;padding:12px 14px;font-size:16px}.sheet.dark input[type=text],.sheet.dark textarea{background:#001c23;border:1px solid #257c86;color:#eafff9}.sheet textarea{height:103px;resize:none;font-size:14px}.sheet-footer{display:flex;gap:9px;margin-top:18px}.sheet-action{width:100%;background:#172d24;color:#fff;min-height:46px;padding:12px 17px;border-radius:15px;font-size:14px;font-weight:550;text-align:center}.sheet.dark .sheet-action{background:#b1fcef;color:#052d31}.sheet-action.secondary{background:#e0e5dc;color:#334638}.sheet.dark .sheet-action.secondary{background:#155760;color:#d9f9f6}.sheet-note{font-size:12px;color:#8d9892;line-height:1.6;margin:8px 0}.sheet.dark .sheet-note{color:#89b8bd}.sheet-options{display:grid;gap:8px}.sheet-option{padding:14px;border:1px solid #d5dcd3;background:#fff9;border-radius:13px;text-align:left;font-size:14px;display:flex;align-items:center;gap:12px}.sheet-option svg{width:18px;height:18px}.sheet.dark .sheet-option{background:#02404a;border-color:#277582}.sheet-option.active{box-shadow:inset 0 0 0 1px #278b7c}.sheet-option small{margin-left:auto;opacity:.6;font-size:11px}.range-value{font-size:46px;text-align:center;letter-spacing:-2px;margin:18px 0}.backing-slider{width:100%;accent-color:#81efdf;margin:10px 0 15px}.range-labels-sheet{display:flex;justify-content:space-between;font-size:11px;color:#93bbbe}.voice-demo{display:flex;align-items:center;gap:10px;background:#0c586154;border:1px solid #277882;border-radius:14px;padding:12px;font-size:12px;margin-bottom:16px;color:#a4d8d8}.voice-demo svg{width:25px;height:25px;color:#c5fff5}.voice-examples{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 0}.voice-examples button{font-size:11px;background:#12606a;color:#bdf0ee;padding:8px 10px;border-radius:13px}.field-error{font-size:11px;color:#c24747;margin-top:7px}.dragging-mode .idea-board{pointer-events:none}@keyframes sheetin{from{transform:translateY(40px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes sheetfade{from{opacity:0}to{opacity:1}}
@media(min-width:1000px){.preview-stage{gap:110px}}@media(max-width:760px){.preview-stage{gap:25px;padding:20px}.preview-sidebar{width:180px}.preview-sidebar h1{font-size:32px}.preview-lead{font-size:12px}.preview-brand{font-size:10px;letter-spacing:1.3px}.preview-nav button{font-size:12px;padding:12px 6px;gap:10px}}@media(max-width:580px){.preview-stage{padding:0;display:block;background:#002027;min-height:100dvh;overflow:visible}.preview-sidebar,.ambient-disc{display:none}.device-wrap{width:100%!important;height:100dvh!important;margin:0;overflow:hidden}.device{border:0;outline:0;box-shadow:none;padding:0;border-radius:0;left:50%;transform-origin:top left}.device:before,.device:after{display:none}.device-island{top:13px}.app{border-radius:0}.home-indicator{position:fixed}.screen{padding-bottom:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.album-scene{mask-image:linear-gradient(transparent,#000 18px,#000 calc(100% - 30px),transparent)}
.group-grip{height:38px;bottom:5px}