:root{font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{min-height:100vh;color:#e2e8f0;background:#020617}button,input,select,textarea{font:inherit}.app-shell{--app-background: radial-gradient(circle at top, rgba(59, 130, 246, .22), transparent 28%), linear-gradient(180deg, #111827 0%, #020617 100%);--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #9fb4d2;--panel-bg: rgba(2, 6, 23, .66);--panel-border: rgba(148, 163, 184, .18);--field-bg: rgba(15, 23, 42, .92);--field-text: #f8fafc;--accent: #7dd3fc;--accent-strong: #08111f;--selection-accent: #fef08a;--canvas-panel: rgba(9, 17, 31, .64);--node-label-bg: rgba(12, 16, 24, .76);--node-label-border: rgba(255, 255, 255, .22);--node-label-text: #f8fafc;--node-label-selected-bg: rgba(255, 255, 255, .92);--node-label-selected-text: #111827;--handle-tag-bg: rgba(12, 16, 24, .76);--handle-tag-border: rgba(255, 255, 255, .18);--handle-tag-text: #f8fafc;width:100vw;height:100vh;color:var(--text-primary);background:var(--app-background);padding:0;position:relative;overflow:hidden}.app-shell.theme-light{--app-background: radial-gradient(circle at top, rgba(59, 130, 246, .12), transparent 30%), linear-gradient(180deg, #ffffff 0%, #e2e8f0 100%);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--panel-bg: rgba(255, 255, 255, .72);--panel-border: rgba(100, 116, 139, .18);--field-bg: rgba(255, 255, 255, .94);--field-text: #0f172a;--accent: #2563eb;--accent-strong: #ffffff;--selection-accent: #0f172a;--canvas-panel: rgba(255, 255, 255, .72);--node-label-bg: rgba(255, 255, 255, .92);--node-label-border: rgba(71, 85, 105, .2);--node-label-text: #0f172a;--node-label-selected-bg: rgba(15, 23, 42, .92);--node-label-selected-text: #f8fafc;--handle-tag-bg: rgba(255, 255, 255, .92);--handle-tag-border: rgba(71, 85, 105, .18);--handle-tag-text: #0f172a}.topbar,.summary-panel,.selection-hint,.toolbar-field,.status-card,.overlay-panel,.overlay-select,.mode-pill{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:22px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.brand h1{margin:0;font-size:clamp(1.5rem,3vw,2.25rem)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-field{display:flex;flex-direction:column;gap:6px;min-width:220px;padding:10px 12px;border-radius:14px}.toolbar-field.compact{min-width:132px}.toolbar-field span{color:var(--text-muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.toolbar-field select,.toolbar-field input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--panel-border);color:var(--field-text);background:var(--field-bg)}.view-switcher{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:var(--panel-bg);border:1px solid var(--panel-border)}.view-button{border:0;border-radius:999px;padding:10px 16px;color:var(--text-secondary);background:transparent;cursor:pointer}.view-button.active{color:var(--accent-strong);background:var(--accent);font-weight:700}.edit-mode-switcher{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:var(--panel-bg);border:1px solid var(--panel-border)}.edit-mode-button{border:0;border-radius:999px;padding:10px 14px;color:var(--text-secondary);background:transparent;cursor:pointer}.edit-mode-button.active{color:var(--accent-strong);background:var(--selection-accent);font-weight:700}.save-button{border:1px solid var(--panel-border);border-radius:999px;padding:10px 16px;color:var(--text-primary);background:var(--panel-bg);cursor:pointer}.save-button.dirty{border-color:color-mix(in srgb,var(--selection-accent) 75%,transparent);color:var(--selection-accent)}.canvas-root{position:relative;width:100%;height:100%}.canvas-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:0;border-radius:0;background:transparent}.view-frame,.view-frame canvas,.view2d-canvas{width:100%;height:100%;display:block}.view-frame{position:absolute;top:0;right:0;bottom:0;left:0}.summary-panel{padding:18px;border-radius:24px}.sidebar-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.summary-panel h2{margin:0;font-size:1.35rem}.summary-panel p{color:var(--text-secondary)}.summary-label{margin:0 0 6px;color:var(--accent);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.summary-panel dl{margin:16px 0 0;display:grid;gap:10px}.summary-panel dl div{display:flex;justify-content:space-between;gap:10px;color:var(--text-primary)}.summary-panel dt{color:var(--text-muted)}.inspector-panel{display:flex;flex-direction:column;gap:14px}.inspector-empty{margin:0;color:var(--text-secondary)}.inspector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inspector-field{display:flex;flex-direction:column;gap:6px}.inspector-field span{color:var(--text-muted);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.inspector-field input,.inspector-field select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--panel-border);color:var(--field-text);background:var(--field-bg)}.status-card{position:absolute;top:16px;left:76px;z-index:10;padding:12px 14px;border-radius:16px}.status-card.error{border-color:#f8717166;color:#fecaca}.selection-hint{position:absolute;left:16px;bottom:16px;z-index:10;padding:12px 14px;border-radius:16px;display:flex;flex-direction:column;gap:4px;max-width:min(320px,calc(100vw - 32px))}.selection-hint span{color:var(--text-muted);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.selection-hint strong{font-size:1rem}.selection-hint small{color:var(--text-muted);font-size:.8rem}.empty-view{height:100%;display:grid;place-items:center;color:var(--text-secondary)}.view2d-node{cursor:pointer}.view2d-label{font-size:14px;font-weight:700;pointer-events:none}.node-label{max-width:180px;padding:6px 10px;border-radius:999px;border:1px solid var(--node-label-border);color:var(--node-label-text);background:var(--node-label-bg);box-shadow:0 8px 24px #00000038;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;display:inline-flex;align-items:center;gap:6px}.node-label.selected{color:var(--node-label-selected-text);background:var(--node-label-selected-bg);border-color:var(--node-label-selected-bg);font-weight:700}.node-label-meta{font-size:.68em;opacity:.8;text-transform:uppercase;letter-spacing:.06em}.handle-tag{padding:3px 7px;border-radius:999px;border:1px solid var(--handle-tag-border);color:var(--handle-tag-text);background:var(--handle-tag-bg);font-size:10px;line-height:1;white-space:nowrap;pointer-events:none}.overlay-button{border:1px solid var(--panel-border);color:var(--text-primary);background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}.overlay-menu-button{position:absolute;top:16px;left:16px;z-index:30;min-width:52px;padding:10px 14px;border-radius:999px}.overlay-top-right{position:absolute;top:16px;right:16px;z-index:25;display:flex;justify-content:flex-end;max-width:min(360px,calc(100vw - 96px))}.overlay-select{display:flex;flex-direction:column;gap:6px;min-width:min(280px,calc(100vw - 96px));padding:10px 12px;border-radius:16px}.overlay-select span{color:var(--text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.overlay-select select{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--panel-border);color:var(--field-text);background:var(--field-bg)}.overlay-bottom-right{position:absolute;right:16px;bottom:16px;z-index:20}.mode-pill{padding:8px 12px;border-radius:999px;color:var(--text-primary);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.overlay-panel{position:absolute;z-index:40;color:var(--text-primary)}.overlay-menu-panel{top:64px;left:16px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow:auto;padding:16px;border-radius:22px}.overlay-side-panel{top:64px;right:16px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow:auto;padding:0;border-radius:22px}.overlay-panel .summary-panel{margin:0}.overlay-actions{display:flex;flex-direction:column;gap:12px;margin-top:14px}.overlay-actions .toolbar-field,.overlay-actions .view-switcher,.overlay-actions .edit-mode-switcher,.overlay-actions .save-button{width:100%}.overlay-actions .save-button{justify-content:center}.object-list{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:calc(100vh - 180px)}.object-item{width:100%;text-align:left;border:1px solid var(--panel-border);background:var(--field-bg);color:var(--field-text);border-radius:12px;padding:10px 12px;cursor:pointer}.object-item.active{border-color:color-mix(in srgb,var(--accent) 70%,white 20%);background:color-mix(in srgb,var(--accent) 18%,var(--field-bg))}.containment-panel{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid var(--panel-border)}.containment-actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 960px){.workspace{grid-template-columns:1fr}.sidebar-stack{order:-1}.inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.topbar,.toolbar{flex-direction:column;align-items:stretch}.toolbar-field{min-width:0}.inspector-grid{grid-template-columns:1fr}.overlay-top-right{left:76px;right:16px;max-width:none}.overlay-select{min-width:0;width:100%}.overlay-side-panel,.overlay-menu-panel{width:calc(100vw - 32px)}.selection-hint{max-width:calc(100vw - 112px)}}