:root{font-family:Segoe UI,sans-serif;color:#e7edf5;background:radial-gradient(circle at top,#18304a,#0c1420 48%,#070c13);line-height:1.5;font-weight:400;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;height:100%}body{margin:0;overflow:hidden}button,textarea,select,input,summary{font:inherit}button,summary{cursor:pointer}.app-shell{position:relative;width:100%;height:100vh;min-height:100vh;padding:10px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden}.topbar,.panel,.authoring-errors,.assistant-panel__errors,.topbar__menu-popover,.project-sidebar{border:1px solid rgba(160,190,220,.22);background:#0a121dd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 48px #0003}.topbar{position:relative;z-index:40;overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px}.topbar__brand,.topbar__actions,.topbar__title-group p{display:flex;align-items:center;gap:10px}.topbar__brand h1{margin:0;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.topbar__title-row{display:flex;align-items:center;gap:8px}.topbar__version{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border:1px solid rgba(122,216,255,.28);background:#7ad8ff1a;color:#9fe9ff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar__title-group{display:grid;gap:2px}.topbar__title-group p,.topbar__menu-status,.project-sidebar__header p{margin:0;color:#9db0c6;font-size:.78rem}.topbar__breadcrumb-separator{color:#6e8eab}.topbar__menu-button{width:34px;height:34px;display:grid;align-content:center;gap:4px;padding:0 8px}.topbar__menu-button span{height:2px;background:currentColor}.topbar button,.topbar summary,.panel-tab,.hierarchy-action,.inspector-action,.assistant-panel button,.project-sidebar__item button{border:1px solid rgba(122,216,255,.2);border-radius:0;padding:7px 11px;background:#7ad8ff1a;color:#d7f4ff}.topbar button:not(.secondary),.assistant-panel button:not(.secondary),.validation-chip,.panel-tab--active,.project-sidebar__footer button{background:linear-gradient(135deg,#4aa3ff,#7ad8ff);color:#071420;border-color:transparent;font-weight:700}button.secondary,.topbar summary,.panel-tab,.hierarchy-action,.inspector-action,.project-sidebar__delete{background:#7ad8ff1a;color:#d7f4ff;border:1px solid rgba(122,216,255,.2)}button:disabled,summary:disabled{opacity:.45;cursor:not-allowed}.topbar__menu{position:relative;z-index:80}.topbar__menu summary{list-style:none}.topbar__menu summary::-webkit-details-marker{display:none}.topbar__menu-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:120;min-width:220px;padding:10px;display:grid;gap:8px}.topbar__danger,.project-sidebar__delete{border-color:#ff8a8a52;color:#ffd4c6}.project-sidebar__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;border:0;background:#03080e70}.project-sidebar{position:absolute;top:10px;left:10px;bottom:10px;width:min(360px,calc(100vw - 20px));z-index:100;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.project-sidebar__header,.project-sidebar__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid rgba(160,190,220,.1)}.project-sidebar__footer{border-top:1px solid rgba(160,190,220,.1);border-bottom:0}.project-sidebar__header h2{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em}.project-sidebar__tree{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:6px;padding:12px;overflow:auto}.project-sidebar__section-label{color:#7f9ab4;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.project-sidebar__tree-item,.project-sidebar__open{min-height:34px;display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:0 0 0 10px}.project-sidebar__tree-item--root{color:#d7f4ff;font-weight:600}.project-sidebar__tree-bullet{width:8px;height:8px;border-radius:999px;background:#7ad8ff80;flex:0 0 auto}.project-sidebar__list{display:grid;align-content:start;gap:4px}.project-sidebar__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-height:36px;padding:0 4px 0 0;border-left:2px solid transparent}.project-sidebar__item--active{border-left-color:#7ad8ffb8;background:#4aa3ff1a}.project-sidebar__open{justify-content:flex-start}.project-sidebar__label{min-width:0;font-weight:600}.project-sidebar__open small{margin-left:auto;color:#9db0c6;font-size:.72rem}.project-sidebar__delete{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;background:transparent}.project-sidebar__trash-icon{width:15px;height:15px}.workspace-grid{min-height:0;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.45fr) minmax(300px,.8fr);gap:10px}.panel{min-height:0;overflow:hidden;display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:6px 10px;border-bottom:1px solid rgba(160,190,220,.1)}.panel-header strong,.panel-header h2,.panel-header h3{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.panel-header--tabs{min-height:42px}.panel-tabs{display:flex;align-items:center;gap:6px}.panel-tab{min-height:30px;padding-inline:12px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}.validation-chip{min-height:30px;padding:0 10px;display:inline-flex;align-items:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.validation-chip--error{background:#ff8a8a24;color:#ffd4c6;border:1px solid rgba(255,138,138,.26)}.authoring-errors{margin:8px 10px 0;padding:8px 10px}.authoring-body,.inspector-body{flex:1;min-height:0}.authoring-empty-state,.inspector-empty-state{display:grid;place-content:center;gap:6px;padding:24px;text-align:center;color:#bdd0e5}.authoring-empty-state h3,.inspector-empty-state h3,.inspector-summary h3{margin:0;font-size:1rem}.authoring-empty-state p,.inspector-empty-state p,.inspector-summary p{margin:0}.yaml-editor{flex:1;width:100%;min-height:100%;border:0;resize:none;background:transparent;color:#edf6ff;padding:12px 14px;overflow:auto}.hierarchy-shell{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.hierarchy-toolbar{display:flex;flex-wrap:nowrap;gap:6px;padding:6px 8px;overflow-x:auto;border-bottom:1px solid rgba(160,190,220,.08)}.hierarchy-action,.inspector-action{padding:4px 8px}.hierarchy-action{width:30px;min-width:30px;height:30px;display:grid;place-items:center;padding:0}.hierarchy-action__icon{width:15px;height:15px}.hierarchy-action--danger,.inspector-action--danger{border-color:#ff8a8a47;color:#ffd4c6}.hierarchy-tree{display:flex;flex-direction:column;padding-block:6px;overflow:auto}.hierarchy-row{width:100%;border-bottom:1px solid rgba(160,190,220,.08);background:transparent;color:#edf6ff;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px;align-items:stretch;padding:0 10px 0 0}.hierarchy-row:hover,.hierarchy-row--selected{background:#4aa3ff24}.hierarchy-row--dragging{opacity:.48}.hierarchy-row--drop-before{box-shadow:inset 0 2px #7ad8fff2}.hierarchy-row--drop-inside{background:#7ad8ff29}.hierarchy-row--drop-after{box-shadow:inset 0 -2px #7ad8fff2}.hierarchy-row--mask-source{background:linear-gradient(90deg,#4ee5ff29,#14435c38);border-left:2px solid rgba(104,235,255,.72);border-bottom-color:#68ebff29}.hierarchy-row__main{border:0;background:transparent;color:inherit;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;text-align:left}.hierarchy-disclosure,.hierarchy-visibility{width:24px;min-width:24px;border:0;background:transparent;color:#7f9ab4;display:grid;place-items:center;padding:0}.hierarchy-visibility{color:#7ad8ff}.hierarchy-disclosure--placeholder{cursor:default;opacity:0}.hierarchy-disclosure__icon{width:10px;height:10px}.hierarchy-visibility__icon{width:16px;height:16px}.hierarchy-visibility--off{color:#4a647c}.hierarchy-row__headline{min-width:0;display:flex;align-items:center;gap:8px}.hierarchy-row__mask-badge{flex:0 0 auto;padding:2px 6px;border-radius:999px;background:#081e28b8;border:1px solid rgba(141,242,255,.42);color:#aef8ff;font-size:.65rem;font-weight:700;letter-spacing:.08em}.hierarchy-row__label{min-width:0;font-weight:600}.hierarchy-row__type,.inspector-eyebrow,.inspector-path,.inspector-grid dt,.inspector-note p{color:#9db0c6}.hierarchy-row__type{font-size:.72rem;line-height:1;justify-self:end;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.preview-panel__meta{color:#9db0c6;font-size:.76rem}.preview-panel__meta--stale{color:#ffd27a}.preview-surface{flex:1;min-height:0;padding:12px;overflow:auto}.preview-stage{position:relative;min-width:100%;min-height:320px;display:flex;align-items:flex-start;justify-content:center;padding:12px;border:1px solid rgba(160,190,220,.12);background:linear-gradient(180deg,#070e17fa,#0a121df5)}.preview-frame{display:flex;flex:0 0 auto;align-items:stretch;justify-content:stretch;box-shadow:0 12px 32px #00000047;background-color:#b9c1cc;background-image:linear-gradient(45deg,#d7dde5 25%,transparent 25%),linear-gradient(-45deg,#d7dde5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7dde5 75%),linear-gradient(-45deg,transparent 75%,#d7dde5 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-mount{width:100%;height:100%;min-height:100%;display:flex;align-items:flex-start;justify-content:flex-start}.pixi-canvas{display:block;width:auto;height:auto;max-width:none}.preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(420px,calc(100% - 32px));height:fit-content;text-align:center;color:#435061}.preview-stale-note{position:absolute;right:16px;bottom:16px;margin:0;padding:6px 10px;border:1px solid rgba(255,210,122,.28);background:#1f170ae6;color:#ffe0a1;font-size:.78rem}.sidebar-panel__body{flex:1;min-height:0;overflow:hidden}.sidebar-panel__body>.panel,.sidebar-panel__body>.assistant-panel{height:100%}.sidebar-panel__body>.panel{border:0;background:transparent;box-shadow:none}.inspector-body{padding:12px 14px;overflow:auto;display:grid;gap:12px;align-content:start}.inspector-summary,.inspector-section,.inspector-section__header{display:grid;gap:4px}.inspector-path{font-family:Cascadia Code,Consolas,monospace;font-size:.78rem;word-break:break-word}.inspector-fields{display:grid;gap:8px}.inspector-fields--compact{gap:6px}.inspector-row{display:grid;grid-template-columns:minmax(92px,122px) minmax(0,1fr);gap:8px;align-items:center}.inspector-row__label{color:#9db0c6;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}button.inspector-row__label{width:100%;border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.inspector-row__label--scrubbable,.inspector-row__label--scrubbing{cursor:ew-resize}.inspector-row__label--scrubbing{color:#d7f4ff}.inspector-row__control,.inspector-row select,.inspector-row input[type=text],.inspector-row input[type=number],.assistant-panel__textarea{width:100%;min-width:0;border-radius:0;border:1px solid rgba(122,216,255,.22);background:#071420f5;color:#edf6ff;padding:6px 8px}.inspector-row__checkbox{justify-self:start}.inspector-row__color{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center}.inspector-row__color input[type=color]{width:42px;min-width:42px;height:34px;padding:3px}.inspector-row__value,.inspector-grid dd{color:#edf6ff}.inspector-group{display:grid;gap:6px;padding:8px 10px;border:1px solid rgba(160,190,220,.12);background:#0b152280}.inspector-group__header,.inspector-group__actions,.inspector-array-item__toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.inspector-group__toggle{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#d7f4ff;text-align:left}.inspector-group__toggle span{width:18px;color:#7ad8ff}.inspector-group__toggle strong{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.inspector-group__body{display:grid;gap:6px}.inspector-group__body--flat{gap:8px}.inspector-gradient{position:relative}.inspector-gradient__row{align-items:stretch}.inspector-gradient__trigger{width:100%;min-width:0;border:1px solid rgba(122,216,255,.22);background:#071420f5;color:#edf6ff;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:6px 8px;text-align:left}.inspector-gradient__swatch,.inspector-gradient__preview{border:1px solid rgba(160,190,220,.18);background-color:#1c2430}.inspector-gradient__swatch{width:100%;height:28px}.inspector-gradient__trigger-copy{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-gradient__popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(360px,calc(100vw - 72px));display:grid;gap:10px;padding:12px;border:1px solid rgba(160,190,220,.18);background:#09101bfa;box-shadow:0 18px 48px #00000052}.inspector-gradient__preview{height:52px}.inspector-gradient__track-shell{padding-top:4px}.inspector-gradient__track{position:relative;height:18px;border:1px solid rgba(160,190,220,.18);touch-action:none}.inspector-gradient__track--dragging{cursor:grabbing}.inspector-gradient__stop{position:absolute;top:calc(100% + 4px);width:14px;height:14px;cursor:grab;margin-left:-7px;border:2px solid rgba(7,20,32,.96);box-shadow:0 0 0 1px #dcecfa40;padding:0;touch-action:none}.inspector-gradient__stop--selected{box-shadow:0 0 0 1px #7ad8ffeb,0 0 0 4px #7ad8ff29}.inspector-gradient__stop--dragging{cursor:grabbing}.inspector-gradient__toolbar,.inspector-gradient__controls{display:grid;gap:8px}.inspector-gradient__toolbar{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:10px}.inspector-group__body--nested,.inspector-array-item{padding-left:8px;border-left:1px solid rgba(160,190,220,.12)}.inspector-array-item{display:grid;gap:8px}.inspector-empty-inline{margin:0;color:#9db0c6;font-size:.84rem}.inspector-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.inspector-grid div{display:grid;gap:3px}.inspector-grid dt,.inspector-grid dd{margin:0}.inspector-grid dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.assistant-panel{height:100%;display:grid;gap:12px;padding:12px;overflow:auto;align-content:start}.assistant-panel__section,.assistant-panel__prompt-grid,.assistant-panel__meta{display:grid;gap:10px}.assistant-panel__prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assistant-panel__meta{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 10px;border:1px solid rgba(160,190,220,.12);background:#0b152280}.assistant-panel__meta strong,.assistant-panel__field span,.assistant-panel__errors strong{color:#9db0c6;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.assistant-panel__meta p,.assistant-panel__errors p,.error-list{margin:4px 0 0}.assistant-panel__field{display:grid;gap:6px}.assistant-panel__textarea{resize:vertical}.assistant-panel__textarea--readonly{color:#cfe2f5}.assistant-panel__actions{display:flex;flex-wrap:wrap;gap:8px}.assistant-panel__status{margin:0;color:#b8d7f3;font-size:.86rem}.assistant-panel__errors{padding:10px;border-color:#ffad784d;background:linear-gradient(180deg,#21140ed1,#131014c7)}.error-list{padding-left:18px;color:#ffd4c6}@media (max-width: 1180px){.workspace-grid{grid-template-columns:minmax(280px,.95fr) minmax(0,1.25fr)}.sidebar-panel{grid-column:1 / -1;min-height:280px}}@media (max-width: 900px){body{overflow:auto}.app-shell{height:auto;overflow:visible}.topbar,.topbar__brand,.topbar__actions,.panel-header,.project-sidebar__header,.project-sidebar__footer{flex-wrap:wrap}.workspace-grid,.assistant-panel__prompt-grid,.assistant-panel__meta,.inspector-grid{grid-template-columns:1fr}.project-sidebar{width:calc(100vw - 20px)}}