:root{--background:#f5f1e6;--foreground:#2d3951;--card:#f1ebdd;--card-foreground:#2d3951;--popover:#f1ebdd;--popover-foreground:#2d3951;--primary:#5b7fa6;--primary-foreground:#fffaf0;--secondary:#d6b885;--secondary-foreground:#2d3951;--accent:#f1c466;--accent-foreground:#2d3951;--muted:#d6d0c2;--muted-foreground:#6f7180;--border:#d9d2c2;--input:#d9d2c2;--ring:#5b7fa6;--destructive:#d95f5f;--destructive-foreground:#fffaf0;--chart-1:#5b7fa6;--chart-2:#f1c466;--chart-3:#d6b885;--chart-4:#8796a4;--chart-5:#314866;--sidebar:#f1ebdd;--sidebar-foreground:#2d3951;--sidebar-primary:#5b7fa6;--sidebar-primary-foreground:#fffaf0;--sidebar-accent:#fff7e8;--sidebar-accent-foreground:#2d3951;--sidebar-border:#d9d2c2;--sidebar-ring:#5b7fa6;--drawing-grid-line:rgba(45,57,81,0.12);--drawing-grid-bold-line:rgba(45,57,81,0.22);--drawing-bg:#f8f0e2;--drawing-cell-empty:#f1ebdd;--drawing-cell-completed:rgba(45,57,81,0.28);--drawing-highlight:rgba(241,196,102,0.55);--drawing-locating-point:#f1c466;--drawing-completed-overlay:rgba(45,57,81,0.28);--drawing-watermark-default:rgba(45,57,81,0.08);--drawing-locate-point:#f1c466;--drawing-empty-pattern:#f1ebdd;--sonner-bg:#f1ebdd;--sonner-text:#2d3951;--sonner-border:#d9d2c2;--sonner-shadow:0 10px 26px rgba(45,57,81,0.16);--sonner-action-bg:#5b7fa6;--sonner-action-text:#fffaf0;--sonner-cancel-bg:#fff7e8;--sonner-cancel-text:#2d3951;--radius:18px}html{height:100%;background:#ebe3d2}body{min-height:100svh;overflow-x:hidden;overscroll-behavior-x:none;background:radial-gradient(circle at 50% -10%,rgba(255,250,240,.55),transparent 34%),linear-gradient(180deg,#eee4d1,#f7f1e7)}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.studio-button-focus{outline:none}.studio-button-focus:focus-visible{box-shadow:0 0 0 2px rgba(255,250,240,.96),0 0 0 5px rgba(91,127,166,.36)}.studio-flow-dropdown-panel{background:rgba(251,246,236,.98);backdrop-filter:blur(18px)}.page-stage{min-height:100svh;width:100%}.page-stage:has(.home-art){height:100svh;overflow:hidden}.phone-frame{position:relative;min-height:100svh;width:100%;background:var(--background);isolation:isolate}.app-surface{min-height:100svh;background:radial-gradient(circle at 8% 0,rgba(255,250,240,.78),transparent 30%),linear-gradient(180deg,#fbf6ea,#f4ecdc)}.studio-canvas-lock{height:100svh;overflow:hidden;overscroll-behavior:none;touch-action:none}body:has(.studio-canvas-lock),html:has(.studio-canvas-lock){height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}.home-art{min-height:100svh;height:100svh;max-height:100svh;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,250,240,.3),transparent 28%),radial-gradient(circle at 88% 88%,rgba(241,196,102,.22),transparent 30%),linear-gradient(155deg,#314866,#5b7fa6 50%,#d6b885)}.home-art:before{background-image:linear-gradient(rgba(255,250,240,.12) 1px,transparent 0),linear-gradient(90deg,rgba(255,250,240,.12) 1px,transparent 0);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000 0,transparent 68%);opacity:.38}.home-art:after,.home-art:before{position:absolute;inset:0;z-index:0;content:"";pointer-events:none}.home-art:after{background:rgba(255,250,240,.2)}.home-art>:not(header):not(nav){position:relative;z-index:1}body:has(.home-art),html:has(.home-art){height:100%;overflow:hidden;overscroll-behavior:none}.soft-panel{border:1px solid rgba(217,210,194,.9);border-radius:var(--radius);background:rgba(241,235,221,.88);box-shadow:0 10px 26px rgba(45,57,81,.08);backdrop-filter:blur(12px)}.pattern-grid{background-image:linear-gradient(var(--drawing-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--drawing-grid-line) 1px,transparent 1px);background-size:18px 18px}.empty-pattern{background-color:var(--drawing-empty-pattern);background-image:radial-gradient(circle,rgba(45,57,81,.26) 1px,transparent 1.5px),linear-gradient(45deg,transparent 44%,rgba(45,57,81,.14) 45% 55%,transparent 56%);background-size:8px 8px,14px 14px}[data-sonner-toaster] [data-button]{border-radius:9px;background:var(--sonner-action-bg);color:var(--sonner-action-text)}[data-sonner-toaster] [data-cancel]{border-radius:9px;border:1px solid var(--sonner-border);background:var(--sonner-cancel-bg);color:var(--sonner-cancel-text)}@keyframes completion-shake{0%{transform:translateX(0)}16%{transform:translateX(-1.5px)}32%{transform:translateX(1.75px)}48%{transform:translateX(-1.75px)}64%{transform:translateX(1.75px)}80%{transform:translateX(-1.5px)}to{transform:translateX(0)}}.completion-shake{animation:completion-shake .25s linear}.completion-border-progress-ring{padding:2px;background:conic-gradient(from -90deg,var(--completion-border-progress-leading-color) 0deg,var(--completion-border-progress-color) calc(var(--completion-border-progress-deg) * .72),var(--completion-border-progress-trailing-color) var(--completion-border-progress-deg),var(--completion-border-track-color) 0deg);filter:drop-shadow(0 0 calc(5px * var(--completion-border-glow-opacity)) var(--completion-border-glow-color));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}@media (prefers-reduced-motion:reduce){.completion-shake{animation:none;filter:brightness(.96)}}