/*! tailwindcss v4.3.2 | 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;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-font-weight: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;--font-weight-medium:500;--radius-sm:2px;--radius-md:4px;--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);--color-paper:#f4f3f0;--color-paper-warm:#eceae5;--color-ink:#101f26;--color-ink-soft:#3d5058;--color-mute:#7d7365;--color-rule:#dfdacf;--color-accent:#cfdedb;--font-display:Italiana;--font-body:Figtree;--container-prose:42rem}}@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;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}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}img{max-width:100%;height:auto;display:block}ul,ol{margin:0;padding:0;list-style:none}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.flex{display:flex}.grid{display:grid}.hidden{display:none}.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}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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))}}.btn-primary{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background:var(--color-ink);color:var(--color-paper);justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--color-accent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-ink);border:1px solid var(--color-rule);background:0 0;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-ink);background:0 0;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-ghost:hover:not(:disabled){background:var(--color-paper-warm)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}[data-decorative-slot]{position:relative;overflow:hidden}[data-decorative-slot]>img{object-fit:cover;width:100%;height:100%}.editorial-rule{background:var(--color-accent);opacity:.6;border:0;height:1px;margin-block:1.5rem}.site-nav{z-index:50;background:#f4f3f0e0;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.site-nav{background:color-mix(in srgb,var(--color-paper) 88%,transparent)}}.site-nav{-webkit-backdrop-filter:saturate(1.1)blur(8px);backdrop-filter:saturate(1.1)blur(8px);border-bottom:1px solid var(--color-rule)}.site-footer{border-top:1px solid var(--color-rule);background:var(--color-paper-warm);color:var(--color-mute)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.nav-progress{background:var(--color-accent,currentColor);transform-origin:0;z-index:1000;pointer-events:none;opacity:0;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.nav-progress[data-state=loading]{opacity:1;transition:transform 1.6s cubic-bezier(.2,.8,.2,1),opacity .12s;transform:scaleX(.85)}.nav-progress[data-state=done]{opacity:0;transition:transform .2s,opacity .24s 60ms;transform:scaleX(1)}body[data-navigating=true] .product-grid{opacity:.55;pointer-events:none;transition:opacity .14s}.product-grid{transition:opacity .2s}.site-nav-item.has-submenu{position:relative}.site-nav-submenu{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md);opacity:0;visibility:hidden;flex-direction:column;gap:.25rem;min-width:12rem;padding:.75rem;transition:opacity .16s,transform .16s,visibility .16s;display:flex;position:absolute;top:100%;left:0;transform:translateY(4px)}.site-nav-item.has-submenu:hover .site-nav-submenu,.site-nav-item.has-submenu:focus-within .site-nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.site-nav-sublink{color:var(--color-ink-soft,var(--color-mute));padding-block:.25rem;font-size:.875rem}.site-nav-sublink:hover,.site-nav-sublink[aria-current=page]{color:var(--color-accent)}.category-rail{background:var(--color-paper-warm);border-bottom:1px solid var(--color-rule)}.category-rail-inner{flex-wrap:wrap;gap:.75rem;padding-block:1rem;display:flex}.category-pill{border:1px solid var(--color-rule);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-soft,var(--color-ink));align-items:center;padding:.25rem 1rem;font-size:.8125rem;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.category-pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.category-pill[aria-current=page]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.pagination{margin-block:2rem}.pagination-inner{justify-content:space-between;gap:1rem;display:flex}.pagination-link{color:var(--color-ink)}.pagination-link:hover{color:var(--color-accent)}.pagination-link.is-disabled{opacity:.4;pointer-events:none}.breadcrumbs{color:var(--color-mute);margin-bottom:.75rem;font-size:.8125rem}@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}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}*{box-sizing:border-box}html{background:#111211}body{margin:0;overflow:hidden;background:#111211;color:#ecece7;font-family:Manrope,sans-serif}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #f4ce55;outline-offset:2px}.studio{--header: 58px;--transport: 70px;--status: 28px;--editor: 212px;--browser: 224px;min-width:320px;height:100dvh;display:grid;grid-template-rows:var(--header) var(--transport) minmax(240px,1fr) var(--editor) var(--status);background:#151614;overflow:hidden}button{border:0;background:none;padding:0;cursor:pointer}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px 0 17px;background:#0c0d0c;border-bottom:1px solid #2b2d29}.brand-block,.brand,.header-actions,.transport,.transport-left{display:flex;align-items:center}.brand{gap:11px;color:#f7f7f2;font-weight:700;font-size:16px;letter-spacing:.1em;text-decoration:none}.wordmark>span{color:#ff6b4a}.brand-mark{width:23px;height:24px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid #596057;background:#151714}.brand-mark i{display:block;width:2px;background:#67d4ae}.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:10px}.brand-mark i:nth-child(4){height:4px}.project-name{margin-left:22px;padding:7px 0 7px 22px;border-left:1px solid #343631;font:500 11px DM Mono,monospace;letter-spacing:.04em;color:#b5b8b0;white-space:nowrap}.project-name b{color:#67d4ae}.app-nav{align-self:stretch;display:flex;align-items:stretch;margin-left:auto}.app-nav button{min-width:78px;padding:0 11px;border-bottom:2px solid transparent;color:#7d8179;font:500 9px DM Mono,monospace;letter-spacing:.04em}.app-nav button:hover{color:#d8dad3;background:#151714}.app-nav button.active{color:#f2f2ed;border-bottom-color:#67d4ae}.header-actions{gap:6px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid transparent;color:#a8aba3;font-size:17px}.icon-button:hover{background:#242622;color:#fff;border-color:#343731}.icon-button:disabled{color:#3d403a;cursor:default}.icon-button:disabled:hover{border-color:transparent;background:none}.icon-button.tiny{width:25px;height:25px;font-size:15px}.save-status{display:flex;align-items:center;gap:6px;margin:0 9px;font:500 9px DM Mono,monospace;letter-spacing:.08em;color:#71756d}.save-status i{width:5px;height:5px;border-radius:50%;background:#67d4ae;box-shadow:0 0 7px #67d4ae}.save-status.pending i{background:#f4ce55;box-shadow:0 0 7px #f4ce55}.save-button{height:28px;padding:0 12px;border:1px solid #4c5048;color:#b8bbb2;font:600 8px DM Mono,monospace;letter-spacing:.08em}.save-button:hover{border-color:#67d4ae;color:#67d4ae}.share-button{height:28px;padding:0 14px;background:#ecece7;color:#111211;font-size:9px;font-weight:700;letter-spacing:.1em;border-radius:2px}.share-button:hover{background:#67d4ae}.avatar{width:28px;height:28px;display:grid;place-items:center;margin-left:3px;border:1px solid #4a4d47;border-radius:50%;font:500 9px DM Mono,monospace;color:#d6d7d1;text-decoration:none}.transport{gap:8px;padding:0 14px;background:#181917;border-bottom:1px solid #30322d}.transport-left{gap:4px;padding-right:12px;border-right:1px solid #343630}.play-button{width:39px;height:39px;display:grid;place-items:center;margin:0 2px;border-radius:50%;background:#ecece7;color:#10110f;font-size:13px}.play-button:hover,.play-button.playing{background:#67d4ae}.play-button span{transform:translate(1px)}.play-button.playing span{transform:none;font-size:15px}.stop-button{font-size:11px}.record-button{width:30px;height:30px;display:grid;place-items:center}.record-button span{display:block;width:10px;height:10px;background:#ff6b4a;border-radius:50%}.record-button.armed span{box-shadow:0 0 0 5px #ff6b4a2e}.time-display{width:82px;margin-left:8px}.time-display strong{display:block;font:500 16px DM Mono,monospace;color:#f3f3ee}.time-display span,.tempo-control>span,.master-volume>span{display:block;font:500 8px DM Mono,monospace;letter-spacing:.1em;color:#656961}.tempo-control{height:38px;display:grid;grid-template-columns:46px 23px;grid-template-rows:13px 20px;align-content:center;padding-left:14px;border-left:1px solid #343630}.tempo-control>span{grid-column:1 / -1}.tempo-control input{width:43px;padding:0;border:0;background:transparent;color:#e9e9e4;font:500 13px DM Mono,monospace;appearance:textfield}.tempo-control input::-webkit-inner-spin-button{display:none}.tempo-control b{font:500 8px DM Mono,monospace;color:#73776f;align-self:center}.meter-control{height:38px;min-width:73px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:14px;border-left:1px solid #343630}.meter-control span{font:500 12px DM Mono,monospace}.meter-control small{font:500 7px DM Mono,monospace;color:#656961;letter-spacing:.08em}.meter-control.active{color:#f4ce55}.transport-spacer{flex:1}.master-volume{display:grid;grid-template-columns:42px 112px;grid-template-rows:12px 18px;align-items:center}.master-volume>span{grid-column:1 / -1}input[type=range]{accent-color:#d9dad4;height:12px;cursor:pointer}.master-volume input{grid-column:1 / -1;width:150px}.master-meter{width:70px;height:17px;display:flex;align-items:flex-end;gap:2px;margin:0 5px}.master-meter i{flex:1;height:4px;background:#343730;transition:background 60ms}.master-meter i.on{background:#67d4ae}.master-meter i:nth-last-child(-n+2).on{background:#f4ce55}.workspace{min-height:0;display:grid;grid-template-columns:var(--browser) minmax(0,1fr)}.browser{min-width:0;display:flex;flex-direction:column;background:#121311;border-right:1px solid #30322d;overflow:hidden;transition:margin .18s ease}.panel-title{height:40px;flex:0 0 40px;display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 13px;border-bottom:1px solid #2a2c27;font:500 10px DM Mono,monospace;letter-spacing:.06em;color:#b0b3ab}.search-box{height:34px;flex:0 0 34px;display:flex;align-items:center;gap:7px;margin:10px;padding:0 9px;border:1px solid #343630;background:#1a1b18}.search-box span{color:#7e8279;transform:rotate(-15deg)}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#ddd;font-size:10px}.search-box input::placeholder{color:#5d6059}.library-nav{padding:0 7px 9px;border-bottom:1px solid #292b26}.library-nav button{width:100%;height:29px;display:grid;grid-template-columns:23px 1fr auto;align-items:center;padding:0 7px;text-align:left;color:#8a8e85;font-size:10px}.library-nav button span{color:#666a62;font-size:13px}.library-nav button b{color:#54574f;font:400 8px DM Mono,monospace}.library-nav button:hover,.library-nav button.active{background:#22241f;color:#f0f0eb}.library-nav button.active span{color:#67d4ae}.sound-list{padding:11px 7px;overflow:auto}.sound-list>p{margin:0 7px 7px;font:500 8px DM Mono,monospace;color:#565a52;letter-spacing:.1em}.sound-list button{width:100%;min-height:42px;display:grid;grid-template-columns:22px 1fr 18px;gap:7px;align-items:center;padding:5px 7px;text-align:left}.sound-list button:hover{background:#20221e}.sound-list i{width:20px;height:20px;display:block;background:color-mix(in srgb,var(--swatch) 18%,#171815);border:1px solid color-mix(in srgb,var(--swatch) 55%,#171815)}.sound-list button span{font-size:9px;color:#c8cac3}.sound-list button small{display:block;margin-top:2px;font:400 7px DM Mono,monospace;color:#5e625a}.sound-list button>b{color:#676b63;font-weight:400}.sound-list button[hidden]{display:none}.new-track{height:36px;flex:0 0 36px;margin:auto 10px 10px;border:1px solid #363933;color:#8c9087;font:500 8px DM Mono,monospace;letter-spacing:.08em}.new-track:hover{color:#67d4ae;border-color:#67d4ae}.browser-closed{--browser: 0px}.browser-closed .browser{margin-left:-224px}.arrangement{min-width:0;min-height:0;background:#171816;overflow:hidden}.arrangement-tools{height:38px;display:flex;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid #30322d;background:#151614}.view-switch{height:27px;display:flex;margin-right:5px;border:1px solid #343730}.view-switch button{padding:0 8px;color:#5f635b;font:500 7px DM Mono,monospace;letter-spacing:.05em}.view-switch button.active{background:#ecece7;color:#111211}.tool{width:27px;height:27px;color:#787c73;font-size:13px}.tool:hover,.tool.active{background:#2a2c27;color:#f0f0eb}.tool-divider{height:18px;width:1px;margin:0 4px;background:#333630}.automation-button{height:27px;padding:0 8px;color:#63675f;border:1px solid #31342e;font:500 7px DM Mono,monospace}.automation-button.active{color:#ff6b4a;border-color:#ff6b4a}.snap-control{height:27px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#a9aca4;font:500 9px DM Mono,monospace;border:1px solid #31342e}.snap-control span{color:#67d4ae}.snap-control b{color:#5f625b}.snap-control.off{opacity:.5}.zoom-control{display:flex;align-items:center;margin-left:3px;font:500 8px DM Mono,monospace;color:#71756d}.zoom-control button{width:24px;height:26px;font-size:13px;color:#777b72}.zoom-control span{width:38px;text-align:center}.arrangement-label{margin-left:auto;text-align:right}.arrangement-label span{display:block;font:500 9px DM Mono,monospace;letter-spacing:.04em;color:#a6aaa1}.arrangement-label b{display:block;font:400 7px DM Mono,monospace;color:#4f534b}.timeline-scroll{height:calc(100% - 38px);overflow:auto;scrollbar-color:#42453e #1a1b18;scrollbar-width:thin}.timeline{--head-width: 180px;--lane-width: 1536px;position:relative;width:calc(var(--head-width) + var(--lane-width));min-height:100%;display:grid;grid-template-columns:var(--head-width) var(--lane-width);grid-template-rows:30px repeat(6,minmax(72px,1fr));background:#171816}.timeline[data-tool=draw] .track-lane{cursor:crosshair}.timeline[data-tool=split] .clip{cursor:col-resize}.ruler-corner{position:sticky;left:0;z-index:8;display:flex;align-items:center;padding:0 12px;background:#171816;border-right:1px solid #353831;border-bottom:1px solid #353831;font:500 8px DM Mono,monospace;letter-spacing:.1em;color:#595d55}.ruler{position:relative;display:grid;grid-template-columns:repeat(16,1fr);border-bottom:1px solid #353831;background-image:repeating-linear-gradient(to right,transparent 0,transparent 23px,#242621 24px),repeating-linear-gradient(to right,transparent 0,transparent 95px,#42453d 96px)}.ruler button{position:relative;z-index:2;text-align:left;padding:4px 0 0 6px;color:#777b72;font:400 8px DM Mono,monospace}.loop-brace{position:absolute;z-index:1;left:3px;right:3px;top:2px;height:3px;background:#67d4ae}.loop-brace i,.loop-brace b{position:absolute;top:0;width:5px;height:8px;background:#67d4ae}.loop-brace i{left:0}.loop-brace b{right:0}.track-head{position:sticky;left:0;z-index:6;min-height:72px;display:grid;grid-template-columns:8px minmax(0,1fr) 52px;grid-template-rows:1fr 23px;gap:0 7px;align-items:center;padding:7px 8px 7px 9px;background:#151614;border-right:1px solid #353831;border-bottom:1px solid #2e302b}.track-head.selected{background:#20211e}.track-color{grid-row:1;width:5px;height:34px;background:var(--track)}.track-name{min-width:0}.track-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4e5df;font-size:10px;letter-spacing:0}.track-name span{display:block;margin-top:3px;color:#60645c;font:400 7px DM Mono,monospace}.track-buttons{display:flex;gap:3px}.track-buttons button{width:22px;height:20px;border:1px solid #343730;color:#666a62;font:500 8px DM Mono,monospace}.track-buttons button:hover{color:#fff}.track-buttons button.active{background:var(--track);border-color:var(--track);color:#111}.track-volume{grid-column:2 / -1;display:flex;align-items:center;gap:4px;color:#5a5e56;font-size:8px}.track-volume input{min-width:0;width:100%;height:8px;accent-color:var(--track)}.track-meter{position:absolute;right:9px;bottom:4px;width:42px;height:2px;overflow:hidden;background:#30332d}.track-meter b{display:block;width:var(--level, 2%);height:100%;background:var(--track);transition:width 70ms linear}.track-lane{position:relative;min-height:72px;border-bottom:1px solid #2e302b;background-image:repeating-linear-gradient(to right,transparent 0,transparent 23px,#22241f 24px),repeating-linear-gradient(to right,transparent 0,transparent 95px,#363932 96px)}.automation-on .track-lane:after{content:"";position:absolute;z-index:4;left:0;right:0;top:54%;height:14px;pointer-events:none;background:var(--track);opacity:.8;clip-path:polygon(0 45%,13% 45%,25% 100%,42% 30%,61% 70%,78% 10%,100% 50%,100% 58%,78% 18%,61% 78%,42% 38%,25% 100%,13% 53%,0 53%)}.clip{--gap: 3px;position:absolute;left:calc(var(--start) * 6.25% + var(--gap));top:7px;width:calc(var(--length) * 6.25% - var(--gap) * 2);min-width:14px;height:calc(100% - 14px);overflow:hidden;border:1px solid color-mix(in srgb,var(--track) 72%,#111);background:color-mix(in srgb,var(--track) 14%,#161714);text-align:left}.clip:hover,.clip.selected{background:color-mix(in srgb,var(--track) 22%,#161714)}.clip.selected{outline:1px solid var(--track);outline-offset:1px}.clip>span{position:absolute;z-index:1;top:3px;left:5px;color:color-mix(in srgb,var(--track) 82%,white);font:500 7px DM Mono,monospace;letter-spacing:.05em}.clip canvas{position:absolute;inset:10px 0 0;width:100%;height:calc(100% - 10px)}.clip.dragging{z-index:5;opacity:.84;cursor:grabbing}.clip-resize{position:absolute;z-index:3;top:0;right:0;bottom:0;width:8px;border-right:2px solid var(--track);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--track) 24%,transparent));opacity:0;cursor:ew-resize}.clip:hover .clip-resize,.clip.selected .clip-resize{opacity:1}.playhead{--progress: 0;position:absolute;z-index:7;top:0;bottom:0;left:calc(var(--head-width) + var(--progress) * var(--lane-width));width:1px;background:#f2f2ed;pointer-events:none;box-shadow:0 0 4px #ffffff40}.playhead span{position:absolute;top:0;left:-4px;width:9px;height:7px;background:#f2f2ed;clip-path:polygon(0 0,100% 0,50% 100%)}.session-view{min-width:1100px;min-height:100%;display:none;grid-template-columns:92px repeat(6,minmax(150px,1fr));grid-template-rows:48px repeat(4,74px) 34px;gap:1px;padding:8px;background:#292b27}.session-mode .timeline{display:none}.session-mode .session-view{display:grid}.session-corner,.session-track-title,.scene-launch,.session-clip,.track-stop{background:#151614}.session-corner{display:flex;flex-direction:column;justify-content:center;padding:0 10px;color:#7a7e75;font:500 8px DM Mono,monospace;letter-spacing:.08em}.session-corner small{margin-top:3px;color:#4f534b;font-size:7px}.session-track-title{display:flex;align-items:center;gap:9px;padding:0 10px}.session-track-title>i{width:4px;height:25px;background:var(--track)}.session-track-title span{color:#caccc5;font-size:8px;font-weight:700}.session-track-title small{display:block;margin-top:3px;color:#5a5e56;font:400 7px DM Mono,monospace}.scene-launch{color:#71756d;font:500 9px DM Mono,monospace}.scene-launch span{margin-right:12px;color:#4f534b}.scene-launch:hover{color:#67d4ae;background:#1e201c}.session-clip{position:relative;overflow:hidden;padding:9px;border:1px solid color-mix(in srgb,var(--track) 45%,#222);background:color-mix(in srgb,var(--track) 10%,#151614);text-align:left;color:color-mix(in srgb,var(--track) 75%,white);font:500 8px DM Mono,monospace}.session-clip>i{position:absolute;left:9px;right:9px;bottom:9px;height:12px;opacity:.6;background:repeating-linear-gradient(90deg,var(--track) 0 2px,transparent 2px 5px);clip-path:polygon(0 65%,7% 30%,14% 78%,21% 10%,28% 60%,35% 30%,42% 85%,49% 40%,56% 60%,63% 15%,70% 80%,77% 45%,84% 65%,91% 25%,100% 70%,100% 100%,0 100%)}.session-clip>b{position:absolute;right:9px;top:8px;font-size:8px;opacity:0}.session-clip:hover>b,.session-clip.launched>b{opacity:1}.session-clip.launched{background:color-mix(in srgb,var(--track) 28%,#151614);box-shadow:inset 3px 0 var(--track)}.session-clip.launched>b{animation:launch-pulse .9s steps(2) infinite}.session-clip.empty{display:grid;place-items:center;border-color:#30322d;color:#474a44;background:#151614;text-align:center}.stop-row{justify-content:center}.track-stop{color:#555950;font-size:8px}.track-stop:hover{color:#ff6b4a}@keyframes launch-pulse{50%{opacity:.25}}.editor-panel{min-height:0;background:#121311;border-top:1px solid #353831;overflow:hidden}.editor-tabs{height:32px;display:flex;align-items:center;gap:0;padding:0 10px;border-bottom:1px solid #292b26}.editor-tabs>button:not(.icon-button){height:32px;padding:0 13px;color:#70746b;font:500 8px DM Mono,monospace;letter-spacing:.04em;border-bottom:2px solid transparent}.editor-tabs>button.active{color:#e5e6e0;border-bottom-color:var(--selected)}.editor-tabs>span{margin-left:12px;padding-left:12px;border-left:1px solid #343630;color:#a3a69e;font:400 9px DM Mono,monospace}.editor-tabs .inspector-command{height:25px;margin-left:7px;padding:0 8px;border:1px solid #32352f;color:#74786f;font:500 7px DM Mono,monospace;letter-spacing:.04em}.editor-tabs .inspector-command:first-of-type{margin-left:auto}.editor-tabs .inspector-command:hover{color:var(--selected);border-color:var(--selected)}.editor-tabs .inspector-command.danger:hover{color:#ff6b4a;border-color:#ff6b4a}.editor-tabs .icon-button{margin-left:auto}.clip-editor{height:calc(100% - 32px);display:grid;grid-template-columns:40px minmax(300px,1fr) 350px}.piano-labels{display:grid;grid-template-rows:repeat(6,1fr);border-right:1px solid #343630}.piano-labels span{display:flex;align-items:center;justify-content:flex-end;padding-right:5px;border-bottom:1px solid #282a25;color:#555950;font:400 7px DM Mono,monospace}.piano-roll{position:relative;min-width:300px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(16.666% - 1px),#282a25 calc(16.666% - 1px),#282a25 16.666%),repeating-linear-gradient(to right,transparent 0,transparent calc(6.25% - 1px),#242621 calc(6.25% - 1px),#242621 6.25%),repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#3a3d36 calc(25% - 1px),#3a3d36 25%)}.piano-roll i{position:absolute;left:calc(var(--start) * 6.25% + 2px);width:calc(var(--length) * 6.25% - 4px);height:12%;background:var(--selected);opacity:var(--velocity-opacity, .75);border-left:2px solid color-mix(in srgb,var(--selected) 70%,white)}.piano-roll i:hover,.piano-roll i.selected{opacity:1;outline:1px solid #ecece7;cursor:pointer}.piano-roll i b{position:absolute;top:0;right:0;width:6px;height:100%;background:color-mix(in srgb,var(--selected) 55%,#ecece7);opacity:0;cursor:ew-resize}.piano-roll i:hover b,.piano-roll i.selected b{opacity:.8}.piano-roll i[style*=C5]{top:2%}.piano-roll i[style*="A#4"]{top:18%}.piano-roll i[style*=G4]{top:35%}.piano-roll i[style*=F4]{top:52%}.piano-roll i[style*="D#4"]{top:68%}.piano-roll i[style*=C4]{top:85%}.device-controls{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:7px;padding:12px;border-left:1px solid #343630;background:#151614}.device-view .clip-content{opacity:.22}.device-view .device-controls{box-shadow:inset 3px 0 var(--selected);background:#1b1d19}.device-controls label{min-width:0;text-align:center}.device-controls label span{display:block;color:#62665e;font:500 7px DM Mono,monospace}.device-controls label input{width:100%;accent-color:var(--selected)}.device-controls label b{display:block;color:#a1a49d;font:400 8px DM Mono,monospace}.device-name{grid-column:1 / -1;display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #30332d}.device-name>i{width:6px;height:27px;background:var(--selected)}.device-name span{color:#c2c4bd;font-size:9px;font-weight:600}.device-name b{display:block;margin-top:2px;color:#585c54;font:400 7px DM Mono,monospace}.editor-closed{--editor: 32px}.editor-closed .editor-tabs .icon-button{transform:rotate(180deg)}.app-view-panel{position:fixed;z-index:30;inset:var(--header) 0 var(--status);overflow:auto;background:#121311;color:#e8e9e3}.app-view-panel[hidden]{display:none}.view-header{min-height:138px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 40px 24px;border-bottom:1px solid #353831;background:#161714}.view-header>div:first-child>span{display:block;margin-bottom:7px;color:#67d4ae;font:500 8px DM Mono,monospace;letter-spacing:.12em}.view-header h1{margin:0;color:#f2f2ed;font:600 38px/1 Manrope,sans-serif;letter-spacing:0}.view-header p{margin:9px 0 0;color:#73776f;font-size:11px}.view-actions{display:flex;gap:8px}.view-actions button,.member-action{height:34px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid #444840;color:#b2b5ad;font:600 8px DM Mono,monospace;letter-spacing:.08em;text-decoration:none}.view-actions button.primary,.track-dialog .primary{border-color:#67d4ae;background:#67d4ae;color:#10110f}.view-actions button:hover,.member-action:hover{border-color:#67d4ae;color:#67d4ae}.view-actions button.primary:hover{background:#8be1c3;color:#10110f}.member-strip{min-height:72px;display:flex;align-items:center;gap:13px;padding:12px 40px;border-bottom:1px solid #2b2e29;background:#10110f}.member-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #555950;border-radius:50%;color:#67d4ae;font:500 10px DM Mono,monospace}.member-strip>div:nth-child(2){min-width:0}.member-strip strong,.member-strip span{display:block}.member-strip strong{color:#dadbd5;font-size:10px}.member-strip span{margin-top:3px;color:#656960;font-size:9px}.member-action{margin-left:auto}.project-metrics{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));border-bottom:1px solid #30332d}.project-metrics span{min-height:61px;display:flex;flex-direction:column;justify-content:center;padding:0 40px;border-right:1px solid #30332d;color:#5f635b;font:500 8px DM Mono,monospace;letter-spacing:.06em}.project-metrics span:last-child{border-right:0}.project-metrics b{margin-bottom:3px;color:#dfe0da;font-size:14px;font-weight:500}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;padding:1px;background:#30332d}.empty-state{min-height:260px;grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#121311;color:#686c64;text-align:center}.empty-state strong{color:#bfc1ba;font-size:10px;letter-spacing:.08em}.empty-state span{font-size:9px}.empty-state a{margin-top:7px;padding:10px 14px;border:1px solid #67d4ae;color:#67d4ae;font:600 8px DM Mono,monospace;text-decoration:none}.project-card{--accent: #67d4ae;min-height:228px;display:grid;grid-template-rows:36px 1fr 34px;background:#151614}.project-card>header,.project-card>footer{display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#5e625a;font:500 7px DM Mono,monospace;letter-spacing:.06em}.project-card>header{border-bottom:1px solid #2b2e29}.project-card>header button{width:22px;height:22px;color:#666a62;font-size:16px}.project-card>header button:hover{color:#ff6b4a}.project-open{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px;text-align:left}.project-open>i{width:54px;height:32px;margin-bottom:17px;border:1px solid color-mix(in srgb,var(--accent) 60%,#20221e);background:repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 6px);opacity:.65;clip-path:polygon(0 60%,9% 20%,18% 75%,27% 36%,36% 88%,45% 14%,54% 68%,63% 30%,72% 78%,81% 18%,90% 63%,100% 40%,100% 100%,0 100%)}.project-open strong{color:#e0e1db;font-size:12px}.project-open span{margin-top:5px;color:#62665e;font:400 8px DM Mono,monospace}.project-open:hover{background:#1b1d19}.project-card>footer{border-top:1px solid #2b2e29}.project-card>footer b{color:var(--accent);font-weight:500}.journal-header>div:first-child>span{color:#72a8ff}.journal-signal{width:150px;height:44px;display:flex;align-items:flex-end;gap:6px;padding-bottom:15px;position:relative}.journal-signal i{flex:1;background:#72a8ff;opacity:.7}.journal-signal i:nth-child(1){height:20%}.journal-signal i:nth-child(2){height:70%}.journal-signal i:nth-child(3){height:42%}.journal-signal i:nth-child(4){height:90%}.journal-signal i:nth-child(5){height:36%}.journal-signal span{position:absolute;bottom:0;left:0;color:#5d6159;font:500 7px DM Mono,monospace;letter-spacing:.08em}.journal-layout{min-height:calc(100% - 138px);display:grid;grid-template-columns:minmax(260px,35%) minmax(0,1fr)}.post-list{border-right:1px solid #353831;background:#10110f}.post-list>button{width:100%;min-height:92px;display:grid;grid-template-columns:32px 1fr 20px;gap:10px;align-items:center;padding:13px 20px;border-bottom:1px solid #2c2f2a;color:#666a62;text-align:left}.post-list>button:hover,.post-list>button.active{background:#1a1c18}.post-list>button.active{box-shadow:inset 3px 0 #72a8ff}.post-list>button>span,.post-list>button>b{color:#5b5f57;font:500 8px DM Mono,monospace}.post-list strong{display:block;color:#d8dad3;font-size:11px;line-height:1.35}.post-list small{display:block;margin-top:7px;color:#5f635b;font:400 7px DM Mono,monospace;letter-spacing:.05em}.post-list>button.active>b{color:#72a8ff}.loading-row{min-height:110px;display:flex;align-items:center;justify-content:center;gap:9px;color:#62665e;font:500 8px DM Mono,monospace;letter-spacing:.08em}.loading-row>i{width:6px;height:6px;border-radius:50%;background:#67d4ae;animation:signal-blink .8s steps(2) infinite}.loading-row.error{color:#ff6b4a}@keyframes signal-blink{50%{opacity:.2}}.post-reader{max-width:760px;padding:42px clamp(30px,6vw,88px) 60px;overflow:auto}.post-kicker{color:#72a8ff;font:500 8px DM Mono,monospace;letter-spacing:.1em}.post-reader h2{max-width:620px;margin:13px 0 20px;color:#f0f1eb;font:600 clamp(28px,4vw,46px)/1.08 "Manrope",sans-serif;letter-spacing:0}.post-reader p{margin:0 0 18px;color:#a5a89f;font-size:13px;line-height:1.75}.post-reader .post-deck{margin-bottom:29px;padding-bottom:25px;border-bottom:1px solid #343730;color:#ced0c9;font-size:15px;line-height:1.55}.post-reader footer{display:flex;justify-content:space-between;margin-top:38px;padding-top:14px;border-top:1px solid #343730;color:#5f635b;font:500 7px DM Mono,monospace;letter-spacing:.07em}.post-reader footer b{color:#72a8ff;font-weight:500}.plans-header>div:first-child>span{color:#a98cff}.current-plan{padding:9px 12px;border:1px solid #a98cff;color:#bca8ff;font:500 8px DM Mono,monospace;letter-spacing:.07em}.plans-intro{min-height:126px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);align-items:center;gap:40px;padding:24px 40px;border-bottom:1px solid #30332d}.plans-intro strong{color:#ecece7;font-size:19px;line-height:1.15}.plans-intro p{max-width:540px;color:#777b72;font-size:11px;line-height:1.6}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;padding:1px;background:#343730}.plan-card{--plan-color: #777b72;min-height:380px;display:flex;flex-direction:column;padding:23px;background:#151614}.plan-card.featured{box-shadow:inset 0 3px var(--plan-color);background:#191b17}.plan-card>span{color:var(--plan-color);font:500 7px DM Mono,monospace;letter-spacing:.09em}.plan-card h2{margin:13px 0 5px;color:#eeefe9;font-size:22px}.plan-card>p{color:#6d7169;font:400 9px DM Mono,monospace}.plan-card>p b{color:#f0f1eb;font-size:23px;font-weight:500}.plan-description{min-height:38px;margin-top:15px;color:#83877e;font-size:9px;line-height:1.5}.plan-card ul{margin:18px 0 24px;padding:16px 0 0;border-top:1px solid #30332d;list-style:none}.plan-card li{position:relative;margin:0 0 10px;padding-left:15px;color:#a3a69e;font-size:9px}.plan-card li:before{content:"✓";position:absolute;left:0;color:var(--plan-color)}.plan-card>button{height:38px;margin-top:auto;border:1px solid var(--plan-color);color:var(--plan-color);font:600 8px DM Mono,monospace;letter-spacing:.07em}.plan-card>button:hover:not(:disabled){background:var(--plan-color);color:#111211}.plan-card>button:disabled{border-color:#383b35;color:#5d6159;cursor:default}.free-plan{--plan-color: #ff6b4a}.plans-footnote{min-height:45px;display:flex;align-items:center;justify-content:center;gap:28px;color:#595d55;font:500 7px DM Mono,monospace;letter-spacing:.05em}.plans-footnote span:before{content:"•";margin-right:7px;color:#67d4ae}.track-dialog{width:min(520px,calc(100vw - 24px));padding:0;border:1px solid #4b4f47;border-radius:2px;background:#151614;color:#e7e8e2;box-shadow:0 24px 70px #0000009e}.track-dialog::backdrop{background:#050605bf}.track-dialog form>header,.track-dialog form>footer{min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #343730}.track-dialog form>header span,.track-dialog legend,.track-dialog form>label>span{color:#73776f;font:500 8px DM Mono,monospace;letter-spacing:.09em}.track-dialog form>header button{width:28px;height:28px;color:#888c83;font-size:18px}.track-dialog form>label{display:block;padding:16px;border-bottom:1px solid #30332d}.track-dialog form>label>span{display:block;margin-bottom:7px}.track-dialog form>label>input{width:100%;height:38px;padding:0 10px;border:1px solid #41443d;border-radius:0;outline:0;background:#10110f;color:#ecece7;font-size:11px}.settings-dialog form>label{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-dialog form>label>span{margin:0;color:#aeb1a9}.settings-dialog select{width:150px;height:34px;padding:0 9px;border:1px solid #41443d;border-radius:0;background:#10110f;color:#ecece7;font:500 9px DM Mono,monospace}.settings-dialog .toggle-setting input{width:34px;height:18px;accent-color:#67d4ae}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;border-bottom:1px solid #30332d}.settings-actions button{height:36px;border:1px solid #41443d;color:#aeb1a9;font:600 8px DM Mono,monospace}.settings-actions button:hover{border-color:#67d4ae;color:#67d4ae}.settings-actions button:disabled{opacity:.5;cursor:wait}.auth-intro{padding:20px 16px 13px;border-bottom:1px solid #30332d}.auth-intro strong,.auth-intro span{display:block}.auth-intro strong{color:#ecece7;font-size:13px}.auth-intro span{margin-top:5px;color:#73776f;font-size:9px}.auth-error{min-height:31px;margin:0;padding:9px 16px;color:#ff8065;font:500 8px DM Mono,monospace}.auth-dialog [data-auth-mode]{margin-right:auto}.auth-dialog [hidden]{display:none}.track-dialog fieldset{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:0;padding:18px 16px 16px;border:0;border-bottom:1px solid #30332d}.track-dialog legend{transform:translateY(14px)}.track-dialog fieldset>label{position:relative}.track-dialog fieldset>label>input{position:absolute;opacity:0}.track-dialog fieldset>label>span{min-height:49px;display:flex;flex-direction:column;justify-content:center;padding:0 10px;border:1px solid #3d403a;color:#b2b5ad;font-size:9px}.track-dialog fieldset>label>span small{margin-top:3px;color:#5d6159;font:400 7px DM Mono,monospace}.track-dialog fieldset>label>input:checked+span{border-color:#67d4ae;box-shadow:inset 3px 0 #67d4ae;color:#e8e9e3}.track-dialog .color-fieldset{grid-template-columns:repeat(6,1fr)}.track-dialog .color-fieldset label{height:32px;display:grid;place-items:center;border:1px solid #3d403a}.track-dialog .color-fieldset i{width:15px;height:15px;display:block;background:var(--choice)}.track-dialog .color-fieldset input:checked+i{outline:2px solid #ecece7;outline-offset:3px}.track-dialog form>footer{justify-content:flex-end;gap:8px;border:0}.track-dialog form>footer button{height:31px;padding:0 13px;border:1px solid #41443d;color:#94988f;font:600 8px DM Mono,monospace}.status-bar{display:flex;align-items:center;gap:18px;padding:0 12px;background:#0d0e0d;border-top:1px solid #292b26;color:#565a52;font:400 8px DM Mono,monospace;letter-spacing:.04em}.status-bar button{color:#696d65;font:500 8px DM Mono,monospace}.status-bar button span{margin-left:5px}.status-bar .cpu{display:flex;align-items:center;gap:5px}.cpu>i{width:38px;height:3px;background:#2e302b}.cpu>i b{display:block;width:16%;height:100%;background:#67d4ae}.cpu em{font-style:normal}.hint{margin-left:auto}.toast{position:fixed;z-index:50;right:15px;bottom:40px;padding:9px 12px;border:1px solid #41443d;background:#1d1f1b;color:#d8dad3;font:500 9px DM Mono,monospace;opacity:0;transform:translateY(8px);pointer-events:none;transition:.16s ease}.toast.visible{opacity:1;transform:none}@media(max-width:900px){.studio{--browser: 0px;--editor: 168px}.project-name{display:none}.app-nav button{min-width:58px;padding:0 7px}.header-actions>.icon-button{display:none}.browser{position:fixed;z-index:20;top:calc(var(--header) + var(--transport));bottom:var(--status);left:0;width:224px;margin-left:-224px;box-shadow:8px 0 22px #00000059}.studio:not(.browser-closed) .browser{margin-left:0}.studio:not(.browser-closed):after{content:"";position:fixed;z-index:19;inset:calc(var(--header) + var(--transport)) 0 var(--status) 224px;background:#0006;pointer-events:none}.workspace{grid-template-columns:1fr}.clip-editor{grid-template-columns:34px minmax(450px,1fr);overflow-x:auto}.device-controls,.save-status,.master-volume{display:none}.view-header,.member-strip{padding-left:24px;padding-right:24px}.project-metrics span{padding:0 24px}.plans-intro{padding-left:24px;padding-right:24px}}@media(max-width:640px){.studio{--header: 46px;--transport: 58px;--editor: 140px}.app-header{gap:6px;padding:0 7px}.brand{gap:6px;font-size:10px}.brand-mark{width:17px;height:18px}.project-name,.header-actions>.icon-button,.avatar,.share-button{display:none}.app-nav{min-width:0;overflow-x:auto}.app-nav button{min-width:45px;padding:0 4px;font-size:6px}.save-button{height:25px;padding:0 8px;font-size:7px}.transport{padding:0 5px;gap:2px}.transport-left{padding-right:3px;gap:0}.transport-left>.icon-button:first-child,.record-button{display:none}.play-button{width:35px;height:35px}.time-display{width:65px;margin-left:5px}.time-display strong{font-size:13px}.tempo-control{padding-left:8px;grid-template-columns:39px 20px}.meter-control,.master-meter,.transport>.icon-button:last-child{display:none}.arrangement-tools{padding:0 5px}.tool:nth-of-type(2),.tool:nth-of-type(3),.tool-divider,.zoom-control,.arrangement-label b,.automation-button{display:none}.view-switch button{padding:0 5px}.timeline{--head-width: 142px;--lane-width: 1280px}.track-head{grid-template-columns:6px minmax(0,1fr) 45px;padding-left:6px}.track-buttons button{width:19px}.editor-tabs>span{display:none}.editor-tabs .inspector-command{margin-left:4px;padding:0 6px;font-size:6px}.editor-tabs .inspector-command:first-of-type{margin-left:auto}.editor-tabs [data-duplicate-selected],.hint{display:none}.status-bar{gap:12px}.status-bar>span:last-child{margin-left:auto}.view-header{min-height:112px;align-items:flex-end;padding:18px 16px}.view-header h1{font-size:28px}.view-header p{max-width:270px;font-size:9px}.view-actions{flex-direction:column}.view-actions button{height:28px}.member-strip{padding:10px 16px}.member-strip span{max-width:190px}.project-metrics{grid-template-columns:repeat(2,1fr)}.project-metrics span{min-height:50px;padding:0 16px;border-bottom:1px solid #30332d}.project-grid{grid-template-columns:1fr}.journal-signal{display:none}.journal-layout{display:block}.post-list{border-right:0}.post-list>button{min-height:75px}.post-reader{padding:28px 20px 50px;border-top:1px solid #353831}.post-reader h2{font-size:28px}.plans-intro{min-height:100px;display:block;padding:18px 16px}.plans-intro strong{display:block;margin-bottom:12px;font-size:16px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:340px}.plans-footnote{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}