/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#f7f8fb;--ink:#202230;--muted:#808493;--line:#e4e6ed;--purple:#7149e8}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.signed-in-shell{min-width:1180px}.signed-in-shell .app-shell{height:calc(100vh - 30px)}.account-strip{color:#a9a2b4;background:#211d2c;justify-content:flex-end;align-items:center;gap:18px;height:30px;padding:0 18px;font-size:9px;display:flex}.account-strip b{color:#fff}.account-strip nav{gap:13px;display:flex}.account-strip a{color:#d6c8fa;font-weight:700;text-decoration:none}.account-strip a:hover{color:#fff}.avatar{place-items:center;text-decoration:none;display:grid}.public-entry{background:radial-gradient(circle at 78% 28%,#8a62ff24,#0000 29%),linear-gradient(145deg,#f9f7ff 0%,#f3f5fa 55%,#ece8f8 100%);min-height:100vh;overflow:hidden}.public-nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:94px;margin:0 auto;display:flex}.public-brand{color:#272331;align-items:center;gap:12px;text-decoration:none;display:flex}.public-brand>span{color:#fff;background:linear-gradient(145deg,#7546ee,#a96cff);border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid;transform:rotate(-4deg);box-shadow:0 9px 22px #7546ee3d}.public-brand strong{letter-spacing:-.3px;font-size:17px}.public-brand small{color:#8a6cdd;letter-spacing:2.3px;margin-top:2px;font-size:8px;display:block}.public-login{color:#4e4267;background:#ffffffa6;border:1px solid #d8d1e8;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:800;text-decoration:none}.public-login:hover{color:#6947cf;border-color:#9a82df}.public-hero{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:70px;width:min(1180px,100% - 48px);min-height:calc(100vh - 154px);margin:0 auto;padding:45px 0 90px;display:grid}.public-kicker{color:#7954df;letter-spacing:2.5px;margin:0 0 18px;font-size:11px;font-weight:900}.public-copy h1{color:#24202d;letter-spacing:-4px;max-width:590px;margin:0;font-size:clamp(48px,5vw,76px);line-height:.98}.public-lead{color:#716b7a;max-width:590px;margin:27px 0 0;font-size:17px;line-height:1.65}.public-actions{align-items:center;gap:17px;margin-top:32px;display:flex}.public-cta{color:#fff;background:linear-gradient(135deg,#7653ec,#5d34cf);border-radius:11px;align-items:center;gap:23px;padding:16px 20px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 13px 27px #6842dc3c}.public-cta:hover{transform:translateY(-1px);box-shadow:0 16px 30px #6842dc4a}.public-actions>span{color:#9891a2;font-size:10px}.public-benefits{grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0 0;padding:0;list-style:none;display:grid}.public-benefits li{color:#65606d;border-top:1px solid #dcd6e6;padding-top:12px;font-size:10px;line-height:1.45}.public-benefits b{color:#8d73d5;letter-spacing:1px;margin-bottom:6px;font-size:8px;display:block}.public-console{color:#fff;background:#292431;border:1px solid #4a4159;border-radius:22px;min-height:480px;padding:20px;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-4deg)rotateX(2deg);box-shadow:0 35px 80px #30233f3d}.public-console:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 15%,#8a5dff2b,#0000 32%);position:absolute;inset:0}.console-top{color:#a69dad;letter-spacing:1.5px;border-bottom:1px solid #443c4f;align-items:center;gap:10px;height:44px;font-size:9px;display:flex}.console-top>span{background:#55d491;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #55d491}.console-top small{color:#cabafa;background:#383142;border-radius:7px;margin-left:auto;padding:6px 9px}.console-stage{background-image:radial-gradient(#50485c 1px,#0000 1px);background-size:16px 16px;justify-content:center;align-items:center;gap:12px;height:120px;display:flex}.console-stage span{color:#d9d1df;background:#352f3e;border:1px solid #66577e;border-top:3px solid #8a68eb;border-radius:8px;padding:13px 12px;font-size:8px;font-weight:800}.console-stage i{color:#7f758b;font-style:normal}.console-curve{background:linear-gradient(#332d3c,#2d2835);border:1px solid #443c4f;border-radius:10px;justify-content:space-around;align-items:flex-end;height:100px;padding:17px 24px 15px;display:flex}.console-curve i{background:linear-gradient(#9a77ff,#6540d6);border-radius:8px 8px 2px 2px;width:9px;position:relative}.console-curve i:after{content:"";background:#8762ec;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.console-curve i:first-child{height:25%}.console-curve i:nth-child(2){height:42%}.console-curve i:nth-child(3){height:58%}.console-curve i:nth-child(4){height:88%}.console-curve i:nth-child(5){height:53%}.console-curve i:nth-child(6){height:96%}.console-sections{align-items:center;gap:4px;height:54px;display:flex}.console-sections span{color:#bba7ec;background:#41364f;border:1px solid #584b6d;border-radius:5px;place-items:center;height:31px;font-size:7px;font-weight:800;display:grid}.console-output{background:#211d29;border:1px solid #4c4358;border-radius:9px;padding:13px 15px}.console-output small{color:#9b87d3;letter-spacing:1.4px;font-size:7px;font-weight:800}.console-output p{color:#c8c1ce;margin:7px 0 0;font:12px/1.5 Georgia,serif}.public-footer{color:#9891a1;letter-spacing:.7px;justify-content:center;gap:34px;height:60px;font-size:9px;display:flex}.profile-page{background:radial-gradient(circle at 70% 10%,#8a62ff1f,#0000 25%),#f5f3fa;min-height:calc(100vh - 30px);padding:55px 24px}.profile-back{color:#7252cf;width:min(560px,100%);margin:0 auto 18px;font-size:12px;font-weight:800;text-decoration:none;display:block}.profile-card{background:#fff;border:1px solid #e0dbe8;border-radius:18px;width:min(560px,100%);margin:0 auto;padding:38px;box-shadow:0 20px 50px #33294312}.profile-card h1{letter-spacing:-1.5px;margin:0;font-size:34px}.profile-card>p:not(.public-kicker){color:#77717e;font-size:13px;line-height:1.6}.profile-card form{gap:16px;margin-top:28px;display:grid}.profile-card label{color:#625b6b;font-size:10px;font-weight:800}.profile-card input,.profile-card select{color:#37323e;background:#fbfafd;border:1px solid #ded8e6;border-radius:9px;outline:0;width:100%;height:44px;margin-top:7px;padding:0 12px}.profile-card input:focus,.profile-card select:focus{border-color:#8d70df;box-shadow:0 0 0 3px #7652e512}.profile-card input:disabled{color:#8b8592}.profile-card button{color:#fff;cursor:pointer;background:#7048dc;border:0;border-radius:9px;height:45px;font-size:11px;font-weight:900}.profile-card button:disabled{opacity:.5;cursor:wait}.profile-card form>span{color:#5e946f;min-height:18px;font-size:10px}@media (width<=900px){.public-nav,.public-hero{width:min(100% - 30px,680px)}.public-hero{grid-template-columns:1fr;gap:46px;padding-top:40px}.public-copy h1{font-size:clamp(44px,12vw,68px)}.public-console{min-height:420px;transform:none}.public-footer{text-align:center;padding:0 16px}}@media (width<=560px){.public-nav{height:78px}.public-login{padding:9px 11px;font-size:10px}.public-hero{padding:35px 0 65px}.public-copy h1{letter-spacing:-2.5px}.public-lead{font-size:15px}.public-actions{flex-direction:column;align-items:flex-start}.public-benefits{grid-template-columns:1fr}.public-console{display:none}.public-footer{flex-direction:column;align-items:center;gap:12px}.profile-card{padding:28px 22px}}.app-shell{grid-template-rows:70px minmax(0,1fr) 94px;height:100vh;min-height:760px;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;grid-template-columns:320px 1fr auto;align-items:center;padding:0 22px;display:grid}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7546ee,#9b5cff);border-radius:11px;place-items:center;width:37px;height:37px;font-size:20px;display:grid;transform:rotate(-4deg);box-shadow:0 7px 16px #7445ed3b}.brand h1{letter-spacing:-.25px;margin:0;font-size:17px}.brand p{color:#9a82df;letter-spacing:2.2px;margin:2px 0 0;font-size:8px;font-weight:800}.project-title{border:1px solid #0000;border-radius:8px;justify-content:center;justify-self:center;align-items:center;gap:6px;min-width:220px;min-height:36px;padding:0 8px;font-size:13px;font-weight:700;display:flex}.project-title:hover{background:#fbfaff;border-color:#ebe7f6}.project-title.editing{background:#fff;border-color:#cdbff4;box-shadow:0 0 0 3px #7651e812}.project-title button{cursor:pointer;background:0 0;border:0}.project-name{color:#353744;white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-weight:700;overflow:hidden}.rename-project{color:#a2a5b0}.project-title:hover .rename-project{color:#7250dd}.project-title input{color:#2f3140;text-align:center;background:0 0;border:0;outline:0;width:220px;padding:4px 6px;font-size:13px;font-weight:700}.status-dot{background:#41cb8a;border-radius:50%;flex:none;width:7px;height:7px}.toolbar-actions{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;height:35px;padding:0 13px;font-size:12px;font-weight:700}.btn.primary{color:#fff;background:linear-gradient(135deg,#7653ec,#613bd3);border:none;padding:0 17px;box-shadow:0 5px 13px #7048dc35}.icon{margin-right:6px}.avatar{color:#fff;background:#302944;border:2px solid #e6ddff;border-radius:50%;width:34px;height:34px;margin-left:5px;font-size:10px;font-weight:800}.language-switch{border:1px solid var(--line);background:#f6f5fa;border-radius:8px;align-items:center;height:31px;padding:3px;display:flex}.language-switch button{color:#9699a5;cursor:pointer;background:0 0;border:0;border-radius:5px;width:29px;height:23px;font-size:9px;font-weight:800}.language-switch button.active{color:var(--purple);background:#fff;box-shadow:0 2px 6px #41375f20}.workspace{grid-template-columns:306px minmax(560px,1fr) 292px;min-height:0;display:grid}.panel{background:#fff}.library{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.inspector{border-left:1px solid var(--line);min-height:0;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;height:72px;padding:17px 17px 10px 20px;display:flex}.eyebrow{color:#a0a3af;letter-spacing:1.45px;margin:0 0 3px;font-size:8px;font-weight:800}.panel-heading h2{margin:0;font-size:17px}.round{border:1px solid var(--line);color:#8d909c;cursor:pointer;background:#fff;border-radius:8px;width:29px;height:29px}.round.active,.round:hover{color:var(--purple);background:#f6f3ff;border-color:#cfc3f4}.menu-anchor{position:relative}.context-menu{z-index:20;background:#fff;border:1px solid #e2e1e8;border-radius:9px;min-width:165px;padding:6px;position:absolute;top:36px;box-shadow:0 12px 28px #27223826}.library-menu,.inspector-menu{right:0}.context-menu p{color:#9c9eaa;letter-spacing:1px;white-space:nowrap;margin:3px 7px 6px;font-size:7px;font-weight:800}.context-menu button{color:#595c68;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:100%;height:30px;padding:0 8px;font-size:9px;font-weight:700;display:flex}.context-menu button:hover{color:#6745cf;background:#f4f1fc}.context-menu button span{color:#7753de;background:#f0ebff;border-radius:5px;place-items:center;width:18px;height:18px;font-size:8px;display:grid}.context-menu button.danger{color:#c84e61}.context-menu button.danger:hover{background:#fff0f2}.context-menu hr{background:#ececf1;border:0;height:1px;margin:5px 4px}.search{border:1px solid var(--line);color:#9ea2ae;background:#fafbfc;border-radius:8px;align-items:center;gap:8px;height:37px;margin:2px 16px 11px;padding:0 11px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px}.library-content{border-top:1px solid #f0f1f5;flex:1;grid-template-columns:116px 1fr;min-height:0;display:grid;overflow:hidden}.categories{background:#fafafc;border-right:1px solid #eceef3;padding:9px 7px;overflow:auto}.categories button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;width:100%;height:35px;padding:0 7px;font-size:10px;font-weight:700;display:grid}.categories button span{border-radius:6px;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.categories button b{color:#b7bac3;font-size:8px}.categories button.active{color:#6540d6;background:#fff;box-shadow:0 2px 8px #30364d12}.palette{padding:12px 9px;overflow:auto}.palette-label{color:#9ca0ac;letter-spacing:1.3px;margin:0 4px 8px;font-size:8px;font-weight:800}.palette-item{text-align:left;cursor:grab;background:#fff;border:1px solid #e8e9ef;border-radius:8px;grid-template-columns:3px 1fr 18px;align-items:center;gap:8px;width:100%;min-height:56px;margin-bottom:7px;padding:8px 7px;display:grid;position:relative;box-shadow:0 2px 6px #33384d08}.palette-item:hover{border-color:#b9a8f3;transform:translateY(-1px)}.palette-item i{border-radius:3px;width:3px;height:35px}.palette-item strong{font-size:10px;display:block}.palette-item small{-webkit-line-clamp:2;color:#999ca7;-webkit-box-orient:vertical;margin-top:3px;font-size:8px;line-height:1.35;display:-webkit-box;overflow:hidden}.palette-item b{color:#a4a7b0}.library-tip{color:#7962bc;background:#f3efff;border:1px solid #e7ddff;border-radius:8px;gap:9px;margin:8px 11px 11px;padding:9px 11px;display:flex}.library-tip span{color:#7651e7}.library-tip p{margin:0;font-size:8px;line-height:1.5}.library-tip strong{color:#5c479a;font-size:9px;display:block}.no-results{text-align:center;color:#a0a3ae;padding:30px 8px}.no-results>span{color:#7856d8;background:#f2eefc;border-radius:9px;place-items:center;width:30px;height:30px;margin:0 auto 8px;font-size:16px;display:grid}.no-results strong{color:#646774;font-size:10px;display:block}.no-results p{margin:5px 0 0;font-size:8px;line-height:1.4}.canvas-area{background:#f8f9fb;grid-template-rows:44px minmax(300px,1fr) 155px;min-width:0;display:grid}.canvas-toolbar{border-bottom:1px solid var(--line);color:#9295a1;letter-spacing:1.1px;background:#fff;justify-content:space-between;align-items:center;padding:0 16px;font-size:8px;font-weight:800;display:flex}.canvas-dot{background:#724ce6;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.canvas-toolbar>div:last-child{align-items:center;gap:4px;display:flex}.canvas-toolbar button{color:#797d89;cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:27px}.canvas-toolbar button:hover:not(:disabled){color:#7049dc;background:#f3f0fb}.canvas-toolbar button:disabled,.canvas-controls button:disabled{opacity:.35;cursor:not-allowed}.canvas-toolbar span+b{color:#7257c8;background:#f1eefb;border-radius:10px;margin-left:8px;padding:4px 7px;font-size:7px}.canvas-toolbar div:last-child span{background:var(--line);width:1px;height:20px;margin:0 3px}.canvas-toolbar div:last-child b{text-align:center;min-width:36px;font-size:8px}.canvas{background-color:#f8f9fc;background-image:radial-gradient(#d8d9e1 .7px,#0000 .7px);background-size:17px 17px;position:relative;overflow:hidden}.canvas-note{z-index:3;background:#fff;border:1px solid #e7e3f3;border-radius:9px;align-items:flex-start;gap:9px;width:264px;padding:10px 12px;display:flex;position:absolute;top:16px;left:18px;box-shadow:0 5px 18px #46415c12}.canvas-note>span{color:#7651e9}.canvas-note p{color:#9295a1;margin:0;font-size:9px;line-height:1.4}.canvas-note strong{color:#4d485d;font-size:10px;display:block}.canvas-note button{color:#aaaab4;background:0 0;border:0;margin-left:auto}.node-row{transform-origin:50%;align-items:center;transition:transform .2s;display:flex;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.flow-wrap{align-items:center;display:flex}.connector{text-align:center;color:#b8b7c4;width:28px;font-size:13px}.sound-node{--node-color:#7651e8;text-align:left;border:1px solid #e2e3e9;border-top:3px solid var(--node-color);cursor:pointer;background:#fff;border-radius:9px;width:105px;height:104px;padding:11px 10px;position:relative;box-shadow:0 4px 12px #31364e12}.sound-node.selected{outline:2px solid var(--node-color)}@supports (color:color-mix(in lab, red, red)){.sound-node.selected{outline:2px solid color-mix(in srgb,var(--node-color) 55%, transparent)}}.sound-node.selected{outline-offset:2px;box-shadow:0 7px 20px #7652cf25}.node-type{color:#a0a2ac;letter-spacing:.8px;align-items:center;gap:5px;font-size:6px;font-weight:800;display:flex}.node-type i{background:var(--node-color);border-radius:5px;place-items:center;width:17px;height:17px;display:grid}@supports (color:color-mix(in lab, red, red)){.node-type i{background:color-mix(in srgb,var(--node-color) 13%, white)}}.node-type i{color:var(--node-color);font-style:normal}.sound-node>strong{white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:10px;display:block;overflow:hidden}.sound-node>small{color:#9a9da8;height:24px;margin-top:4px;font-size:7px;line-height:1.5;display:block;overflow:hidden}.sound-node>em{color:var(--node-color);font-size:7px;font-style:normal;font-weight:800;position:absolute;bottom:8px;left:10px}.port{border:2px solid var(--node-color);background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:48%;right:-5px}.canvas-controls{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:28px 28px;display:grid;position:absolute;bottom:13px;left:14px;overflow:hidden;box-shadow:0 3px 10px #34374c12}.canvas-controls button{border:0;border-right:1px solid var(--line);color:#7f828e;cursor:pointer;background:#fff;height:27px}.canvas-controls button:last-child{border-top:1px solid var(--line);grid-column:1/3}.minimap{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:3px;width:115px;height:62px;display:flex;position:absolute;bottom:13px;right:14px;box-shadow:0 3px 10px #34374c12}.minimap:after{content:"";border:1px solid #9d83ee;border-radius:3px;position:absolute;inset:8px}.minimap i{opacity:.65;border-radius:1px;width:9px;height:7px}.canvas-note p em{color:#7c5ed3;letter-spacing:.6px;margin-top:5px;font-size:7px;font-style:normal;font-weight:800;display:block}.canvas-note button{cursor:pointer;border-radius:5px;width:22px;height:22px}.canvas-note button:hover{color:#6745cc;background:#f1edfb}.sound-node{cursor:default;padding:0}.sound-node-select{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;height:100%;padding:11px 10px;overflow:hidden}.sound-node-select:focus-visible{outline:2px solid var(--node-color);outline-offset:2px}.sound-node-select .node-type{padding-right:15px}.sound-node-select>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:10px;display:block;overflow:hidden}.sound-node-select>small{color:#9a9da8;height:24px;margin-top:4px;font-size:7px;line-height:1.5;display:block;overflow:hidden}.sound-node-select>em{color:var(--node-color);font-size:7px;font-style:normal;font-weight:800;position:absolute;bottom:8px;left:10px}.sound-node-delete{z-index:2;color:#bf5264;cursor:pointer;background:#fff7f8;border:1px solid #f0d6db;border-radius:5px;width:18px;height:18px;padding:0;font-size:10px;line-height:1;position:absolute;top:5px;right:5px}.sound-node-delete:hover,.sound-node-delete:focus-visible{color:#a93448;background:#ffecef;border-color:#df93a0;outline:0}.energy-editor{border-top:1px solid var(--line);background:#fff}.energy-title{align-items:center;height:52px;padding:0 18px;display:flex}.energy-title h3{margin:0;font-size:13px}.energy-title>span{color:#a1a4af;margin-left:20px;font-size:8px}.energy-title button{background:0 0;border:0;margin-left:auto}.energy-chart{background:repeating-linear-gradient(#0000 0 22px,#eef0f4 23px);border-bottom:1px solid #e7e8ed;height:90px;margin:0 28px;position:relative}.energy-chart:before{content:"";clip-path:polygon(0 80%,15% 62%,32% 43%,48% 15%,64% 52%,81% 0,100% 70%,100% 100%,0 100%);background:linear-gradient(#0000 25%,#7956e71a);position:absolute;inset:2px 0 0}.energy-chart label{width:1px;position:absolute;top:0;bottom:0}.energy-chart input{opacity:0;cursor:ns-resize;z-index:4;width:50px;height:90px;position:absolute;transform:rotate(-90deg)translate(-20px,-25px)}.energy-chart label>i{z-index:3;background:#7751e6;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;left:-4px;box-shadow:0 0 0 1px #7751e6}.energy-chart label>span{white-space:nowrap;color:#878a95;text-align:center;font-size:7px;position:absolute;top:72px;transform:translate(-50%)}.energy-chart label b{color:#6f52cb;margin:3px auto 0;display:block}.inspector-body{padding:0 15px 20px}.selected-card{background:#faf9fd;border:1px solid #e6e3ed;border-radius:9px;grid-template-columns:38px 1fr 22px;align-items:center;gap:9px;padding:10px;display:grid}.selected-card>span{border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.selected-card small{color:#9a9da7;letter-spacing:1px;font-size:7px;display:block}.selected-card strong{margin-top:3px;font-size:11px;display:block}.selected-card button{color:#a4a6af;background:0 0;border:0}.field{border-bottom:1px solid #eef0f3;padding:16px 2px}.field>div:first-child{justify-content:space-between;display:flex}.field label{color:#555866;font-size:9px;font-weight:800}.field>div>b{color:#7250df;font-size:10px}.field input[type=range]{appearance:none;background:linear-gradient(to right,var(--accent) var(--fill),#e6e7ec var(--fill));border-radius:5px;width:100%;height:4px;margin:13px 0 5px}.field input::-webkit-slider-thumb{appearance:none;border:3px solid var(--accent);background:#fff;border-radius:50%;width:13px;height:13px}.range-labels{color:#a2a5af;justify-content:space-between;font-size:7px;display:flex}.description{color:#858894;margin:9px 0 0;font-size:9px;line-height:1.6}.prompt-part{color:#6f58af;background:#f6f4fb;border-radius:7px;margin-top:8px;padding:9px;font-size:9px;font-style:italic}.prompt-part button{float:right;color:#8f7ec0;background:0 0;border:0}.compat{border-radius:7px;align-items:center;gap:8px;margin-top:8px;padding:9px;display:flex}.compat span{border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid}.compat p{margin:0;font-size:8px;line-height:1.4}.compat strong{font-size:9px;display:block}.compat.good{color:#4c8d70;background:#effaf5}.compat.good span{background:#d9f2e6}.compat.warn{color:#a27637;background:#fff7eb}.compat.warn span{background:#ffebcb}.chips{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.chips button{color:#7459c6;background:#faf8ff;border:1px solid #e2dafa;border-radius:12px;padding:5px 8px;font-size:7px;font-weight:700}.empty-state{color:#999ca8;text-align:center;padding:40px 20px;font-size:10px}.delete-node-btn{color:#c74b61;cursor:pointer;background:#fff7f8;border:1px solid #f0cfd5;border-radius:7px;width:100%;height:32px;margin-top:8px;font-size:9px;font-weight:800}.delete-node-btn:hover{background:#ffecef;border-color:#e9aab5}.delete-node-btn span{margin-right:6px}.all-added{color:#9a9da8;font-size:8px;line-height:1.5}.prompt-bar{color:#fff;background:#262234;border-top:1px solid #3b354c;grid-template-columns:190px 1fr 92px 132px;align-items:center;gap:16px;padding:0 22px;display:grid}.prompt-label{align-items:center;gap:10px;display:flex}.prompt-label>span{background:#7752e5;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 5px 15px #0003}.prompt-label .eyebrow{color:#a59eaf}.prompt-label div>span{color:#a4e1bf;font-size:8px}.prompt-label i{background:#56d78e;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.prompt-text{color:#d8d5df;background:#302b3d;border:1px solid #484254;border-radius:8px;height:50px;margin:0;padding:10px 14px;font-family:Georgia,serif;font-size:10px;line-height:1.55;overflow:auto}.prompt-score{text-align:center}.prompt-score span{color:#72daa2}.prompt-score b{font-size:21px}.prompt-score small{color:#8e8998;letter-spacing:1px;margin-top:3px;font-size:6px;display:block}.copy-btn{color:#fff;background:linear-gradient(135deg,#7853e9,#613ace);border:0;border-radius:8px;height:38px;font-size:10px;font-weight:800;box-shadow:0 6px 15px #0003}.canvas-area.energy-collapsed{grid-template-rows:44px minmax(300px,1fr) 52px}.energy-editor.collapsed .energy-title{height:51px}.energy-toggle{color:#777b88;cursor:pointer;width:30px;height:30px;border-radius:7px!important}.energy-toggle:hover{color:var(--purple);background:#f2effb}.energy-chart:before{display:none}.curve-path{background:linear-gradient(#7956e70a 22%,#7956e72b);transition:clip-path .2s;position:absolute;inset:2px 0 0}.energy-chart label>span{text-overflow:ellipsis;max-width:80px;overflow:hidden}.app-shell{grid-template-rows:70px minmax(0,1fr) 232px}.suno-output{color:#fff;background:#262234;border-top:1px solid #3b354c;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:10px;min-height:0;padding:10px 14px;display:grid}.output-card{background:#302b3d;border:1px solid #484254;border-radius:10px;min-width:0;min-height:0;padding:10px 12px}.lyrics-output{grid-template-rows:34px 31px minmax(0,1fr);display:grid}.output-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.output-heading .eyebrow{color:#aaa3b3;margin-bottom:2px}.output-heading strong{font-size:12px;display:inline-block}.output-heading>div:last-child{align-items:center;gap:6px;display:flex}.template-btn,.output-copy{color:#d8d4e0;cursor:pointer;background:#3b3549;border:1px solid #5b536b;border-radius:7px;height:27px;padding:0 9px;font-size:8px;font-weight:800}.template-btn:hover,.output-copy:hover{color:#fff;background:#473c62;border-color:#8f78db}.section-add-control{background:#332d40;border:1px solid #5b536b;border-radius:7px;align-items:center;display:flex;overflow:hidden}.section-add-control:focus-within{border-color:#9a7ee8;box-shadow:0 0 0 2px #7652e522}.section-add-control select{color:#d8d4e0;cursor:pointer;background:#332d40;border:0;outline:0;width:112px;height:25px;padding:0 21px 0 7px;font-size:8px;font-weight:700}.section-add-control .template-btn{border-width:0 0 0 1px;border-radius:0}.tag-strip{align-items:center;gap:5px;min-width:0;padding-bottom:5px;display:flex;overflow-x:auto}.tag-strip>span{color:#aaa4b3;flex:none;font-size:7px}.tag-strip button{color:#cdbdf6;cursor:pointer;background:#403750;border:1px solid #65567e;border-radius:10px;flex:none;height:20px;padding:0 7px;font-size:7px}.tag-strip button:hover{color:#fff;background:#7652e5;border-color:#7652e5}.tag-strip small{color:#8f8998;font-size:7px}.lyrics-output textarea{resize:none;color:#eeeaf3;background:#282431;border:1px solid #4a4456;border-radius:7px;outline:none;width:100%;min-width:0;min-height:0;padding:9px 11px;font:9px/1.5 Arial,sans-serif}.lyrics-output textarea:focus{border-color:#8264e4;box-shadow:0 0 0 2px #7652e522}.lyrics-output textarea::placeholder{color:#77717f}.style-output{grid-template-rows:38px minmax(0,1fr) 29px;display:grid;position:relative}.english-only{color:#8fd8ad;margin-left:9px;font-size:7px;font-weight:400}.english-only i{background:#56d78e;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.style-output .prompt-score{align-items:baseline;gap:4px;display:flex}.style-output .prompt-score b{font-size:16px}.style-output .prompt-score small{display:inline}.style-text{color:#ded9e5;background:#282431;border:1px solid #4a4456;border-radius:7px;min-height:0;margin:0 0 7px;padding:9px 11px;font:9px/1.55 Georgia,serif;overflow:auto}.style-text.empty{color:#77717f;text-align:center;place-items:center;font-family:Arial,sans-serif;font-style:italic;display:grid}.style-copy{color:#fff;background:linear-gradient(135deg,#7853e9,#613ace);border-color:#0000;justify-self:end;min-width:96px}.style-copy:disabled{opacity:.4;cursor:not-allowed}@media (height<=820px){.app-shell{grid-template-rows:64px minmax(0,1fr) 205px}.canvas-area{grid-template-rows:44px minmax(260px,1fr) 135px}.canvas-area.energy-collapsed{grid-template-rows:44px minmax(260px,1fr) 52px}.energy-chart{height:70px}.energy-chart label>span{top:55px}.sound-node{height:92px}.library-tip{display:none}.suno-output{padding:8px 12px}.output-card{padding:8px 10px}}.topbar{grid-template-columns:250px minmax(180px,1fr) auto;padding:0 15px}.toolbar-actions{gap:5px}.toolbar-actions .btn{padding:0 9px}.autosave-state{opacity:0;color:#38a66f;white-space:nowrap;width:0;font-size:8px;transition:all .2s;overflow:hidden}.autosave-state.visible{opacity:1;width:75px}.mode-switch{background:#f6f4fb;border:1px solid #ddd9e9;border-radius:8px;height:31px;padding:3px;display:flex}.mode-switch button{color:#9699a5;cursor:pointer;background:0 0;border:0;border-radius:5px;height:23px;padding:0 8px;font-size:8px;font-weight:800}.mode-switch button.active{color:var(--purple);background:#fff;box-shadow:0 2px 6px #41375f20}.section-composer{grid-template-rows:34px 38px minmax(0,1fr);display:grid}.section-tabs{gap:5px;min-width:0;padding:3px 0 6px;display:flex;overflow-x:auto}.section-tabs button{color:#bdb7c5;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#393343;border:1px solid #50485e;border-radius:7px;flex:none;align-items:center;gap:5px;height:27px;padding:0 8px;font-size:8px;display:flex}.section-tabs button span{color:#a99bd0;background:#474052;border-radius:5px;place-items:center;width:15px;height:15px;font-size:7px;display:grid}.section-tabs button b{color:#7ee0aa;font-size:7px}.section-tabs button.active{color:#fff;background:#473b61;border-color:#8467df}.section-tabs button.section-dragging{opacity:.62;cursor:grabbing;border-style:dashed}.section-editor{grid-template-columns:minmax(260px,1fr) 205px;gap:9px;min-height:0;display:grid}.section-copy{grid-template-rows:27px minmax(0,1fr) auto;min-height:0;display:grid}.section-copy input,.section-copy textarea,.section-controls select{color:#eeeaf3;background:#282431;border:1px solid #4a4456;outline:0;width:100%;min-width:0}.section-copy input{color:#cbbcf5;border-radius:7px 7px 0 0;padding:0 9px;font-size:9px;font-weight:800}.section-copy textarea{resize:none;border-top:0;border-radius:0;padding:8px 10px;font:9px/1.5 Arial,sans-serif}.section-copy input:focus,.section-copy textarea:focus,.section-controls select:focus{border-color:#8064d7}.lyrics-metrics{color:#aaa4b3;background:#211e29;border:1px solid #4a4456;border-top:0;border-radius:0 0 7px 7px;min-width:0;padding:5px 7px}.lyrics-metrics-summary{text-transform:uppercase;letter-spacing:.25px;gap:10px;font-size:6px;font-weight:700;display:flex}.lyrics-metrics-summary b{color:#d5cbed;margin-left:2px;font-size:7px}.lyrics-metrics-summary label{color:#aaa4b3;align-items:center;gap:3px;margin-left:auto;display:inline-flex}.lyrics-metrics-summary select{color:#d5cbed;background:#332d3d;border:1px solid #4a4456;border-radius:4px;width:35px;height:16px;padding:0 2px;font-size:6px}.lyrics-metrics.density-dense .lyrics-metrics-summary span:nth-of-type(3) b{color:#f2b080}.lyrics-metrics.density-balanced .lyrics-metrics-summary span:nth-of-type(3) b{color:#7ee0aa}.lyrics-line-counts{scrollbar-width:thin;gap:3px;margin-top:4px;display:flex;overflow-x:auto}.lyrics-line-counts span{color:#8e8798;background:#332d3d;border-radius:5px;flex:none;align-items:center;gap:2px;height:15px;padding:0 4px;font-size:6px;display:inline-flex}.lyrics-line-counts span b{color:#cbbcf5;font-size:7px}.lyrics-line-counts span.empty{opacity:.45}.lyrics-metrics p{color:#e2a46f;margin:4px 0 0;font-size:6px}.section-controls{grid-template-columns:1fr 1fr;gap:6px;min-height:0;display:grid;overflow:auto}.section-controls label{color:#aaa4b3;font-size:7px;font-weight:800}.section-controls label b{float:right;color:#86dda9}.section-controls input[type=range]{accent-color:#7652e5;width:100%;margin-top:7px}.section-controls select{border-radius:6px;height:25px;margin-top:3px;padding:0 5px;font-size:7px}.section-actions{grid-column:1/-1;justify-content:flex-end;gap:4px;display:flex}.local-tags{grid-column:1/-1;align-items:center;gap:3px;display:flex;overflow-x:auto}.local-tags>span{color:#8f8998;flex:none;font-size:6px}.local-tags button{color:#a99fba;cursor:pointer;background:#393142;border:1px solid #554966;border-radius:9px;flex:none;height:18px;padding:0 5px;font-size:6px}.local-tags button.active{color:#fff;background:#7652e5;border-color:#8064d7}.section-actions button{color:#c8c1cf;cursor:pointer;background:#3a3445;border:1px solid #51495e;border-radius:6px;width:27px;height:24px}.section-actions button.danger{color:#f19aaa}.empty-section{color:#77717f;place-items:center;font-size:9px;display:grid}.final-output-stack{grid-template-rows:25px repeat(3,minmax(0,1fr));gap:5px;min-height:0;display:grid}.validation-row{align-items:center;gap:6px;display:flex}.score-pill,.warning-pill,.valid-pill{border-radius:11px;height:21px;padding:0 8px;font-size:7px;font-weight:800}.score-pill{color:#d4c7f5;cursor:pointer;background:#403650;border:1px solid #6b5b8b}.score-pill b{color:#78dda5}.warning-pill{color:#f2c08c;background:#5a4131;align-items:center;display:inline-flex}.valid-pill{color:#86dda9;background:#294a3d;align-items:center;display:inline-flex}.mini-output{background:#302b3d;border:1px solid #484254;border-radius:8px;grid-template-rows:21px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.mini-output>div{border-bottom:1px solid #453e50;grid-template-columns:auto 1fr 24px;align-items:center;gap:7px;padding:0 7px;display:grid}.mini-output strong{font-size:8px}.mini-output small{color:#87818f;font-size:6px}.mini-output button{color:#cbbcf5;cursor:pointer;background:#443a58;border:0;border-radius:5px;width:22px;height:18px}.mini-output button:disabled{opacity:.35}.mini-output textarea{resize:none;color:#ded9e5;background:#282431;border:0;outline:0;width:100%;min-height:0;padding:6px 8px;font:7.5px/1.45 Arial,sans-serif}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17132199;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #ded9ea;border-radius:14px;width:430px;max-height:70vh;padding:18px;box-shadow:0 24px 70px #17132144}.modal-heading{justify-content:space-between;align-items:flex-start;display:flex}.modal-heading h2{margin:3px 0 12px;font-size:18px}.modal-heading button{color:#7252cf;cursor:pointer;background:#f1eef8;border:0;border-radius:7px;width:28px;height:28px}.version-list{gap:7px;display:grid;overflow:auto}.version-row{grid-template-columns:minmax(0,1fr) 32px;gap:5px;display:grid}.version-restore{text-align:left;cursor:pointer;background:#faf9fd;border:1px solid #e7e3ed;border-radius:9px;grid-template-columns:1fr auto;gap:3px 10px;padding:10px 12px;display:grid}.version-restore:hover,.version-restore:focus-visible{background:#f6f2ff;border-color:#aa96e3;outline:0}.version-list strong{font-size:10px}.version-list span{color:#9995a3;grid-column:1;font-size:8px}.version-list b{color:#7151cf;grid-area:1/2/3;align-self:center;font-size:8px}.version-delete{color:#c74e62;cursor:pointer;background:#fff7f8;border:1px solid #f0d4d9;border-radius:8px;width:32px}.version-delete:hover,.version-delete:focus-visible{background:#ffecef;border-color:#e79aa6;outline:0}.empty-version{text-align:center;color:#9995a3;padding:35px;font-size:10px}.score-breakdown{gap:11px;display:grid}.score-breakdown>div{grid-template-columns:120px 1fr 38px;align-items:center;gap:9px;font-size:9px;display:grid}.score-breakdown i{background:#ece9f2;border-radius:4px;height:6px;overflow:hidden}.score-breakdown i b{background:linear-gradient(90deg,#7652e5,#4fcf8b);border-radius:4px;height:100%;display:block}.score-breakdown strong{color:#6d54ba}.warning-list{color:#9f7134;background:#fff6e8;border-radius:8px;margin-top:15px;padding:8px 10px}.warning-list p{margin:4px 0;font-size:8px;line-height:1.4}@media (height<=900px){.app-shell{grid-template-rows:64px minmax(0,1fr) 280px;min-height:820px}.suno-output{padding:7px 10px}.output-card{padding:7px 9px}}.suno-output{grid-template-columns:minmax(760px,1.5fr) minmax(420px,.65fr)}.section-editor{grid-template-columns:minmax(260px,1fr) 390px}.production-controls{padding-right:3px;display:block;overflow-y:auto}.production-controls .energy-control{margin-bottom:6px;display:block}.control-group{background:#2b2633;border:1px solid #484052;border-radius:7px;margin-bottom:7px;padding:5px}.control-title{color:#b8b1c2;justify-content:space-between;align-items:center;height:20px;font-size:7px;font-weight:800;display:flex}.control-title button{color:#d5c4ff;cursor:pointer;background:#473a5b;border:1px solid #685585;border-radius:5px;width:21px;height:18px}.chain-row{grid-template-columns:14px minmax(85px,1fr) minmax(80px,1fr) minmax(80px,1fr) 20px;align-items:center;gap:3px;margin-top:3px;display:grid}.chain-row>b{color:#bdaee2;background:#443951;border-radius:4px;place-items:center;width:14px;height:14px;font-size:6px;display:grid}.chain-row select,.automation-row select{color:#d6d0db;background:#332d3b;border:1px solid #4f465a;border-radius:5px;outline:0;width:100%;min-width:0;height:22px;padding:0 3px;font-size:6px}.chain-row select:disabled{color:#7f7788;cursor:not-allowed;opacity:.72;border-color:#433b4c}.row-delete{color:#f29aae;cursor:pointer;background:#4d303c;border:0;border-radius:5px;width:19px;height:19px}.automation-row{grid-template-columns:minmax(100px,1fr) 42px 12px 42px 20px;align-items:center;gap:3px;margin-top:3px;display:grid}.automation-row input{color:#d6d0db;background:#332d3b;border:1px solid #4f465a;border-radius:5px;outline:0;width:42px;height:22px;padding:0 3px;font-size:6px}.automation-row span{color:#8e819e;text-align:center;font-size:7px}.control-empty{color:#746c7e;padding:4px 2px;font-size:6px;display:block}.recipes-modal{width:620px}.recipe-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.recipe-card{position:relative}.recipe-card>button:first-child{text-align:left;cursor:pointer;background:#faf9fd;border:1px solid #e5e0ed;border-radius:11px;width:100%;min-height:105px;padding:13px 13px 11px 42px;position:relative}.recipe-card>button:first-child:hover{background:#f6f2ff;border-color:#a994e9;transform:translateY(-1px)}.recipe-card>button:first-child>span{color:#fff;background:#7652e5;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:13px;left:12px}.recipe-grid strong{color:#3f3a4b;font-size:10px;display:block}.recipe-grid p{color:#817b89;margin:6px 0;font-size:8px;line-height:1.4}.recipe-grid small{color:#755ac6;font-size:7px;font-weight:800}.delete-recipe{z-index:2;color:#c74e62;cursor:pointer;background:#ffedf0;border:0;border-radius:6px;width:21px;height:21px;position:absolute;top:7px;right:7px}.modal-tools{gap:6px;display:flex}.modal-heading .save-recipe{color:#fff;background:#7652e5;width:auto;padding:0 9px;font-size:7px;font-weight:800}@media (height<=940px){.app-shell{grid-template-rows:64px minmax(0,1fr) 320px;min-height:860px}}.app-shell{grid-template-rows:70px minmax(0,1fr) 445px;min-height:1020px}.suno-output{grid-template-rows:86px minmax(0,1fr)}.daw-timeline{background:#302b3d;border:1px solid #484254;border-radius:10px;grid-column:1/-1;min-width:0;padding:7px 10px 6px;overflow:hidden}.timeline-head{justify-content:space-between;align-items:flex-start;gap:12px;height:31px;display:flex}.timeline-head .eyebrow{color:#97909f;margin-bottom:1px}.timeline-head strong{color:#ded9e5;font-size:8px;display:block}.layers-button{color:#d5c5f6;cursor:pointer;white-space:nowrap;background:#463a58;border:1px solid #6b5886;border-radius:6px;align-self:flex-end;height:23px;padding:0 8px;font-size:7px;font-weight:800}.layers-button:hover{background:#55436d;border-color:#9a7ee8}.layers-button b{color:#fff;background:#7652e5;border-radius:7px;place-items:center;min-width:14px;height:14px;margin-left:5px;font-size:6px;display:inline-grid}.timeline-controls{align-items:flex-end;gap:5px;display:flex}.timeline-controls label{color:#8f8998;font-size:6px;font-weight:800}.timeline-controls select{color:#d8d2df;background:#282431;border:1px solid #51495e;border-radius:5px;outline:0;min-width:104px;height:21px;margin-top:2px;padding:0 5px;font-size:7px;display:block}.timeline-controls label:first-child select{min-width:84px}.timeline-controls button{color:#bdb5c7;cursor:pointer;background:#3c3548;border:1px solid #5d526d;border-radius:5px;height:21px;padding:0 8px;font-size:7px;font-weight:800}.timeline-controls button.active{color:#86dda9;background:#294a3d;border-color:#4f9f75}.timeline-zoom{align-items:center;gap:3px;display:flex}.timeline-zoom output{color:#bdb5c7;text-align:center;min-width:34px;font-size:7px}.timeline-ruler{color:#716b78;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:5px;height:9px;font-size:5px;display:grid}.timeline-ruler i{background:repeating-linear-gradient(90deg,#4e4758 0 1px,#0000 1px 8px);height:1px}.timeline-track{gap:2px;height:31px;display:flex;overflow-x:auto}.timeline-section{background:linear-gradient(#453957,#3b3248);border:1px solid #51475f;border-radius:5px;flex-basis:38px;min-width:38px;position:relative;overflow:hidden}.timeline-section-body{color:#d7d0de;text-align:left;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:0;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:4px;width:100%;height:100%;padding:0 10px 0 6px;display:grid;overflow:hidden}.timeline-section-body>span{color:#cbbcf5;background:#5a4b6d;border-radius:3px;place-items:center;width:13px;height:13px;font-size:6px;display:grid}.timeline-section-body strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:7px;overflow:hidden}.timeline-section-body small{color:#9d92a8;white-space:nowrap;font-size:5px}.timeline-section.active{background:linear-gradient(#654f85,#4b3d63);border-color:#a88cff;box-shadow:inset 0 -2px #8d6bed}.timeline-section.muted{opacity:.4;filter:grayscale(.7)}.timeline-section.section-dragging{opacity:.62;filter:none;border-style:dashed}.timeline-section.section-resizing{filter:none;border-color:#b9a5f6;box-shadow:inset -2px 0 #b9a5f6,inset 0 -2px #8d6bed}.timeline-section-body>b{color:#ffbdc9;font-size:5px;position:absolute;top:2px;right:9px}.section-resize-handle{z-index:2;cursor:ew-resize;touch-action:none;background:#ffffff08;border:0;border-left:1px solid #ffffff18;width:9px;height:100%;padding:0;position:absolute;top:0;right:0}.section-resize-handle:hover,.section-resize-handle:focus-visible{background:#a88cff55;border-left-color:#cbbcf5;outline:0}.section-resize-handle span,.section-resize-handle span:before,.section-resize-handle span:after{content:"";background:#cbbcf5;width:1px;height:5px;position:absolute;top:13px;left:3px}.section-resize-handle span:before{top:0;left:2px}.section-resize-handle span:after{top:0;left:4px}@media (height<=980px){.app-shell{grid-template-rows:64px minmax(0,1fr) 410px;min-height:930px}.suno-output{grid-template-rows:80px minmax(0,1fr)}}.layers-modal{width:min(880px,92vw);max-height:82vh}.layers-help{color:#807a88;margin:-5px 0 14px;font-size:9px}.layer-map{background:#f8f7fb;border:1px solid #e7e2ed;border-radius:10px;padding:13px 13px 9px 105px}.layer-map-ruler{border-bottom:1px solid #ddd7e6;height:18px;position:relative}.layer-map-ruler span{color:#9992a2;font-size:6px;position:absolute;top:0;transform:translate(-50%)}.layer-map-ruler span:first-child{transform:none}.layer-map-ruler span:last-child{transform:translate(-100%)}.layer-lane{border-bottom:1px solid #ece8f1;height:42px;position:relative}.layer-lane:last-child{border:0}.layer-lane>strong{color:#6f6878;text-align:right;width:88px;font-size:8px;position:absolute;top:15px;right:calc(100% + 12px)}.layer-lane>div{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#e6e1eb calc(25% - 1px) 25%);position:absolute;inset:0}.layer-lane button{color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#7652e5;border:2px solid #fff;border-radius:50%;width:22px;height:22px;padding:0;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 2px 7px #523c8755}.layer-lane button:active{cursor:grabbing;background:#5f3dca;box-shadow:0 3px 10px #523c8780}.layer-lane button:focus-visible{outline-offset:2px;outline:2px solid #5f3dca}.layer-lane button span{color:#806caa;text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:5px;position:absolute;top:23px;left:50%;overflow:hidden;transform:translate(-50%)}.event-list{max-height:260px;margin-top:12px;overflow-y:auto}.event-row{background:#fbfafd;border:1px solid #e8e4ed;border-radius:8px;grid-template-columns:100px 78px 150px minmax(150px,1fr) minmax(190px,220px);align-items:center;gap:6px;margin-bottom:6px;padding:7px;display:grid}.event-row select,.event-row input{color:#5f5968;background:#fff;border:1px solid #dcd6e4;border-radius:6px;outline:0;width:100%;min-width:0;height:29px;padding:0 7px;font-size:8px}.event-row select:focus,.event-row input:focus{border-color:#8b70dc;box-shadow:0 0 0 2px #7652e516}.event-row .row-delete{width:27px;height:27px}.event-actions{grid-template-columns:29px minmax(105px,1fr) 28px;align-items:center;gap:5px;display:grid}.event-actions button{color:#6f5a9d;cursor:pointer;background:#fff;border:1px solid #dcd6e4;border-radius:6px;width:28px;height:28px}.event-actions .event-duplicate:hover{background:#f3effc;border-color:#8b70dc}.empty-event{color:#9992a2;text-align:center;padding:24px}.empty-event span{color:#7652e5;background:#eee9f7;border-radius:8px;place-items:center;width:28px;height:28px;margin:0 auto 7px;display:grid}.empty-event strong{color:#696272;font-size:10px;display:block}.empty-event p{max-width:440px;margin:5px auto 0;font-size:8px;line-height:1.5}.workspace{--library-width:306px;--inspector-width:292px;grid-template-columns:var(--library-width) minmax(420px,1fr) var(--inspector-width);transition:grid-template-columns .22s}.workspace.library-expanded{--library-width:min(410px,32vw)}.workspace.inspector-expanded{--inspector-width:min(390px,30vw)}.workspace.library-hidden{--library-width:0px}.workspace.inspector-hidden{--inspector-width:0px}.workspace.library-hidden>.library,.workspace.inspector-hidden>.inspector{visibility:hidden;pointer-events:none;overflow:hidden}.canvas-area{grid-template-rows:44px minmax(120px,1fr) 155px}.canvas-area.arrangement-hidden{grid-template-rows:44px minmax(120px,1fr) 0}.canvas-area.arrangement-hidden>.energy-editor{display:none}.canvas-area.arrangement-expanded{grid-template-rows:44px minmax(120px,1fr) 210px}.canvas-area.arrangement-expanded .energy-chart,.canvas-area.arrangement-expanded .energy-chart input{height:140px}.canvas-area.arrangement-expanded .energy-chart label>span{top:120px}.app-shell.timeline-hidden{grid-template-rows:70px minmax(0,1fr) 355px}.app-shell.timeline-hidden .suno-output{grid-template-rows:minmax(0,1fr)}.app-shell.timeline-hidden .daw-timeline{display:none}.app-shell.timeline-expanded{grid-template-rows:70px minmax(0,1fr) 480px}.app-shell.timeline-expanded .suno-output{grid-template-rows:140px minmax(0,1fr)}.app-shell.timeline-expanded .daw-timeline{padding-top:11px}.app-shell.timeline-expanded .timeline-track{height:74px}.app-shell.timeline-expanded .timeline-section-body{grid-template-rows:20px auto 18px;grid-template-columns:24px minmax(0,1fr);align-content:center}.app-shell.timeline-expanded .timeline-section-body>span{grid-row:1/4;width:20px;height:20px}.app-shell.timeline-expanded .timeline-section-body strong{font-size:9px}.app-shell.timeline-expanded .timeline-section-body small{font-size:7px}.app-shell.timeline-expanded .section-resize-handle span{top:34px}.view-dock{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid #dedbe6;border-radius:9px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 5px 16px #2f2a4218}.view-dock>span{color:#a09aa8;letter-spacing:1px;padding:0 5px;font-size:6px;font-weight:800}.view-dock button{color:#817b8a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;height:25px;padding:0 7px;font-size:8px}.view-dock button b{margin-left:3px;font-size:7px}.view-dock button:hover{color:#6746ca;background:#f4f0fd;border-color:#ddd4f4}.view-dock button.expanded{color:#6543ca;background:#eee8ff;border-color:#cbbcf1}.view-dock button.hidden{color:#a17d84;background:#fbf5f6;border-color:#eadde0;align-items:center;display:inline-flex!important}.section-flow{z-index:4;height:59px;padding-top:17px;position:absolute;bottom:12px;left:86px;right:145px}.section-flow-label{color:#8d7ab9;letter-spacing:1px;font-size:6px;font-weight:800;position:absolute;top:0;left:2px}.section-flow>div{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffd9;border-radius:7px;align-items:center;height:42px;padding:2px;display:flex;overflow-x:auto;box-shadow:0 3px 12px #38304f10}.section-flow-wrap{flex:none;align-items:center;display:flex}.section-flow-wrap>i{color:#b2a8c4;text-align:center;width:13px;font-size:8px;font-style:normal}.section-flow-wrap>button{color:#665c72;text-align:left;cursor:pointer;background:#faf8fe;border:1px solid #ddd6e8;border-radius:6px;grid-template-rows:17px 12px;grid-template-columns:14px 1fr;align-items:center;gap:0 4px;width:74px;height:35px;padding:2px 5px;display:grid;position:relative;overflow:hidden}.section-flow-wrap>button:hover{background:#f4efff;border-color:#aa96e3}.section-flow-wrap>button.active{background:#eee7ff;border-color:#8566dc;box-shadow:inset 0 -2px #7652e5}.section-flow-wrap>button.muted{opacity:.45}.section-flow-wrap small{color:#7458bf;background:#e8e1f5;border-radius:4px;grid-row:1/3;place-items:center;width:13px;height:13px;font-size:5px;display:grid}.section-flow-wrap strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:7px;overflow:hidden}.section-flow-wrap span{color:#9991a2;white-space:nowrap;font-size:5px}.topbar{grid-template-columns:38px 205px minmax(180px,1fr) auto;position:relative}.workspace-menu-trigger{color:#6f58af;cursor:pointer;background:#f7f5fb;border:1px solid #e2deea;border-radius:8px;width:32px;height:32px;font-size:15px}.workspace-menu-trigger:hover,.workspace-menu-trigger:focus-visible,.workspace-menu-trigger[aria-expanded=true]{color:#5e3cc2;background:#eee9fb;border-color:#bba9ec;outline:0}.header-collapse{color:#83788f;cursor:pointer;background:#f7f5fb;border:1px solid #e2deea;border-radius:8px;width:31px;height:31px}.header-collapse:hover,.header-collapse:focus-visible{color:#6245bd;border-color:#bba9ec;outline:0}.workspace-menu{z-index:60;background:#fff;border:1px solid #ddd7e7;border-radius:12px;width:330px;max-height:min(620px,100vh - 55px);padding:12px;position:absolute;top:calc(100% - 5px);left:15px;overflow-y:auto;box-shadow:0 18px 50px #251d3838}.workspace-menu-heading{justify-content:space-between;align-items:flex-start;padding:2px 2px 8px;display:flex}.workspace-menu-heading p{color:#9b93a5;letter-spacing:1.2px;margin:0 0 3px;font-size:7px;font-weight:900}.workspace-menu-heading strong{font-size:13px}.workspace-menu-heading button{color:#795ec6;cursor:pointer;background:#f2eff7;border:0;border-radius:6px;width:25px;height:25px}.workspace-menu-label{color:#aaa3b2;letter-spacing:1.3px;margin:8px 2px 5px;font-size:6px;font-weight:900}.workspace-view-list{grid-template-columns:1fr 1fr;gap:5px;display:grid}.workspace-view-list button{color:#5f5968;text-align:left;cursor:pointer;background:#faf9fd;border:1px solid #e6e1ec;border-radius:8px;grid-template-rows:18px 14px;grid-template-columns:24px 1fr;align-items:center;min-width:0;height:40px;padding:4px 7px;display:grid}.workspace-view-list button:hover,.workspace-view-list button:focus-visible{background:#f4f0ff;border-color:#ad97e8;outline:0}.workspace-view-list span{color:#7652e5;grid-row:1/3;place-items:center;display:grid}.workspace-view-list b{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.workspace-view-list small{color:#9a93a2;font-size:6px}.workspace-menu-row{gap:5px;display:flex}.workspace-menu-row button,.workspace-project-actions button,.workspace-project-actions a{color:#625a6c;cursor:pointer;background:#faf9fc;border:1px solid #e5e0eb;border-radius:7px;min-height:31px;padding:0 9px;font-size:8px;font-weight:800;text-decoration:none}.workspace-menu-row button{flex:1}.workspace-menu-row button:hover,.workspace-menu-row button:focus-visible,.workspace-menu-row button.active,.workspace-project-actions button:hover,.workspace-project-actions button:focus-visible,.workspace-project-actions a:hover,.workspace-project-actions a:focus-visible{color:#6240c8;background:#f0ebff;border-color:#ad97e8;outline:0}.workspace-project-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.workspace-project-actions button,.workspace-project-actions a{align-items:center;display:flex}.workspace-project-actions .danger{color:#bd4d60}.app-shell.header-compact{grid-template-rows:44px minmax(0,1fr) 445px}.app-shell.header-compact.timeline-hidden{grid-template-rows:44px minmax(0,1fr) 355px}.app-shell.header-compact.timeline-expanded{grid-template-rows:44px minmax(0,1fr) 480px}.header-compact .topbar{grid-template-columns:38px minmax(180px,1fr);padding-top:0;padding-bottom:0}.header-compact .brand,.header-compact .toolbar-actions{display:none}.header-compact .project-title{grid-column:2;justify-self:center;min-height:32px}.panel-heading-actions{align-items:center;gap:5px;display:flex}.panel-visibility{color:#88818f;cursor:pointer;background:#fff;border:1px solid #e1dee7;border-radius:8px;width:29px;height:29px;font-weight:900}.panel-visibility:hover,.panel-visibility:focus-visible{color:#6745ca;background:#f5f1ff;border-color:#c5b6ec;outline:0}.energy-title .panel-heading-actions{margin-left:auto}.energy-title .panel-heading-actions button{margin-left:0}.timeline-visibility{color:#bdb5c7;cursor:pointer;background:#3c3548;border:1px solid #5d526d;border-radius:6px;align-self:flex-end;width:23px;height:23px;padding:0;font-weight:900}.timeline-visibility:hover,.timeline-visibility:focus-visible{color:#fff;border-color:#9a7ee8;outline:0}.view-dock .view-reset{color:#7652c7;border-left-color:#e1dce8}.control-button{color:#797182;cursor:pointer;background:linear-gradient(#fff 0%,#f8f6fb 100%);border:1px solid #ded9e8;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;padding:0;transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s;display:inline-grid;box-shadow:0 1px 2px #342b4812,inset 0 1px #ffffffb8}.control-button:hover,.control-button:focus-visible,.control-button.active,.control-button[aria-expanded=true]{color:#6845ce;background:#f1ecff;border-color:#b9a7eb;outline:0;box-shadow:0 0 0 3px #7652e512,0 3px 8px #57447716}.control-button:active{transform:translateY(1px);box-shadow:0 1px 3px #57447718}.control-button--dark{color:#c6bdcf;background:linear-gradient(#453d52 0%,#383142 100%);border-color:#635772;box-shadow:inset 0 1px #ffffff0d}.control-button--dark:hover,.control-button--dark:focus-visible{color:#fff;background:#514263;border-color:#a68bea;box-shadow:0 0 0 3px #9878e526}.control-glyph{width:14px;height:14px;display:block;position:relative}.control-glyph--minus:before{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;top:6px;left:2px;right:2px}.control-glyph--chevron-up:before,.control-glyph--chevron-down:before{content:"";border-top:2px solid;border-left:2px solid;border-radius:1px;width:6px;height:6px;position:absolute;left:4px}.control-glyph--chevron-up:before{top:5px;transform:rotate(45deg)}.control-glyph--chevron-down:before{top:2px;transform:rotate(225deg)}.control-glyph--more:before{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:6px;left:1px;box-shadow:5px 0,10px 0}.timeline-visibility.control-button{align-self:flex-start;width:30px;height:30px}.mobile-command-dock,.mobile-output-tabs{display:none}@media (width<=1100px){.signed-in-shell{min-width:860px}.app-shell.header-full{grid-template-rows:44px minmax(0,1fr) 445px}.app-shell.header-full.timeline-hidden{grid-template-rows:44px minmax(0,1fr) 355px}.app-shell.header-full.timeline-expanded{grid-template-rows:44px minmax(0,1fr) 480px}.topbar{grid-template-columns:38px minmax(180px,1fr)}.topbar .brand,.topbar .toolbar-actions{display:none}.topbar .project-title{grid-column:2;justify-self:center;min-height:32px}.workspace{--library-width:230px;--inspector-width:210px;grid-template-columns:var(--library-width) minmax(400px,1fr) var(--inspector-width)}.suno-output{grid-template-columns:minmax(540px,1.35fr) minmax(300px,.65fr)}.section-editor{grid-template-columns:minmax(230px,1fr) 270px}.view-dock button b{display:none}}@media (width<=900px){html,body{overscroll-behavior-x:none}.signed-in-shell{width:100%;min-width:0}.signed-in-shell .app-shell{height:calc(100dvh - 30px)}.account-strip{padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));justify-content:space-between;font-size:8px}.app-shell,.app-shell.header-full,.app-shell.header-compact,.app-shell.timeline-hidden,.app-shell.timeline-expanded,.app-shell.header-compact.timeline-hidden,.app-shell.header-compact.timeline-expanded{min-height:0;padding-bottom:calc(108px + env(safe-area-inset-bottom));grid-template-rows:52px minmax(0,1fr);overflow:hidden}.topbar,.header-compact .topbar{padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));grid-template-columns:48px minmax(0,1fr) 48px}.topbar .brand,.topbar .toolbar-actions,.header-compact .brand,.header-compact .toolbar-actions{display:none}.topbar .project-title,.header-compact .project-title{grid-column:2;justify-self:stretch;min-width:0;max-width:100%}.workspace-menu-trigger{width:44px;height:44px}.workspace-menu{left:max(8px,env(safe-area-inset-left));width:min(360px,100vw - 16px);max-height:calc(100dvh - 164px);font-size:12px;position:fixed;top:40px}.workspace-menu-heading button,.workspace-view-list button,.workspace-menu-row button,.workspace-project-actions button,.workspace-project-actions a{min-height:44px;font-size:11px}.workspace{min-width:0;display:block;overflow:hidden}.workspace>.library,.workspace>.canvas-area,.workspace>.inspector{visibility:visible;pointer-events:auto;width:100%;min-width:0;height:100%;display:none}.mobile-panel-library .workspace>.library{display:flex}.mobile-panel-canvas .workspace>.canvas-area{display:grid}.mobile-panel-inspector .workspace>.inspector{display:block}.library,.inspector{-webkit-overflow-scrolling:touch;border:0;overflow:auto}.panel-heading{height:68px;padding:13px 16px 8px}.panel-heading h2{font-size:20px}.panel-visibility{display:none}.search{height:46px;margin-inline:14px}.search input,.palette-item strong,.categories button{font-size:13px}.library-content{grid-template-columns:minmax(112px,34vw) minmax(0,1fr);min-height:0}.categories button{min-height:48px;padding:0 10px}.categories button span{width:28px;height:28px}.palette-item{min-height:58px;padding:8px 10px}.palette-item small{font-size:9px;line-height:1.35}.library-tip{display:none}.canvas-area,.canvas-area.arrangement-hidden,.canvas-area.arrangement-expanded{grid-template-rows:52px minmax(270px,1fr) minmax(150px,34%);overflow:auto}.canvas-toolbar{padding-inline:12px}.canvas-toolbar button,.canvas-controls button,.view-dock button{min-width:44px;min-height:44px}.canvas-toolbar>div:last-child>span,.canvas-toolbar>div:last-child>b,.view-dock{display:none}.canvas{min-height:310px;overflow:hidden}.node-row{min-width:720px}.section-flow{bottom:10px;left:10px;right:10px}.section-flow>div{scroll-snap-type:x proximity}.section-flow-wrap{scroll-snap-align:start}.section-flow-wrap>button{width:104px;height:44px}.canvas-controls{top:10px;right:10px}.energy-editor{min-height:150px;overflow-x:auto}.energy-title,.energy-chart{min-width:520px}.inspector-body{padding:0 18px 30px}.selected-card,.delete-node-btn,.chips button,.prompt-part button{min-height:44px}.field{padding-block:15px}.field label,.field p,.compat p,.all-added{font-size:12px;line-height:1.45}.field input[type=range]{height:36px}.suno-output{border:0;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;min-width:0;min-height:0;display:none;overflow:auto}.mobile-panel-composer .workspace,.mobile-panel-outputs .workspace{display:none}.mobile-panel-composer .suno-output,.mobile-panel-outputs .suno-output{display:block}.mobile-panel-composer .final-output-stack,.mobile-panel-outputs .daw-timeline,.mobile-panel-outputs .section-composer{display:none}.daw-timeline{min-height:172px;padding:12px;overflow:hidden}.timeline-head{flex-wrap:wrap;gap:8px;min-width:0}.timeline-head>div:first-child{min-width:130px}.timeline-head strong{font-size:10px}.layers-button,.timeline-visibility{min-width:44px;min-height:44px}.timeline-visibility{display:none}.timeline-controls{align-items:end;width:100%;padding-bottom:3px;overflow-x:auto}.timeline-controls button,.timeline-controls select{min-height:44px;font-size:10px}.timeline-zoom output{min-width:42px;font-size:10px}.timeline-track{touch-action:pan-x pinch-zoom;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:5px;height:60px;padding-bottom:6px}.timeline-section{flex:0 0 var(--timeline-section-width);min-width:var(--timeline-section-width);scroll-snap-align:start}.timeline-section-body{touch-action:pan-x;grid-template-rows:22px 18px;grid-template-columns:26px minmax(0,1fr);padding-right:24px}.timeline-section-body>span{grid-row:1/3;width:24px;height:24px;font-size:9px}.timeline-section-body strong{font-size:11px}.timeline-section-body small{font-size:8px}.section-resize-handle{width:28px}.section-resize-handle span,.section-resize-handle span:before,.section-resize-handle span:after{height:10px;top:25px;left:10px}.section-composer{min-height:calc(100% - 172px);padding:14px 12px 30px;overflow:visible}.output-heading{flex-direction:column;align-items:flex-start;gap:10px}.output-heading>div:last-child{gap:8px;width:100%;display:flex}.output-heading .template-btn,.section-add-control,.section-add-control select,.section-add-control button{min-height:44px}.section-add-control{flex:1;display:flex}.section-add-control select{flex:1;min-width:0}.section-tabs{scroll-snap-type:x proximity;margin-block:12px;padding-bottom:6px;overflow-x:auto}.section-tabs button{scroll-snap-align:start;min-width:116px;min-height:48px}.section-editor{grid-template-columns:1fr;gap:14px;overflow:visible}.section-copy textarea{min-height:210px;font-size:16px;line-height:1.5}.section-copy>input,.section-controls select,.section-controls input,.section-controls button{min-height:44px;font-size:12px}.chain-row{grid-template-columns:42px minmax(0,1fr) 44px;gap:8px;padding:10px}.chain-row>select{grid-column:2/4;width:100%}.chain-row>b{background:#eee9f8;border-radius:9px;grid-row:1/4;align-self:start;place-items:center;width:36px;height:36px;display:grid}.chain-row>.row-delete{grid-area:1/3}.automation-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:10px}.automation-row>select{grid-column:1/3}.automation-row>input{width:100%}.automation-row>span{display:none}.automation-row>.row-delete{grid-area:1/2}.local-tags button,.section-actions button,.control-title button{min-width:44px;min-height:44px}.final-output-stack{background:#f7f8fb;min-height:100%;padding:14px 12px 30px;overflow:auto}.mobile-output-tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mobile-output-tabs button{color:#6c6475;background:#fff;border:1px solid #ddd7e8;border-radius:9px;min-height:44px;font-weight:800}.mobile-output-tabs button[aria-selected=true]{color:#6240c8;background:#eee8ff;border-color:#8262dd}.final-output-stack .mini-output{min-height:0;margin-top:10px;display:none}.mobile-output-lyrics .output-lyrics,.mobile-output-style .output-style,.mobile-output-exclude .output-exclude{display:grid}.mini-output>div{min-height:48px}.mini-output>div button{min-width:44px;min-height:44px}.mini-output textarea{min-height:46vh;padding:14px;font-size:16px;line-height:1.45}.mobile-command-dock{z-index:80;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-top:1px solid #ddd8e5;gap:5px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #2d243b20}.mobile-quick-actions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.mobile-panel-tabs{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.mobile-command-dock button{color:#777181;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;min-width:0;min-height:42px;padding:4px 2px;font-size:8px;font-weight:800;display:grid}.mobile-command-dock button span{font-size:16px;line-height:17px;display:block}.mobile-quick-actions button{background:#faf9fc;border-color:#e2ddea;grid-template-columns:auto auto;place-content:center;gap:7px;font-size:10px}.mobile-panel-tabs button[aria-selected=true]{color:#6341c9;background:#eee8ff;border-color:#cbbcf1}.modal-backdrop{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));align-items:stretch}.modal-card,.layers-modal{border-radius:14px;width:100%;height:100%;max-height:none;padding:16px;overflow:auto}.modal-heading{z-index:3;background:#fff;padding-block:10px;position:sticky;top:-16px}.modal-heading button,.modal-tools button{min-width:44px;min-height:44px}.recipe-grid{grid-template-columns:1fr}.layer-map{min-width:620px}.layers-modal{overflow-x:auto}.event-list{max-height:none}.event-row{grid-template-columns:1fr;gap:9px}.event-row select,.event-row input{min-height:44px;font-size:12px}.event-actions{grid-template-columns:44px minmax(0,1fr) 44px}.event-actions button,.event-actions select{min-width:44px;min-height:44px}.version-row button,.score-pill{min-height:48px}}@media (width<=900px) and (orientation:landscape){.app-shell,.app-shell.header-full,.app-shell.header-compact{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.mobile-command-dock{grid-template-columns:210px minmax(0,1fr);align-items:center}.mobile-command-dock button{min-height:40px}.canvas-area,.canvas-area.arrangement-hidden,.canvas-area.arrangement-expanded{grid-template-rows:48px minmax(240px,1fr)}.canvas-area .energy-editor{display:none}.workspace-menu{max-height:calc(100dvh - 112px)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}