/*! tailwindcss v4.3.0 | 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)))){:root,:host{--bg:oklch(95.5% .014 105);--bg-2:oklch(92.5% .017 105);--surface:oklch(97.5% .01 105);--surface-2:oklch(93.5% .018 108);--surface-3:oklch(89% .024 110);--border:oklch(82.5% .018 108);--border-strong:oklch(70.5% .026 110);--fg:oklch(23.5% .018 105);--fg-mut:oklch(50% .018 105);--fg-dim:oklch(36.5% .018 105);--fg-faint:oklch(61% .016 105);--accent:oklch(56% .072 135);--accent-soft:oklch(89% .044 135);--accent-line:oklch(64% .07 135);--cyan:oklch(56% .05 210);--cyan-soft:oklch(56% .05 210/.14);--violet:oklch(50% .055 305);--violet-soft:oklch(50% .055 305/.12);--background:oklch(95.5% .014 105);--foreground:oklch(23.5% .018 105)}*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background:var(--bg);color:var(--fg)}html{font-size:var(--font-size)}h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4,label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.z-\[30\]{z-index:30}.m-0{margin:calc(var(--spacing) * 0)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-full{width:100%}.max-w-\[720px\]{max-width:720px}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.p-5{padding:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-inherit{color:inherit}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.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))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}:root{--font-size:16px;--bg:oklch(95.5% .014 105);--bg-2:oklch(92.5% .017 105);--surface:oklch(97.5% .01 105);--surface-2:oklch(93.5% .018 108);--surface-3:oklch(89% .024 110);--border:oklch(82.5% .018 108);--border-strong:oklch(70.5% .026 110);--fg:oklch(23.5% .018 105);--fg-dim:oklch(36.5% .018 105);--fg-mut:oklch(50% .018 105);--fg-faint:oklch(61% .016 105);--accent:oklch(56% .072 135);--accent-soft:oklch(89% .044 135);--accent-line:oklch(64% .07 135);--info:oklch(56% .05 210);--cyan:var(--info);--cyan-soft:var(--info)}@supports (color:color-mix(in lab, red, red)){:root{--cyan-soft:color-mix(in oklch, var(--info) 14%, transparent)}}:root{--info-soft:var(--cyan-soft);--violet:oklch(50% .055 305);--violet-soft:var(--violet)}@supports (color:color-mix(in lab, red, red)){:root{--violet-soft:color-mix(in oklch, var(--violet) 12%, transparent)}}:root{--ok:oklch(56% .072 145);--warn:oklch(66.5% .105 75);--danger:oklch(56% .125 28);--on-surface:var(--fg);--on-panel:var(--fg);--on-accent:oklch(98% .006 105);--on-danger:oklch(98% .006 105);--on-info:oklch(98% .006 105);--on-warning:oklch(23.5% .018 105);--lane-main:var(--accent);--lane-sub:var(--cyan);--lane-bass:var(--violet);--lane-aux:oklch(55% .02 105);--awen-title-bar-height:36px;--awen-toolbar-bar-height:32px;--awen-section-bar-height:28px;--awen-layers-panel-width:clamp(14rem, 18vw, 20rem);--awen-workspace-primary-min-height:min(42dvh, 22rem);--awen-workspace-secondary-max-height:min(36dvh, 24rem);--awen-workspace-toolbar-chip-max-width:min(14rem, 42vw);--awen-workspace-toolbar-select-max-width:11rem;--awen-chrome-pad-x:.5rem;--awen-chrome-pad-y:.125rem;--awen-chrome-gap:.5rem;--awen-chrome-gap-tight:.25rem;--awen-radius-xs:4px;--awen-radius-sm:8px;--awen-radius-md:10px;--awen-radius-lg:12px;--awen-radius-xl:14px;--awen-radius-full:9999px;--awen-radius-control:var(--awen-radius-md);--awen-radius-panel:var(--awen-radius-lg);--awen-radius-canvas:var(--awen-radius-sm);--awen-shadow-soft:0 8px 24px oklch(0% 0 0/.16);--awen-shadow-focus:0 0 0 1px var(--accent-line);--awen-control-bg:var(--surface-2);--awen-control-bg-hover:var(--surface-3);--awen-control-border:var(--border);--awen-control-border-active:var(--border-strong);--awen-panel-bg:var(--surface);--awen-panel-muted-bg:var(--bg-2);--awen-canvas-bg:var(--bg);--awen-swatch-border:var(--border);--awen-selected-bg:var(--surface-3);--awen-selected-border:var(--border-strong);--awen-selected-ring:0 0 0 1px var(--awen-selected-border);--awen-layout-guide-border:var(--info);--awen-layout-guide-bg:var(--info-soft);--awen-layout-guide-label-bg:var(--info);--awen-layout-guide-label-fg:var(--bg);--awen-layout-guide-shadow:0 0 0 1px var(--bg);--awen-layout-guide-radius:var(--awen-radius-xs);--workspace-dye-accent:var(--accent);--workspace-dye-accent-soft:var(--workspace-dye-accent)}@supports (color:color-mix(in lab, red, red)){:root{--workspace-dye-accent-soft:color-mix(in oklch, var(--workspace-dye-accent) 14%, transparent)}}:root{--workspace-dye-selected-ring:0 0 0 1px var(--workspace-dye-accent);--awen-text-title:11px;--awen-text-menu:12px;--awen-text-toolbar:12px;--awen-text-section:11px;--awen-text-caption:10px;--awen-text-body:12px;--awen-control-font-size:12px;--awen-control-line-height:1.2;--awen-control-font-weight:500;--awen-control-min-height:24px;--awen-home-title-size:28px;--awen-home-description-size:13px;--awen-workspace-title-size:15px;--awen-workspace-description-size:12px;--scrollbar-size:7px;--scrollbar-track:transparent;--scrollbar-thumb:oklch(80% .016 108/.42);--scrollbar-thumb-hover:oklch(74% .018 108/.58);--scrollbar-thumb-active:oklch(68% .02 110/.68);--background:var(--bg);--foreground:var(--fg);--card:var(--surface);--card-foreground:var(--fg);--popover:var(--surface);--popover-foreground:var(--fg);--primary:var(--accent);--primary-foreground:var(--on-accent);--secondary:var(--surface-2);--secondary-foreground:var(--fg);--muted:var(--surface-2);--muted-foreground:var(--fg-mut);--accent-foreground:var(--fg);--destructive:var(--danger);--destructive-foreground:var(--on-danger);--input:var(--border);--input-background:var(--bg-2);--switch-background:var(--surface-3);--font-weight-medium:500;--font-weight-normal:400;--ring:var(--accent);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--radius:var(--awen-radius-md);--sidebar:var(--bg-2);--sidebar-foreground:var(--fg);--sidebar-primary:var(--accent);--sidebar-primary-foreground:var(--on-accent);--sidebar-accent:var(--surface-2);--sidebar-accent-foreground:var(--fg);--sidebar-border:var(--border);--sidebar-ring:var(--accent)}@media (pointer:coarse){:root{--awen-toolbar-bar-height:40px;--awen-section-bar-height:36px;--awen-control-min-height:40px}}.dark{--bg:oklch(14.5% .01 105);--bg-2:oklch(18% .012 105);--surface:oklch(20.5% .013 105);--surface-2:oklch(24.5% .015 108);--surface-3:oklch(29% .018 110);--border:oklch(31.5% .014 108);--border-strong:oklch(40.5% .02 110);--fg:oklch(87.5% .012 105);--fg-dim:oklch(74% .013 105);--fg-mut:oklch(61% .013 105);--fg-faint:oklch(48.5% .012 105);--accent:oklch(72% .07 135);--accent-soft:oklch(27% .04 135);--accent-line:oklch(61% .062 135);--info:oklch(72% .052 210);--cyan:var(--info);--cyan-soft:var(--info)}@supports (color:color-mix(in lab, red, red)){.dark{--cyan-soft:color-mix(in oklch, var(--info) 16%, transparent)}}.dark{--info-soft:var(--cyan-soft);--violet:oklch(68% .06 305);--violet-soft:var(--violet)}@supports (color:color-mix(in lab, red, red)){.dark{--violet-soft:color-mix(in oklch, var(--violet) 16%, transparent)}}.dark{--ok:oklch(70% .07 145);--warn:oklch(73.5% .1 75);--danger:oklch(69% .115 28);--on-accent:oklch(14.5% .01 105);--on-danger:oklch(14.5% .01 105);--on-info:oklch(14.5% .01 105);--on-warning:oklch(14.5% .01 105);--lane-main:var(--accent);--lane-sub:var(--cyan);--lane-bass:var(--violet);--lane-aux:oklch(55% .018 105);--scrollbar-track:transparent;--scrollbar-thumb:oklch(34% .014 108/.55);--scrollbar-thumb-hover:oklch(40% .016 108/.72);--scrollbar-thumb-active:oklch(46% .018 110/.82);--awen-shadow-soft:0 8px 24px oklch(0% 0 0/.32);--background:var(--bg);--foreground:var(--fg);--card:var(--surface);--card-foreground:var(--fg);--popover:var(--surface);--popover-foreground:var(--fg);--primary:var(--accent);--primary-foreground:var(--on-accent);--secondary:var(--surface-2);--secondary-foreground:var(--fg);--muted:var(--surface-2);--muted-foreground:var(--fg-mut);--accent-foreground:var(--fg);--destructive:var(--danger);--destructive-foreground:var(--on-danger);--input:var(--border);--input-background:var(--bg-2);--switch-background:var(--surface-3);--ring:var(--accent);--font-weight-medium:500;--font-weight-normal:400;--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:var(--bg-2);--sidebar-foreground:var(--fg);--sidebar-primary:var(--accent);--sidebar-primary-foreground:var(--on-accent);--sidebar-accent:var(--surface-2);--sidebar-accent-foreground:var(--fg);--sidebar-border:var(--border);--sidebar-ring:var(--accent)}@property --bg{syntax:"<color>";inherits:true;initial-value:oklch(95.5% .014 105)}@property --bg-2{syntax:"<color>";inherits:true;initial-value:oklch(92.5% .017 105)}@property --surface{syntax:"<color>";inherits:true;initial-value:oklch(97.5% .01 105)}@property --surface-2{syntax:"<color>";inherits:true;initial-value:oklch(93.5% .018 108)}@property --surface-3{syntax:"<color>";inherits:true;initial-value:oklch(89% .024 110)}@property --border{syntax:"<color>";inherits:true;initial-value:oklch(82.5% .018 108)}@property --border-strong{syntax:"<color>";inherits:true;initial-value:oklch(70.5% .026 110)}@property --fg{syntax:"<color>";inherits:true;initial-value:oklch(23.5% .018 105)}@property --fg-mut{syntax:"<color>";inherits:true;initial-value:oklch(50% .018 105)}@property --fg-dim{syntax:"<color>";inherits:true;initial-value:oklch(36.5% .018 105)}@property --fg-faint{syntax:"<color>";inherits:true;initial-value:oklch(61% .016 105)}@property --accent{syntax:"<color>";inherits:true;initial-value:oklch(56% .072 135)}@property --accent-soft{syntax:"<color>";inherits:true;initial-value:oklch(89% .044 135)}@property --accent-line{syntax:"<color>";inherits:true;initial-value:oklch(64% .07 135)}@property --cyan{syntax:"<color>";inherits:true;initial-value:oklch(56% .05 210)}@property --cyan-soft{syntax:"<color>";inherits:true;initial-value:oklch(56% .05 210/.14)}@property --violet{syntax:"<color>";inherits:true;initial-value:oklch(50% .055 305)}@property --violet-soft{syntax:"<color>";inherits:true;initial-value:oklch(50% .055 305/.12)}@property --background{syntax:"<color>";inherits:true;initial-value:oklch(95.5% .014 105)}@property --foreground{syntax:"<color>";inherits:true;initial-value:oklch(23.5% .018 105)}html.awen-effects-off.theme-transition{transition:none!important}html.theme-transition:not(.awen-effects-off){transition:--bg .24s ease-in-out,--bg-2 .24s ease-in-out,--surface .24s ease-in-out,--surface-2 .24s ease-in-out,--surface-3 .24s ease-in-out,--border .24s ease-in-out,--border-strong .24s ease-in-out,--fg .24s ease-in-out,--fg-mut .24s ease-in-out,--fg-dim .24s ease-in-out,--fg-faint .24s ease-in-out,--accent .24s ease-in-out,--accent-soft .24s ease-in-out,--accent-line .24s ease-in-out,--cyan .24s ease-in-out,--cyan-soft .24s ease-in-out,--violet .24s ease-in-out,--violet-soft .24s ease-in-out,--background .24s ease-in-out,--foreground .24s ease-in-out}@media (prefers-reduced-motion:reduce){html.theme-transition{transition:none!important}}html,body,#root{background:var(--bg);color:var(--fg)}html:not(.awen-effects-off) button,html:not(.awen-effects-off) nav button,html:not(.awen-effects-off) [role=group]>button,html:not(.awen-effects-off) [role=group]>a,html:not(.awen-effects-off) a.awen-workspace-card{transition-property:background-color,color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:ease}@media (prefers-reduced-motion:reduce){button,nav button,[role=group]>button,[role=group]>a,a.awen-workspace-card{transition:none}}.awen-text-mut{color:var(--fg-mut)}.awen-text-dim{color:var(--fg-dim)}.awen-text-faint{color:var(--fg-faint)}.awen-text-strong{color:var(--fg)}.awen-text-accent{color:var(--accent)}.awen-sep{color:var(--border-strong)}.awen-type-title{font-size:var(--awen-text-title);font-weight:500}.awen-type-menu{font-size:var(--awen-text-menu)}.awen-type-toolbar{font-size:var(--awen-text-toolbar)}.awen-type-section{font-size:var(--awen-text-section)}.awen-type-caption{font-size:var(--awen-text-caption)}.awen-type-body{font-size:var(--awen-text-body)}.awen-chrome-row{align-items:center;gap:var(--awen-chrome-gap);min-width:0;padding-inline:var(--awen-chrome-pad-x);display:flex}.awen-chrome-row--wrap{row-gap:var(--awen-chrome-gap-tight);flex-wrap:wrap}.awen-chrome-row--dense{gap:var(--awen-chrome-gap-tight)}.awen-title-actions{align-items:center;gap:var(--awen-chrome-gap);flex-wrap:wrap;justify-content:flex-end;min-width:0;margin-left:auto;display:flex}.awen-footer-debug{align-items:center;gap:var(--awen-chrome-gap);flex-shrink:0;margin-left:auto;display:flex}.awen-footer-debug__label{font-size:var(--awen-text-section);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-faint);flex-shrink:0;font-weight:500}.awen-app{background:var(--bg);color:var(--fg)}.awen-chrome-header{border-bottom:1px solid var(--border);background:var(--bg-2)}.awen-title-bar{min-height:var(--awen-title-bar-height);flex-shrink:0}.awen-menu-bar{height:var(--awen-toolbar-bar-height);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.awen-option-bar{height:var(--awen-toolbar-bar-height);min-height:var(--awen-toolbar-bar-height);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.awen-section-bar{height:var(--awen-section-bar-height);min-height:var(--awen-section-bar-height);border-bottom:1px solid var(--border);background:var(--bg-2);color:var(--fg-dim);padding-inline:var(--awen-chrome-pad-x)}.awen-section-bar__label{font-size:var(--awen-text-section);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:.375rem;font-weight:500;display:inline-flex}.awen-section-bar__status{flex:1 1 0;align-items:center;min-width:0;display:flex}.awen-section-bar__trailing{font-size:var(--awen-text-section);color:var(--fg-faint);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;overflow:hidden}.awen-layers-panel{border-left:1px solid var(--border);background:var(--bg-2)}.awen-footer-bar{height:var(--awen-section-bar-height);align-items:center;gap:var(--awen-chrome-gap);padding-inline:var(--awen-chrome-pad-x);font-size:var(--awen-text-section);border-top:1px solid var(--border);background:var(--bg-2);color:var(--fg-dim);flex-shrink:0;display:flex}.awen-document-status{font-size:var(--awen-text-section);color:var(--fg-dim)}.awen-surface-panel{background:var(--awen-panel-bg)}.awen-section-placeholder{font-size:var(--awen-text-body);color:var(--fg-faint)}.awen-layer-list{min-height:0;padding-block:var(--awen-chrome-gap-tight);flex-direction:column;display:flex}.awen-layer-panel-footer{margin-inline:var(--awen-chrome-pad-x);margin-bottom:var(--awen-chrome-pad-x);padding-top:var(--awen-chrome-pad-x);border-top:1px solid var(--border)}.awen-layer-panel-footer__title{margin-bottom:var(--awen-chrome-gap-tight);font-size:var(--awen-text-caption);color:var(--fg-faint)}.awen-layer-panel-footer__value{font-size:var(--awen-text-section);color:var(--fg-dim)}.awen-section-tabs{gap:var(--awen-chrome-gap-tight);flex-shrink:0;margin-left:auto;display:flex}.awen-section-tab{border-radius:var(--awen-radius-control);font-size:var(--awen-text-toolbar);color:var(--fg-faint);background:0 0;padding:0 .375rem}.awen-section-tab[data-active=true]{color:var(--fg);background:var(--awen-selected-bg)}.awen-main-section{border-bottom:1px solid var(--border);background:var(--bg)}.awen-route-fallback{background:var(--bg);color:var(--fg-mut)}.awen-link-ghost:focus-visible,.awen-btn-menu:focus-visible,.awen-menu-item:focus-visible,.awen-btn-tool:focus-visible,.awen-segment-item:focus-visible,.awen-layer-visibility:focus-visible,.awen-section-tab:focus-visible,a.awen-workspace-card:focus-visible,.awen-layer-row:focus-visible,.awen-surface-panel input:focus-visible,.awen-surface-panel select:focus-visible,.awen-surface-panel textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.awen-skip-link{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.awen-skip-link:focus-visible{top:var(--awen-chrome-pad-x);left:var(--awen-chrome-pad-x);z-index:100;width:auto;height:auto;padding:var(--awen-chrome-pad-y) var(--awen-chrome-pad-x);clip:auto;white-space:normal;font-size:var(--awen-text-body);color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--awen-radius-control);outline:2px solid var(--accent);outline-offset:2px;margin:0;position:fixed;overflow:visible}.awen-link-ghost{padding:var(--awen-chrome-pad-y) .375rem;font-size:var(--awen-text-title);color:var(--fg-mut);border-radius:var(--awen-radius-control);background:0 0}.awen-link-ghost:hover{background:var(--surface-2);color:var(--fg)}.awen-btn-menu{padding:var(--awen-chrome-pad-y) var(--awen-chrome-pad-x);font-size:var(--awen-text-menu);color:var(--fg-mut);border-radius:var(--awen-radius-control);background:0 0}.awen-btn-menu:hover{background:var(--surface-2);color:var(--fg)}.awen-btn-menu--open{background:var(--surface-3);color:var(--fg);border:1px solid var(--border-strong)}.awen-menu-panel{z-index:60;border:1px solid var(--border-strong);border-radius:var(--awen-radius-panel);background:var(--surface);min-width:9.5rem;box-shadow:var(--awen-shadow-soft);padding:.25rem;position:absolute;top:calc(100% + 2px);left:0}.awen-menu-item{width:100%;padding:.35rem var(--awen-chrome-pad-x);border-radius:var(--awen-radius-control);text-align:left;font-size:var(--awen-text-body);color:var(--fg);background:0 0;align-items:center;display:flex}.awen-menu-item:hover{background:var(--surface-2)}.awen-menu-sep{background:var(--border);height:1px;margin:.2rem .25rem}.awen-menu-empty{padding:.35rem var(--awen-chrome-pad-x);font-size:var(--awen-text-section);color:var(--fg-faint);margin:0}.awen-btn-tool{min-height:var(--awen-control-min-height);padding:var(--awen-chrome-pad-y) var(--awen-chrome-pad-x);font-size:var(--awen-text-toolbar);color:var(--fg-dim);background:var(--awen-control-bg);border:1px solid var(--awen-control-border);border-radius:var(--awen-radius-control)}.awen-btn-tool:hover:not([aria-pressed=true]){color:var(--fg);background:var(--awen-control-bg-hover)}.awen-btn-tool[aria-pressed=true]{color:var(--fg);background:var(--awen-selected-bg);border-color:var(--awen-control-border-active)}.awen-chip{padding:var(--awen-chrome-pad-y) var(--awen-chrome-pad-x);font-size:var(--awen-text-toolbar);background:var(--surface-2);color:var(--fg-mut);border-radius:var(--awen-radius-sm)}.awen-chip--mono{font-family:ui-monospace,monospace}.awen-toolbar-trailing{font-size:var(--awen-text-toolbar);color:var(--fg-faint);flex-shrink:0;margin-left:auto}.awen-segment-group{border:1px solid var(--border);background:var(--awen-panel-muted-bg);border-radius:var(--awen-radius-control);padding:var(--awen-chrome-pad-y)}.awen-segment-icon{color:var(--fg-faint)}.awen-segment-item{min-height:var(--awen-control-min-height);padding:var(--awen-chrome-pad-y) var(--awen-chrome-pad-x);font-size:var(--awen-text-toolbar);color:var(--fg-dim);border-radius:var(--awen-radius-control);background:0 0;border:1px solid #0000;font-weight:500}.awen-segment-item:hover:not([aria-pressed=true]){color:var(--fg);background:var(--surface-2)}.awen-segment-item[aria-pressed=true]{color:var(--fg);background:var(--awen-selected-bg);border-color:var(--awen-control-border-active)}.awen-segment-item[aria-pressed=true]:not(.awen-segment-item--effects){color:var(--fg)}.awen-segment-item--effects[aria-pressed=true]{color:var(--accent)}.awen-layer-visibility{width:1.25rem;height:1.25rem;color:var(--fg-faint);border-radius:var(--awen-radius-xs);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.awen-layer-visibility:hover{color:var(--fg-dim);background:var(--surface-2);border-color:var(--border)}.awen-layer-visibility[aria-pressed=true]{color:var(--fg-dim)}.awen-badge{padding:var(--awen-chrome-pad-y) var(--awen-chrome-pad-x);font-size:var(--awen-text-caption);letter-spacing:.05em;border-radius:var(--awen-radius-sm);background:var(--awen-badge-color,var(--fg-dim));flex-shrink:0;font-weight:500}@supports (color:color-mix(in lab, red, red)){.awen-badge{background:color-mix(in oklch, var(--awen-badge-color,var(--fg-dim)) 13%, transparent)}}.awen-badge{color:var(--awen-badge-color,var(--fg-dim))}.awen-workspace-card{border:1px solid var(--border);background:var(--awen-panel-bg);border-radius:var(--awen-radius-panel);min-height:10.5rem}.awen-workspace-card:hover{border-color:var(--awen-selected-border);background:var(--awen-control-bg)}.awen-home-title{font-size:var(--awen-home-title-size);letter-spacing:0;margin:0;font-weight:600}.awen-home-description{max-width:420px;font-size:var(--awen-home-description-size);word-break:keep-all;margin:0 auto;line-height:1.6}.awen-ws-icon{background:var(--awen-ws-accent-soft,var(--accent-soft));color:var(--awen-ws-accent,var(--accent));border-radius:var(--awen-radius-control)}.awen-ws-title{font-size:var(--awen-workspace-title-size);margin:0 0 .375rem;font-weight:500}.awen-ws-description{font-size:var(--awen-workspace-description-size);word-break:keep-all;flex:1 1 0;margin-bottom:1rem;line-height:1.6}.awen-ws-cta{color:var(--awen-ws-accent,var(--accent))}.awen-home-cards-grid{gap:calc(var(--awen-chrome-gap) * 2)}.awen-layer-panel-empty{padding:calc(var(--awen-chrome-pad-x) * 1.5) var(--awen-chrome-pad-x);font-size:var(--awen-text-body);color:var(--fg-faint);margin:0}.awen-dense-list{font-size:var(--awen-text-caption);margin:0;padding-left:1rem;line-height:1.35;list-style:outside}.awen-dense-code{padding:var(--awen-chrome-gap-tight);font-size:var(--awen-text-caption);margin:0;font-family:ui-monospace,monospace;line-height:1.35}.awen-layer-row{min-height:var(--awen-control-min-height);padding:var(--awen-chrome-gap-tight) var(--awen-chrome-pad-x);font-size:var(--awen-text-body);color:var(--fg-mut);background:0 0;align-items:center;gap:.375rem;display:flex}.awen-layer-row[data-active=true]{color:var(--fg);background:var(--awen-selected-bg)}.awen-layer-row[data-visible=false]{opacity:.72}.awen-layer-swatch{border:1px solid var(--awen-swatch-border);border-radius:var(--awen-radius-sm);background:var(--surface-2)}.awen-layer-row[data-active=true] .awen-layer-swatch{background:var(--accent-soft)}.awen-layer-row__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.awen-app{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.awen-app-body{flex:auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.awen-app-body--with-layers{grid-template-columns:minmax(0, 1fr) minmax(0, var(--awen-layers-panel-width))}.awen-workspace-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.awen-workspace-frame,.awen-workspace-stack{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.awen-workspace-primary{min-width:0;min-height:var(--awen-workspace-primary-min-height);flex:auto;overflow:hidden}.awen-workspace-secondary{min-width:0;min-height:0;max-height:var(--awen-workspace-secondary-max-height);flex:0 auto;overflow:hidden}.awen-workspace-scroll-panel{flex:auto;min-height:0;overflow:auto}.awen-layers-panel{min-width:0;min-height:0;width:var(--awen-layers-panel-width);flex-direction:column;max-width:100%;display:flex;overflow:hidden}.awen-layers-panel__chrome,.awen-layers-panel__body,.awen-layer-panel-content{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.awen-title-bar.awen-chrome-row--wrap{min-height:var(--awen-title-bar-height);flex-wrap:nowrap;align-items:center;height:auto}.awen-title-bar>h1{flex:1 1 0;min-width:0}.awen-workspace-header-actions{justify-content:flex-end;align-items:center;gap:var(--awen-chrome-gap-tight);flex-wrap:nowrap;flex:0 auto;min-width:0;display:flex}.awen-title-actions{align-items:center;gap:var(--awen-chrome-gap);flex-wrap:nowrap;flex:0 auto;min-width:0;display:flex}.awen-section-bar{gap:var(--awen-chrome-gap-tight);flex-wrap:nowrap;overflow:hidden}.awen-section-bar__status{overflow:hidden}.awen-section-bar__trailing{margin-left:auto}.awen-section-bar .awen-section-tabs{flex-shrink:0}.awen-document-status{align-items:center;gap:var(--awen-chrome-gap-tight);flex:1 1 0;min-width:0;display:flex;overflow:hidden}.awen-document-status__segment{align-items:center;gap:var(--awen-chrome-gap-tight);flex-shrink:1;min-width:0;display:inline-flex}.awen-document-status__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.awen-document-status__trailing{white-space:nowrap;flex-shrink:0;margin-left:auto}.awen-option-bar.awen-workspace-toolbar{height:auto}.awen-workspace-toolbar{align-content:center;align-items:center;row-gap:var(--awen-chrome-gap-tight);height:auto;min-height:var(--awen-toolbar-bar-height);flex-wrap:wrap}.awen-workspace-toolbar__leading{min-width:0;max-width:var(--awen-workspace-toolbar-chip-max-width);flex:0 auto;align-items:center;display:inline-flex}.awen-workspace-toolbar__leading.awen-chip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.awen-workspace-toolbar__main{align-items:center;gap:var(--awen-chrome-gap-tight);flex-wrap:wrap;flex:none;display:flex}.awen-workspace-toolbar__trailing{justify-content:flex-end;align-items:center;gap:var(--awen-chrome-gap);flex-wrap:wrap;flex:8rem;min-width:0;margin-left:auto;display:flex}.awen-workspace-toolbar__trailing .awen-select{max-width:var(--awen-workspace-toolbar-select-max-width);min-width:0}.awen-workspace-toolbar__meta{white-space:nowrap;flex-shrink:0}@media (width<=56.25rem){.awen-app-body--with-layers{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.awen-layers-panel{border-left:none;border-top:1px solid var(--border);width:100%;max-width:none;max-height:min(32dvh,16rem)}.awen-title-bar.awen-chrome-row--wrap{padding-block:var(--awen-chrome-pad-y);flex-wrap:wrap}.awen-workspace-header-actions{flex-wrap:wrap}}@media (width<=26.875rem){.awen-workspace-secondary{max-height:min(40dvh,18rem)}.awen-workspace-toolbar__trailing{flex-basis:100%;justify-content:flex-start;margin-left:0}}.awen-panel{background:var(--awen-panel-bg);border:1px solid var(--border);border-radius:var(--awen-radius-panel)}.awen-panel-muted{background:var(--awen-panel-muted-bg);border:1px solid var(--border);border-radius:var(--awen-radius-panel)}.awen-surface{background:var(--surface)}.awen-canvas{background:var(--awen-canvas-bg);border:1px solid var(--border);border-radius:var(--awen-radius-canvas)}.awen-control{color:var(--fg-dim);background:var(--awen-control-bg);border:1px solid var(--awen-control-border);border-radius:var(--awen-radius-control);font-size:var(--awen-control-font-size);line-height:var(--awen-control-line-height);font-weight:var(--awen-control-font-weight);min-height:var(--awen-control-min-height);box-sizing:border-box}.awen-control:hover:not(:disabled){color:var(--fg);background:var(--awen-control-bg-hover)}.awen-control[data-active=true],.awen-control[aria-pressed=true]{color:var(--fg);background:var(--awen-selected-bg);border-color:var(--awen-control-border-active)}.awen-control:disabled{opacity:.45;cursor:not-allowed}.awen-input,.awen-select{color:var(--fg);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--awen-radius-control);font-size:var(--awen-control-font-size);line-height:var(--awen-control-line-height);font-weight:var(--awen-control-font-weight);min-height:var(--awen-control-min-height);padding-inline:var(--awen-chrome-pad-x);box-sizing:border-box;padding-block:.125rem}.awen-chip,.awen-badge{border-radius:var(--awen-radius-sm)}.awen-swatch{border:1px solid var(--awen-swatch-border);border-radius:var(--awen-radius-sm);background:var(--surface-2)}.awen-swatch[data-selected=true]{border-color:var(--awen-selected-border);box-shadow:var(--awen-selected-ring)}.awen-row-selected{color:var(--fg);background:var(--awen-selected-bg)}.awen-code-block{color:var(--fg);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--awen-radius-md)}.awen-focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.awen-progress-track{background:var(--surface);border-radius:var(--awen-radius-full);overflow:hidden}.awen-progress-fill{background:var(--awen-progress-bg,var(--accent));border-radius:var(--awen-radius-full);height:100%}.awen-grid-overlay{background-image:repeating-linear-gradient(90deg, var(--border) 0, var(--border) 1px, transparent 1px, transparent 48px), repeating-linear-gradient(0deg, var(--border) 0, var(--border) 1px, transparent 1px, transparent 24px)}.awen-file-input-hidden{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:fixed;inset-block-start:0;inset-inline-start:-10000px;overflow:hidden}.awen-scroll{scrollbar-gutter:auto;scrollbar-width:none}.awen-scroll:hover,.awen-scroll:focus-within{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.awen-scroll::-webkit-scrollbar{width:0;height:0}.awen-scroll:hover::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.awen-scroll:focus-within::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.awen-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--awen-radius-full)}.awen-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--awen-radius-full);background-clip:padding-box;border:1px solid #0000}.awen-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.awen-scroll::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:padding-box}.awen-scroll::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.awen-scroll--gutter-stable{scrollbar-gutter:stable}.awen-scroll--x-always{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow:scroll hidden}.awen-scroll--x-always::-webkit-scrollbar{width:0;height:var(--scrollbar-size)}.awen-scroll--x-always::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--awen-radius-full)}.awen-scroll--x-always::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--awen-radius-full);background-clip:padding-box;border:1px solid #0000}.awen-scroll--x-always::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.awen-scroll--x-always::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.awen-piano-roll{--piano-key-column-bg:var(--bg-2);--piano-key-column-border:var(--border);--piano-key-white-bg:var(--surface);--piano-key-white-bg-alt:var(--surface)}@supports (color:color-mix(in lab, red, red)){.awen-piano-roll{--piano-key-white-bg-alt:color-mix(in oklch, var(--surface) 82%, var(--bg-2))}}.awen-piano-roll{--piano-key-black-bg:oklch(25% .018 105);--piano-key-black-border:var(--piano-key-border)}@supports (color:color-mix(in lab, red, red)){.awen-piano-roll{--piano-key-black-border:color-mix(in oklch, var(--piano-key-border) 70%, transparent)}}.awen-piano-roll{--piano-key-black-shadow:0 1px 2px oklch(0% 0 0/.28);--piano-key-border:var(--border);--piano-key-label-fg:var(--fg-faint);--piano-octave-label-size:var(--awen-text-caption);--piano-key-radius:var(--awen-radius-xs);--piano-key-active-inset-shadow:inset 0 0 0 1px var(--accent-line);--piano-key-active-shadow:0 0 0 1px var(--accent-line);--piano-note-radius:var(--awen-radius-xs);--piano-note-bg:var(--accent);--piano-note-opacity:.55;--piano-note-sounding-opacity:.95;--piano-grid-row-color:var(--border);--piano-grid-octave-color:var(--border-strong);--piano-grid-beat-color:var(--border);--piano-grid-bar-color:var(--border-strong);--piano-grid-row-opacity:.24;--piano-grid-octave-opacity:.48;--piano-grid-beat-opacity:.34;--piano-grid-bar-opacity:.58;--piano-playhead-width:2px;--piano-playhead-bg:var(--accent-line);--piano-playhead-shadow:0 0 6px var(--accent-soft);background:var(--bg)}.dark .awen-piano-roll{--piano-key-black-bg:oklch(9% .01 105);--piano-key-black-border:var(--fg-faint)}@supports (color:color-mix(in lab, red, red)){.dark .awen-piano-roll{--piano-key-black-border:color-mix(in oklch, var(--fg-faint) 28%, transparent)}}.dark .awen-piano-roll{--piano-key-black-shadow:0 1px 2px oklch(0% 0 0/.35);--piano-grid-row-opacity:.28;--piano-grid-octave-opacity:.52;--piano-grid-beat-opacity:.38;--piano-grid-bar-opacity:.62}.awen-piano-roll__grid-stack{isolation:isolate}.awen-piano-roll__grid-static{z-index:0;contain:layout style paint}.awen-piano-roll__grid-notes{z-index:1;contain:layout style paint}.awen-piano-roll__playhead-layer{z-index:2;contain:layout style;will-change:left}.awen-piano-roll__grid{background:var(--awen-canvas-bg);outline-color:var(--accent-line)}.awen-piano-grid-row{border-color:var(--piano-grid-row-color)}.awen-piano-grid-row[data-octave=true]{border-color:var(--piano-grid-octave-color);opacity:var(--piano-grid-octave-opacity)}.awen-piano-grid-row:not([data-octave=true]){opacity:var(--piano-grid-row-opacity)}.awen-piano-grid-beat,.awen-piano-grid-bar{width:1px;position:absolute;inset-block:0}.awen-piano-grid-beat{background:var(--piano-grid-beat-color)}.awen-piano-grid-bar{background:var(--piano-grid-bar-color)}.awen-piano-keys{border-color:var(--piano-key-column-border);background:var(--piano-key-column-bg);position:relative;overflow:hidden}.awen-piano-keys__white-layer{z-index:0;height:100%;display:grid;position:relative}.awen-piano-keys__black-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.awen-piano-key-row{border-color:var(--piano-key-border)}.awen-piano-octave-label{font-family:ui-monospace,monospace;font-size:var(--piano-octave-label-size);color:var(--piano-key-label-fg);line-height:1}html[data-piano-seeking] [data-layout-guide-overlay]{opacity:0!important}.awen-piano-key--white{background:var(--piano-key-white-bg)}.awen-piano-key--white-alt,.awen-piano-key--ghost{background:var(--piano-key-white-bg-alt)}.awen-piano-key--black{border-radius:var(--piano-key-radius);background:var(--piano-key-black-bg);border:1px solid var(--piano-key-black-border);width:62%;box-shadow:var(--piano-key-black-shadow);position:absolute;right:2px}.awen-piano-key--active.awen-piano-key--white,.awen-piano-key--active.awen-piano-key--white-alt{background:var(--accent-soft);box-shadow:var(--piano-key-active-inset-shadow)}.awen-piano-key--active.awen-piano-key--black{background:var(--accent);box-shadow:var(--piano-key-active-shadow)}.awen-piano-note{border-radius:var(--piano-note-radius);background:var(--piano-note-bg);opacity:var(--piano-note-opacity);transition:none}.awen-piano-note--sounding{opacity:var(--piano-note-sounding-opacity);filter:brightness(1.15)}.awen-piano-playhead{width:var(--piano-playhead-width);margin-left:calc(var(--piano-playhead-width) * -.5);background:var(--piano-playhead-bg);box-shadow:var(--piano-playhead-shadow);left:0%}.awen-piano-roll__canvas{height:100%;min-height:0}.awen-piano-roll__scroll.awen-scroll--x-always{--awen-h-scrollbar-size:var(--piano-row-min-height)}.awen-piano-roll__scroll.awen-scroll--x-always::-webkit-scrollbar{width:0;height:var(--awen-h-scrollbar-size)}.awen-piano-roll__scroll.awen-scroll--x-always::-webkit-scrollbar-track{background:var(--scrollbar-track)}.awen-piano-roll__scroll.awen-scroll--x-always::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--awen-radius-full);background-clip:padding-box;border:1px solid #0000}.awen-piano-roll__scroll.awen-scroll--x-always::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.awen-piano-roll__scroll.awen-scroll--x-always::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.awen-piano-roll{-webkit-user-select:none;user-select:none}.mml-workspace-stack{--piano-row-min-height:9px;--piano-keys-min-height:calc(36 * var(--piano-row-min-height));--piano-roll-section-min-height:calc(var(--awen-section-bar-height) + var(--piano-keys-min-height))}.mml-piano-roll-section.awen-workspace-primary{min-height:max(var(--awen-workspace-primary-min-height), var(--piano-roll-section-min-height))}.mml-transport-toolbar__instrument{flex-direction:column;align-items:stretch;gap:.125rem;min-width:0;max-width:clamp(10rem,24vw,18rem);display:inline-flex}.mml-instrument-select{width:100%;min-width:0;font-size:var(--awen-control-font-size);line-height:var(--awen-control-line-height);font-weight:var(--awen-control-font-weight)}.awen-dye-workspace{--awen-progress-bg:var(--workspace-dye-accent);--awen-selected-border:var(--workspace-dye-accent);--awen-selected-ring:var(--workspace-dye-selected-ring)}.awen-dye-swatch-panel{padding:var(--awen-chrome-pad-x)}.awen-dye-swatch-grid{gap:var(--awen-chrome-gap-tight);grid-template-columns:repeat(auto-fill,minmax(min(3rem,100%),1fr));min-width:0;display:grid}.awen-dye-swatch-grid .awen-swatch{aspect-ratio:1;width:100%}.awen-dye-properties{gap:var(--awen-chrome-gap);padding:var(--awen-chrome-pad-y) var(--awen-chrome-pad-x);flex-direction:column;min-width:0;display:flex}html:not([data-layout-guide=on]) .awen-layout-guide-overlay{display:none}html[data-layout-guide=on] .awen-layout-guide-overlay{transition:opacity .15s}.awen-layout-guide-overlay{border:2px solid var(--awen-layout-guide-border);background:var(--awen-layout-guide-bg);border-radius:var(--awen-layout-guide-radius);box-shadow:var(--awen-layout-guide-shadow)}.awen-layout-guide-label{z-index:31;border-radius:var(--awen-layout-guide-radius);word-break:keep-all;background:var(--awen-layout-guide-label-bg);max-width:min(100%,280px);color:var(--awen-layout-guide-label-fg);box-shadow:var(--awen-layout-guide-shadow);padding:.125rem .375rem;font-size:10px;font-weight:600;line-height:1.25;position:absolute;top:.25rem;left:.25rem}.awen-layout-guide-hint{opacity:.9;margin-top:.125rem;font-size:9px;font-weight:400;display:block}[data-layout-region][data-layout-active]>.awen-layout-guide-overlay{opacity:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}