/* Generated by scripts/sync-panel-theme.py. */
/* AEON interactive workbench — Porcelain workbench with light and dark color themes. */
:host,[data-appearance=porcelain]{--aeon-bg:#F5F5F4;--aeon-ink:#151515;--surface:#FFFFFF;--border:#D9D9D5;--muted:#61615D;--rail:#FFFFFF;--rail-ink:#393936;--rail-muted:#6C6C65;--selected:#FFE7D4;--soft:#EFEFED;--accent:#F97316;--accent-soft:#FFAD66;--ink-accent:#99400D;--sidebar-width:154px;--work-gap:16px;--control-radius:8px;background:var(--aeon-bg);color:var(--aeon-ink);color-scheme:light}
*{box-sizing:border-box}.demo-body{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:58px minmax(0,1fr) 33px;height:100vh;min-width:0;overflow:hidden;background:var(--aeon-bg);color:var(--aeon-ink);font-size:12px}.demo-body>header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);gap:12px}.brand{font-size:15px;gap:9px}.brand small{font-size:9px;color:var(--muted);letter-spacing:0}.brand .aeon-mark{width:30px;height:30px;border-radius:8px;color:#151515}header .appearance-select{width:118px;min-width:100px;margin:0;padding:7px 9px;font-size:11px;border-radius:var(--control-radius);background:var(--soft)}#nav{display:none!important}.demo-body>#content{grid-column:2;grid-row:2;min-height:0;min-width:0;overflow:auto;padding:var(--work-gap);width:auto}.demo-body>footer{grid-column:1/-1;grid-row:3;min-width:0;padding:4px 10px;border-top:1px solid var(--border);background:var(--surface);font-size:10px;color:var(--muted)}footer #status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer button{padding:2px 7px!important}.demo-body .section-nav{display:none!important}
nav.aeon-sidebar{grid-column:1;grid-row:2;display:block;overflow:auto;padding:8px;border:0;border-right:1px solid var(--border);background:var(--rail);color:var(--rail-ink);z-index:10;min-height:0}.sidebar-group{margin:0 0 15px}.sidebar-heading{margin:15px 10px 6px;font-size:10px;line-height:1.3;font-weight:600;letter-spacing:0;color:var(--rail-muted)}nav.aeon-sidebar button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;color:var(--rail-ink);border:0;border-radius:var(--control-radius);padding:9px 10px;margin:2px 0;font-size:11px;line-height:16px;white-space:nowrap;transition:background .14s ease-out}nav.aeon-sidebar button .ui-icon{width:17px;height:17px;flex:none;color:inherit}nav.aeon-sidebar button:hover{background:var(--selected);color:#151515}nav.aeon-sidebar button.active{background:var(--selected);color:#151515;font-weight:650;box-shadow:none}nav.aeon-sidebar button.active .ui-icon{color:var(--ink-accent)}nav.aeon-sidebar .sidebar-toggle{display:none}
h1{font-size:21px;margin:2px 0 8px;letter-spacing:-.025em;font-weight:650;color:var(--aeon-ink)}h2,h3,strong{color:inherit}p,label,small,.motion-caption p,.script-description,.package-files,.object-count,.script-note,.preset-editor small,.script-list .script-custom{color:var(--muted)}p{line-height:1.55}button{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);color:var(--aeon-ink);font:inherit;padding:8px 11px;cursor:pointer}button:hover{background:var(--soft);border-color:#B4B1AA}button.active{background:var(--selected);color:#151515;border-color:#FFAD66}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}input,select,textarea,.preset-editor textarea,.subtitle-row textarea{background:var(--surface);color:var(--aeon-ink);border:1px solid var(--border);border-radius:var(--control-radius);caret-color:#99400D;font-size:12px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=range]{accent-color:#BA4D08}input[type=checkbox]{accent-color:#BA4D08}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #B44C0D;outline-offset:2px}::selection{background:#FFAD66;color:#151515}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{border-radius:9px;background:#A9A59D;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.error{color:#A52E16!important}.notice{background:#FFF0E1;border:1px solid #EBC7A8;color:#6C360F;border-radius:var(--control-radius)}
.card,.tools-tile,.subtitle-settings,.subtitle-row,.preset-editor,.pack-video-item,.pack-audio-item,.object-options{background:var(--surface);border-color:var(--border);color:var(--aeon-ink)}.card .art,.media-view .card .art{background:var(--soft);color:var(--aeon-ink)}.card .details{background:var(--surface)}.tools-tile:hover{background:var(--selected);transform:none}.tools-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tools-tile{min-height:110px;padding:16px}.tools-tile .ui-icon{color:var(--ink-accent)}
.motion-workspace{gap:var(--work-gap);min-height:0}.preset-list{border-color:var(--border)}.preset-list button,.script-list>button{color:var(--muted);border-radius:var(--control-radius)}.preset-list button.active,.script-list>button.active{background:var(--selected);color:#151515;box-shadow:none}.preset-list button:hover,.script-list>button:hover{background:var(--soft);color:#151515}.motion-controls{background:var(--surface);padding:14px;border-radius:12px;border:1px solid var(--border);overflow:auto}.motion-caption{color:var(--aeon-ink)}.motion-field input[type=range]{background:#D1CEC8}.motion-field input[type=range]::-webkit-slider-thumb{background:#BA4D08}.motion-actions button:last-child,.script-actions button,.carousel-create,.subtitles-workspace .primary{background:#F97316;border-color:#F97316;color:#151515;font-weight:700}.motion-actions button:last-child:hover,.script-actions button:hover,.carousel-create:hover{background:#FFAD66;border-color:#FFAD66}.script-actions{background:var(--aeon-bg)}.script-preview{background:var(--surface);border-color:var(--border)}.script-emblem{color:var(--ink-accent)}.scripts-workspace{gap:var(--work-gap)}.script-list{border-color:var(--border)}
.pack-toolbar input[type=search],.pack-add-menu,.pack-item-menu>div,.pack-pagination button,.pack-switch,.pack-play{background:var(--surface);color:var(--aeon-ink);border-color:var(--border)}.pack-item-menu>div,.pack-add-menu{box-shadow:0 8px 24px #1515151A}.pack-sidebar>button.active,.pack-switch button.active{background:var(--selected);color:#151515;box-shadow:none}.pack-sidebar>button:hover,.pack-audio-item:hover,.pack-audio-item.is-playing,.pack-video-item:hover{background:var(--soft);border-color:var(--border)}.pack-sidebar>.pack-own,.pack-add>summary,.pack-item-actions .is-favorite{color:var(--ink-accent)}.pack-item-label small,.pack-group-count,.subtitle-settings label,.subtitle-settings small,.subtitle-main>small{color:var(--muted)}.pack-video-preview .pack-duration,.pack-video-play,.pack-video-preview>.pack-preview-state{color:#FFF}.pack-shell{grid-template-columns:108px minmax(0,1fr);gap:12px}.pack-sidebar>button{padding:8px}.pack-dialog{border-color:var(--border);box-shadow:0 20px 60px #15151533}.subtitle-shell{grid-template-columns:150px minmax(0,1fr);gap:12px}.subtitle-row textarea{background:var(--surface);color:var(--aeon-ink)}.subtitle-stage{color:#FFF}.subtitle-row{border-color:var(--border)}
.carousel-page{display:flex;flex-direction:column;gap:16px}.carousel-heading h1{margin-bottom:4px}.carousel-heading p{margin:0;max-width:55ch}.carousel-layouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex-shrink:0}.carousel-layouts button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 5px;font-size:11px}.carousel-layouts .ui-icon{width:18px;height:18px}.carousel-workspace{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:var(--work-gap);align-items:start}.carousel-view{min-width:0}.carousel-stage{height:300px;min-height:180px;border-radius:14px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.carousel-stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.carousel-stage canvas:active{cursor:grabbing}.carousel-stage-bar{display:flex;align-items:center;gap:6px;padding:10px 0;font-size:10px}.carousel-stage-bar>span{margin-right:auto;color:var(--muted)}.carousel-stage-bar button{font-size:10px;padding:6px 8px;white-space:nowrap}.carousel-hint{font-size:10px;line-height:1.5;max-width:50ch;margin:0}.carousel-inspector{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:14px}.carousel-inspector h2{margin:0;font-size:12px;font-weight:650}.carousel-field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.carousel-field>span{display:flex;justify-content:space-between;gap:8px}.carousel-field output{color:var(--aeon-ink);font-variant-numeric:tabular-nums}.carousel-field input[type=range]{width:100%;height:4px;margin:4px 0;padding:0}.carousel-field select{padding:8px 6px;width:100%;font-size:11px}.carousel-source{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:10px}.carousel-source-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.carousel-source-line button{font-size:10px}.carousel-sample{display:flex;align-items:center;gap:8px;font-size:11px}.carousel-sample input{margin:0;width:auto}.carousel-result{font-size:11px;margin:0}.carousel-result:empty{display:none}.carousel-create{padding:12px;min-height:40px;width:100%}
@container aeon-panel (min-width:1050px){.carousel-stage{height:400px}.carousel-workspace{grid-template-columns:minmax(0,1fr) 220px}.tools-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container aeon-panel (max-width:850px){.carousel-workspace{grid-template-columns:1fr}.carousel-inspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.carousel-inspector h2{grid-column:1/-1}.carousel-stage{height:260px}.motion-workspace{grid-template-columns:110px minmax(0,1fr)!important}.motion-controls{grid-column:2!important}.motion-center{min-width:0}.subtitle-shell{grid-template-columns:1fr}.subtitle-settings{display:grid;grid-template-columns:1fr 1fr;max-height:none;gap:8px}.subtitle-settings h2,.subtitle-settings>small{grid-column:1/-1}}
@container aeon-panel (max-width:520px){:host,[data-appearance]{--sidebar-width:48px;--work-gap:12px}.demo-body>header{padding:8px 12px;height:58px}.brand small{display:none}nav.aeon-sidebar{padding:5px}nav.aeon-sidebar .sidebar-heading,nav.aeon-sidebar button>span{display:none}nav.aeon-sidebar button{justify-content:center;padding:9px 0;min-height:35px}nav.aeon-sidebar .sidebar-toggle{display:flex}.sidebar-group{margin-bottom:14px;padding-top:6px;border-top:1px solid var(--border)}.navigation-expanded nav.aeon-sidebar{position:absolute;left:0;top:58px;bottom:33px;width:180px;box-shadow:8px 0 24px #15151526}.navigation-expanded nav.aeon-sidebar button{justify-content:flex-start;padding:9px 10px}.navigation-expanded nav.aeon-sidebar button>span,.navigation-expanded nav.aeon-sidebar .sidebar-heading{display:block}.carousel-layouts{gap:5px}.carousel-layouts button{flex-direction:column;gap:5px;font-size:10px}.carousel-stage-bar{flex-wrap:wrap}.carousel-stage-bar>span{width:100%;margin-bottom:2px}.carousel-source-line{flex-wrap:wrap}.carousel-inspector{padding:12px}.pack-shell{display:flex;flex-direction:column}.pack-sidebar{flex-direction:row;overflow-x:auto;flex-shrink:0}.pack-sidebar>button{flex-shrink:0;white-space:nowrap}.pack-sidebar-label,.pack-group-count,.pack-sidebar>.pack-own{display:none}.pack-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scripts-workspace{grid-template-columns:1fr}.script-list{display:flex;flex-wrap:wrap}.motion-workspace{grid-template-columns:88px minmax(0,1fr)!important}.motion-controls{grid-column:1/-1!important}.motion-preview{min-height:170px}.preset-list button{padding:8px 5px;font-size:10px}.subtitle-row{grid-template-columns:18px 66px 66px}.subtitle-row textarea{grid-column:1/-1;grid-row:auto}.subtitle-row button:last-child{grid-column:3}.tools-home-grid{gap:8px}.tools-tile{padding:12px}.carousel-heading h1{font-size:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.demo-body>footer{position:static}.preview-controls button,.field-heading input[type=number]{color:var(--aeon-ink)}.segmented button{color:var(--muted)}.segmented button.active{background:var(--selected);color:#151515}.motion-actions{background:var(--surface)}.preset-list input{border-bottom-color:var(--border)}

.appearance-switch{display:flex;gap:3px;background:var(--soft);padding:3px;border-radius:9px;flex-shrink:0}.appearance-switch button{background:transparent;border:0;font-size:10px;padding:7px 8px;border-radius:6px;color:var(--muted)}.appearance-switch button[aria-pressed=true]{background:var(--surface);color:#151515;box-shadow:0 1px 3px #15151515}.motion-stage{background:#151515;color:#FFFFFF;border-radius:12px;padding:12px}.motion-stage .easing-art{color:#FFFFFF}.motion-stage .motion-art{max-width:100%}@container aeon-panel (max-width:390px){.brand{gap:5px;font-size:12px}.brand .aeon-mark{width:24px;height:24px;font-size:17px}.demo-body>header{gap:6px;padding:8px}.appearance-switch button{font-size:9px;padding:7px 6px}}

.demo-body>#content.carouselpro-host{padding:0;overflow:hidden;display:flex}.carouselpro-host iframe{display:block;flex:1;width:100%;height:100%;border:0;min-width:0;min-height:0;background:var(--aeon-bg)}

/* Carousel Studio: compact template picker and playback controls. */
.carousel-layouts button{min-height:36px;line-height:1.2}.carousel-stage-bar{flex-wrap:wrap}.carousel-stage-bar>span{flex:1 1 130px}.carousel-field input:disabled{cursor:not-allowed}
@container aeon-panel (max-width:520px){.carousel-layouts{grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-layouts button{padding:10px 4px}}

.carousel-layouts{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:6px;max-height:126px;overflow:auto}.carousel-layouts button{padding:8px 5px;min-height:32px}
.carousel-source{position:sticky;bottom:calc(-1 * var(--work-gap));z-index:2;background:var(--aeon-bg);padding:10px 0;display:grid;grid-template-columns:1fr auto;gap:8px;box-shadow:0 -8px 14px var(--aeon-bg)}.carousel-source-line,.carousel-result{grid-column:1/-1}.carousel-create{width:auto;min-height:34px;padding:8px 12px}.carousel-source-line button{padding:5px 8px}.carousel-sample{margin:0}
@container aeon-panel (max-width:520px){.carousel-layouts{grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-source{grid-template-columns:1fr}.carousel-create{width:100%}.carousel-source-line{gap:6px}.carousel-source-line strong{font-size:10px}}

/* Text packs and editable Glass components use the existing panel appearance. */
.preset-list button small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px;line-height:1.3}.motion-timing-help{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 16px}.motion-controls input[type=text]{width:100%;box-sizing:border-box}.text-pack-art{font-size:clamp(15px,3vw,36px)!important;white-space:pre;letter-spacing:0!important}.text-pack-art>span{position:relative;display:inline-block;white-space:pre}.motion-echo{position:absolute;top:0;left:0;pointer-events:none;z-index:-1;white-space:pre}.motion-controls .motion-actions button:disabled{opacity:.5;cursor:wait}.glass-component-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:8% 7%;box-sizing:border-box;gap:6px;text-align:left;font-size:clamp(10px,1.4vw,18px);line-height:1.2;overflow:hidden}.glass-component-content strong{font-size:1.3em;overflow-wrap:anywhere}.glass-component-content small{font-size:.75em;overflow-wrap:anywhere}.component-avatar{position:absolute;left:7%;width:13%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:white;font-weight:700}.component-profile,.component-subscribe{padding-left:26%}.component-actions{flex-direction:row;align-items:center;justify-content:space-around;gap:12px}.component-actions strong{border-radius:24px;padding:8px 16px;font-size:1em}.component-footnote{margin-top:16px}.component-icon{width:22px;height:22px;flex:none}.component-cta,.component-link{flex-direction:row;align-items:center;justify-content:space-between}.component-link{justify-content:flex-start}.component-preview-note{position:absolute;left:12px;right:12px;bottom:8px;font-size:10px;text-align:center;background:#151515d9;color:#FFFFFF;padding:4px;border-radius:4px}.motion-art.mfx-glass-preview{overflow:hidden}.motion-stage .text-pack-art{max-width:100%}@container aeon-panel (max-width:520px){.glass-component-content{font-size:10px;gap:3px}.component-preview-note{font-size:9px}.component-actions{gap:6px}.component-actions strong{padding:4px 8px}.component-icon{width:16px;height:16px}.text-pack-art{font-size:16px!important}}

.glass-component-content{z-index:3}.component-preview-note{z-index:4}.motion-field .segmented button{min-width:0}.motion-timing-help{grid-column:1/-1}

.component-preview-note{white-space:normal;line-height:1.3}.glass-component-content{white-space:normal}

/* Stable reflow when an AE dock changes from tall to wide, including short panels.
   Explicit placement replaces conflicting legacy 600/850px grid auto-placement. */
.demo-body>#content.motion-view{display:block;overflow:auto}
.motion-view .motion-workspace{flex:none;height:auto;min-height:0;grid-template-columns:minmax(100px,145px) minmax(0,1fr) minmax(155px,220px);grid-template-rows:auto;align-items:start}
.motion-workspace>.preset-list{grid-column:1;grid-row:1;height:clamp(220px,calc(100vh - 210px),520px);max-height:none;min-width:0}
.motion-workspace>.motion-center{grid-column:2;grid-row:1;height:clamp(220px,calc(100vh - 210px),520px);min-height:0;min-width:0}
.motion-workspace>.motion-controls{grid-column:3;grid-row:1;display:block;max-height:clamp(220px,calc(100vh - 210px),520px);overflow:auto;min-width:0}
.motion-workspace .motion-stage{min-height:120px;min-width:0;flex:1 1 0}
.motion-workspace .motion-caption{min-width:0;overflow-wrap:anywhere}
.carousel-stage{max-height:clamp(180px,calc(100vh - 300px),440px)}
@container aeon-panel (max-width:850px){.motion-view .motion-workspace{grid-template-columns:110px minmax(0,1fr)!important}.motion-workspace>.preset-list{grid-row:1/3;height:360px}.motion-workspace>.motion-center{height:280px}.motion-workspace>.motion-controls{grid-column:2!important;grid-row:2;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;overflow:visible}.motion-controls .motion-actions{grid-column:1/-1}.carousel-stage{max-height:none}}
@container aeon-panel (max-width:520px){.motion-view .motion-workspace{grid-template-columns:88px minmax(0,1fr)!important}.motion-workspace>.preset-list{grid-row:1;height:280px}.motion-workspace>.motion-controls{grid-column:1/-1!important;grid-row:2}.motion-workspace>.motion-center{height:280px}}

/* One Porcelain layout, two independently composed color palettes. */
[data-color-mode=dark]{--aeon-bg:#151515;--aeon-ink:#FFFFFF;--surface:#202020;--border:#414141;--muted:#BDBDB7;--rail:#1B1B1B;--rail-ink:#F3F3EF;--rail-muted:#AAAAA5;--selected:#422B1B;--soft:#2A2A28;--ink-accent:#FFAD66;color-scheme:dark}
.appearance-switch{margin-left:auto}.appearance-switch button{min-width:48px;min-height:30px;font-size:11px}.appearance-switch button[aria-pressed=true]{color:var(--aeon-ink)}
[data-color-mode=dark] nav.aeon-sidebar button.active,[data-color-mode=dark] nav.aeon-sidebar button:hover,[data-color-mode=dark] button.active,[data-color-mode=dark] .preset-list button.active,[data-color-mode=dark] .script-list>button.active,[data-color-mode=dark] .preset-list button:hover,[data-color-mode=dark] .script-list>button:hover,[data-color-mode=dark] .segmented button.active,[data-color-mode=dark] .pack-sidebar>button.active,[data-color-mode=dark] .pack-switch button.active{color:#FFFFFF}
[data-color-mode=dark] input,[data-color-mode=dark] textarea{caret-color:#FFAD66}
[data-color-mode=dark] :focus-visible{outline-color:#FFAD66}
[data-color-mode=dark] .error{color:#FF9F8A!important}
[data-color-mode=dark] .notice{background:#38281C;border-color:#745238;color:#FFD4AF}
[data-color-mode=dark] .motion-field input[type=range]{background:#575752}
[data-color-mode=dark] .motion-field input[type=range]::-webkit-slider-thumb{background:#FFAD66}
[data-color-mode=dark] input[type=range],[data-color-mode=dark] input[type=checkbox]{accent-color:#FFAD66}
[data-color-mode=dark] .motion-stage{background:#101010}
.text-create summary,.pack-header h1{color:var(--aeon-ink)}

:host{display:block;height:100%;container-type:inline-size;container-name:aeon-panel}html{container-type:inline-size;container-name:aeon-panel}.demo-body{height:100%;font-family:AEONInter,sans-serif;position:relative}.demo-body>.section-tabs,.demo-body #content>.section-tabs{display:none}.demo-body #content.motion-view{padding-top:14px}.demo-body .motion-workspace>.preset-list,.demo-body .motion-workspace>.motion-center{height:310px}.demo-body .motion-workspace>.motion-controls{max-height:310px}.demo-body .sample-card,.demo-body .audio-row{background:var(--surface);border-color:var(--border)}.demo-body .browser-note,.demo-body .empty-result{color:var(--muted)}.demo-body footer{min-height:33px}.demo-body a{color:var(--ink-accent)}.demo-body .sample-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.demo-body .demo-text-field{color:var(--muted)}
@container aeon-panel (max-width:850px){.demo-body .motion-workspace>.motion-controls{max-height:none}.demo-body .motion-workspace>.preset-list{height:310px}.demo-body .motion-workspace>.motion-center{height:260px}}
@container aeon-panel (max-width:520px){.demo-body .caption-demo{grid-template-columns:1fr}.demo-body .motion-workspace>.preset-list,.demo-body .motion-workspace>.motion-center{height:260px}}