:root,.dark{--bg-primary: #1A1A1E;--bg-secondary: #222226;--bg-tertiary: #2A2A2F;--bg-elevated: #2A2A2F;--bg-canvas: #151517;--text-primary: #EDEDF0;--text-secondary: #8E8E9A;--text-tertiary: #5C5C66;--text-inverse: #FFFFFF;--border-primary: #333338;--border-secondary: #3A3A40;--border-focus: #6B8AFF;--brand-primary: #6B8AFF;--brand-primary-hover: #7B9AFF;--brand-primary-subtle: #1E2340;--brand-primary-text: #96ADFF;--success-solid: #4CC38A;--success-subtle: #132D21;--warning-solid: #F5A623;--warning-subtle: #2E1F06;--error-solid: #F27471;--error-subtle: #3C1618;--info-solid: #52A9FF;--info-subtle: #0F2640;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}.light{--bg-primary: #FFFFFF;--bg-secondary: #F7F7F8;--bg-tertiary: #EDEDF0;--bg-elevated: #FFFFFF;--bg-canvas: #F5F5F5;--text-primary: #111113;--text-secondary: #6B6B76;--text-tertiary: #9D9DA8;--text-inverse: #FFFFFF;--border-primary: #D4D4DB;--border-secondary: #EDEDF0;--border-focus: #4A6CF7;--brand-primary: #4A6CF7;--brand-primary-hover: #3A5CE7;--brand-primary-subtle: #EEF1FE;--brand-primary-text: #3451B2;--success-solid: #18794E;--success-subtle: #DDF3E4;--warning-solid: #AD5700;--warning-subtle: #FEF3DD;--error-solid: #CD2B31;--error-subtle: #FFE5E5;--info-solid: #0D74CE;--info-subtle: #E0F0FF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}::view-transition-old(root){animation:.18s ease-out both fade-out}::view-transition-new(root){animation:.18s ease-in both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes asset-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes asset-pulse{0%,to{opacity:.55}50%{opacity:.85}}@keyframes artboard-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){[style*=artboard-enter]{animation:none!important}}:root{--canvas-selection: #4A6CF7;--canvas-guide: #F74A6C;--canvas-hover: rgba(74, 108, 247, .4);--canvas-selection-fill: rgba(74, 108, 247, .08);--motion-fast: 80ms ease-out;--motion-base: .12s ease-out;--motion-slow: .2s ease-out;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px}.dark,:root{--token-bg: #2e2a45;--token-border: #4a3f80;--token-text: #9b8ef0;--token-text-dim: #6a5fa0}.light{--token-bg: #f0eef8;--token-border: #c4b8e8;--token-text: #6b5cc0;--token-text-dim: #8a7db8}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}canvas:focus-visible{outline:none}html{color-scheme:dark;font-family:Poppins,-apple-system,system-ui,sans-serif}body{margin:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@keyframes nomio-ai-pulse{0%{opacity:0;transform:scale(.96);outline:0 solid transparent}20%{opacity:1;transform:scale(1);outline:2px solid var(--brand-primary);outline-offset:0px}to{opacity:1;transform:scale(1);outline:0 solid transparent;outline-offset:4px}}[data-ai-pulse]{animation:nomio-ai-pulse .8s ease-out;outline-offset:0}@media(prefers-reduced-motion:reduce){@keyframes nomio-ai-pulse{0%{opacity:0}to{opacity:1}}[data-ai-pulse]{animation-duration:.2s}}.nomio-mode-chips{scrollbar-width:none}.nomio-mode-chips::-webkit-scrollbar{display:none}.nomio-ai-input-card{box-shadow:inset 0 0 0 1px transparent}.nomio-ai-input-card:focus-within{box-shadow:inset 0 0 0 1px var(--border-focus, var(--brand-primary))}.nomio-toolbar-btn{transition:background-color 80ms,color 80ms}.nomio-toolbar-btn:hover:not(:disabled):not([data-enabled=true]){background:var(--bg-tertiary);color:var(--text-primary)}@keyframes nomio-ponder-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes nomio-ponder-halo{0%,to{box-shadow:0 0 color-mix(in srgb,var(--brand-primary) 0%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 35%,transparent)}}.nomio-ponder-breathing{animation:nomio-ponder-breathe 1.8s ease-in-out infinite;transform-origin:center}.nomio-ponder-halo{animation:nomio-ponder-halo 1.8s ease-in-out infinite;border-radius:999px}@media(prefers-reduced-motion:reduce){.nomio-ponder-breathing,.nomio-ponder-halo,.nomio-ai-bubble-enter{animation:none}}@keyframes nomio-ai-bubble-enter{0%{opacity:0}to{opacity:1}}.nomio-ai-bubble-enter{animation:nomio-ai-bubble-enter .12s ease-out}@keyframes nomio-layer-pulse{0%{background:var(--brand-primary-subtle, rgba(74,108,247,.18))}to{background:transparent}}.nomio-layer-pulse{animation:nomio-layer-pulse .6s ease-out}@media(prefers-reduced-motion:reduce){.nomio-layer-pulse{animation:none}}@keyframes nomio-status-pulse{0%,to{opacity:1}50%{opacity:.45}}.nomio-status-pulse{animation:nomio-status-pulse 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.nomio-status-pulse{animation:none}}@keyframes nomio-ai-caret-blink{0%,to{opacity:.7}50%{opacity:0}}@media(prefers-reduced-motion:reduce){span[aria-hidden=true]{animation:none!important}}@media(max-width:640px){.nomio-proj-grid{grid-template-columns:1fr!important;gap:14px!important}.nomio-proj-thumb{height:200px!important}}
