.canvas-root{--app-bg:var(--background);--panel-bg:color-mix(in oklch, var(--card) 92%, transparent);--panel-strong:var(--card);--panel-soft:var(--muted);--panel-muted:var(--accent);--border-color:var(--border);--border-strong:#bebebe;--text-primary:var(--foreground);--text-secondary:#3a3a3a;--text-muted:var(--muted-foreground);--text-subtle:#8f8f8f;--toolbar-bg:color-mix(in oklch, var(--card) 92%, transparent);--toolbar-border:var(--border);--toolbar-icon:var(--muted-foreground);--toolbar-icon-active-bg:var(--primary);--toolbar-icon-active-text:var(--primary-foreground);--primary-bg:var(--primary);--primary-text:var(--primary-foreground);--input-bg:color-mix(in oklch, var(--card) 92%, transparent);--canvas-bg:#f7f7f7;--shadow-panel:0 30px 70px #0b0b0b29;--shadow-soft:0 16px 40px #0b0b0b14;--accent-bg:var(--accent);--accent-text:var(--primary);--ui-bg-color:color-mix(in oklch, var(--card) 92%, transparent);--button-bg-color:var(--primary)}@supports (color:lab(0% 0 0)){.canvas-root{--border-strong:lab(76.8% -.0000298023 0);--text-secondary:lab(24.6% 0 0);--text-subtle:lab(59.4% 0 0);--canvas-bg:lab(97.1% -.0000298023 -.0000119209);--shadow-panel:0 30px 70px lab(3.04863% 0 0/.16);--shadow-soft:0 16px 40px lab(3.04863% 0 0/.08)}}.dark .canvas-root{--border-strong:#3a3a3a;--text-secondary:#c4c4c4;--text-subtle:#555;--canvas-bg:#0d0d0d;--shadow-panel:0 30px 70px #00000057;--shadow-soft:0 16px 40px #0000003d}@supports (color:lab(0% 0 0)){.dark .canvas-root{--border-strong:lab(24.6% 0 0);--text-secondary:lab(79.12% -.0000298023 -.0000119209);--text-subtle:lab(36.2% 0 .00000596046);--canvas-bg:lab(3.6999% 0 0);--shadow-panel:0 30px 70px lab(0% 0 0/.34);--shadow-soft:0 16px 40px lab(0% 0 0/.24)}}.canvas-root{background:var(--app-bg);color:var(--text-primary);font-family:inherit;transition:background-color .25s,color .25s}.compact-canvas-stage{transition:padding-right .25s cubic-bezier(.4,0,.2,1),padding-bottom .25s cubic-bezier(.4,0,.2,1)}.compact-sidebar-panel,.compact-right-panel,.compact-prompt-dock__inner{will-change:transform, opacity}.compact-sidebar-panel,.compact-right-panel{backface-visibility:hidden}.compact-prompt-dock{animation:.3s cubic-bezier(.2,.8,.2,1) compactDockFloat}.compact-prompt-dock__inner{animation:.3s cubic-bezier(.2,.8,.2,1) compactDockLift}@keyframes compactDockFloat{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes compactDockLift{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.compact-sidebar-panel,.compact-right-panel,.compact-prompt-dock,.compact-prompt-dock__inner,.compact-canvas-stage{transition-duration:.01ms!important;animation:none!important}}input[type=range].toolbar-range{appearance:none;cursor:pointer;background:0 0}input[type=range].toolbar-range::-webkit-slider-runnable-track{background:var(--border-color);border-radius:999px;height:4px}input[type=range].toolbar-range::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--panel-bg);border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .15s;box-shadow:0 1px 4px #00000040}input[type=range].toolbar-range::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range].toolbar-range::-moz-range-track{background:var(--border-color);border-radius:999px;height:4px}input[type=range].toolbar-range::-moz-range-thumb{background:var(--text-primary);border:2px solid var(--panel-bg);border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 4px #00000040}input[type=range].toolbar-range::-moz-range-thumb:hover{transform:scale(1.2)}.history-card{cursor:grab;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.history-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;box-shadow:0 8px 24px lab(0% 0 0/.08)}.history-card:active{cursor:grabbing}.history-card .history-card-img{border-radius:10px;overflow:hidden}.inspiration-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.inspiration-grid.compact{grid-template-columns:1fr;gap:6px}.inspiration-item{border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.inspiration-item:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.legal-markdown h1{margin:1.2em 0 .5em;font-size:1.35em;font-weight:700}.legal-markdown h2{margin:1em 0 .4em;font-size:1.15em;font-weight:600}.legal-markdown h3{margin:.8em 0 .3em;font-size:1.05em;font-weight:600}.legal-markdown hr{opacity:.15;border:none;border-top:1px solid;margin:1em 0}.legal-markdown ul,.legal-markdown ol{margin:.4em 0;padding-left:1.5em}.legal-markdown li{margin:.2em 0}.tippy-box[data-theme~=mention-popup]{box-shadow:none;background:0 0;border:none}.tippy-box[data-theme~=mention-popup] .tippy-content{padding:0}.rich-prompt-editor .ProseMirror{min-height:1.4em;color:var(--text-primary);outline:none}.rich-prompt-editor .ProseMirror p{margin:0}.rich-prompt-editor .ProseMirror .mention-node{color:var(--primary-bg);background:oklch(from var(--primary-bg) l c h / .12);border-radius:4px;padding:1px 4px;font-weight:500}