:root{--font-size:16px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--background:#fafbfc;--foreground:#101828;--card:#ffffff;--card-foreground:#101828;--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--color-primary:#2b7fff;--primary-foreground:#ffffff;--secondary:oklch(0.95 0.0058 264.53);--color-secondary:oklch(0.95 0.0058 264.53);--secondary-foreground:#030213;--color-muted:#ececf0;--muted-foreground:#4a5565;--color-accent:#e9ebef;--accent-foreground:#030213;--color-destructive:#d4183d;--destructive-foreground:#ffffff;--color-border:#e5e7eb;--input:transparent;--color-input:transparent;--color-input-background:#f3f3f5;--color-switch-background:#cbced4;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-normal:400;--color-ring:oklch(0.708 0 0);--gradient-start:#2b7fff;--gradient-end:#9810fa;--radius:1rem;--radius-sm:calc(1rem - 4px);--radius-md:calc(1rem - 2px);--radius-lg:1rem;--radius-xl:calc(1rem + 4px);--radius-button:16px;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:#030213;--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:#0a0a0c;--foreground:#f8fafc;--card:#121216;--card-foreground:#f8fafc;--popover:rgba(13,13,20,0.92);--popover-foreground:#f1f5f9;--primary:#3b82f6;--primary-foreground:#ffffff;--secondary:#1e1e24;--secondary-foreground:#f8fafc;--muted:#24242a;--muted-foreground:#94a3b8;--accent:#1e3351;--accent-foreground:#e2eeff;--destructive:#7f1d1d;--destructive-foreground:#fecaca;--border:rgba(255,255,255,0.1);--input:#1a1a20;--ring:#3b82f6;--sidebar:#0f0f13;--sidebar-foreground:#f8fafc;--sidebar-primary:#3b82f6;--sidebar-primary-foreground:#ffffff;--sidebar-accent:#1a1a20;--sidebar-accent-foreground:#f8fafc;--sidebar-border:rgba(255,255,255,0.08);--sidebar-ring:#3b82f6;--color-border:rgba(255,255,255,0.08);--color-input-background:#1a1a20;--color-muted:#24242a}@layer base{*{border-color:var(--color-border);outline-color:color-mix(in srgb,var(--color-ring),transparent 50%)}a,button{border-color:transparent}body{background-color:var(--background);color:var(--foreground)}body,html{overscroll-behavior-x:none}html{font-size:var(--font-size);font-family:var(--font-family)}h1{font-size:var(--text-2xl)}h1,h2{font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}button,h4,label{font-weight:var(--font-weight-medium)}button,h4,input,label{font-size:var(--text-base);line-height:1.5}input{font-weight:var(--font-weight-normal)}input[type=range].slider-thumb::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#3b82f6;cursor:pointer;border:3px solid white;box-shadow:0 2px 8px rgba(59,130,246,.3);transition:transform .2s ease,box-shadow .2s ease;pointer-events:auto}input[type=range].slider-thumb::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(59,130,246,.4)}input[type=range].slider-thumb::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:3px solid white;box-shadow:0 2px 8px rgba(37,99,235,.3);transition:transform .2s ease,box-shadow .2s ease}input[type=range].slider-thumb::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(37,99,235,.4)}input[type=range].slider-thumb::-webkit-slider-runnable-track{background:#e5e7eb;height:6px;border-radius:3px}input[type=range].slider-thumb::-moz-range-track{background:#e5e7eb;height:6px;border-radius:3px}input[type=range].slider-thumb::-moz-range-progress{background:#2563eb;height:6px;border-radius:3px}input[type=range]:focus,input[type=range]:focus-visible{outline:none}select{color-scheme:light}.dark select{color-scheme:dark}.overflow-y-auto::-webkit-scrollbar{width:4px}.overflow-y-auto::-webkit-scrollbar-track{background:transparent}.overflow-y-auto::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#9ca3af}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes slideLeft{0%{transform:translate(calc(-50% - 100px),-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes slideInLeft{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes modalEnter{0%{transform:scale(.97) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes backdropEnter{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(-180deg) scale(0);opacity:0}to{transform:rotate(0deg) scale(1);opacity:1}}@keyframes blurIn{0%{filter:blur(20px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes blurOut{0%{filter:blur(0);opacity:1}to{filter:blur(20px);opacity:0}}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes iris{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}@keyframes shimmer-slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@container (max-width: 299px){.properties-panel-container .prop-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.properties-panel-container .prop-label,.properties-panel-container .prop-value{font-size:9px!important}.properties-panel-container .btn-grid-6{grid-template-columns:repeat(3,1fr)!important}.properties-panel-container .btn-grid-4,.properties-panel-container .mask-shapes-grid{grid-template-columns:repeat(2,1fr)!important}.properties-panel-container .section-title{font-size:9px!important}.properties-panel-container .input-inline{width:48px!important;min-width:48px!important}}@container (min-width: 300px) and (max-width: 359px){.properties-panel-container .prop-row{gap:6px!important}.properties-panel-container .prop-label{font-size:10px!important;letter-spacing:.03em!important}.properties-panel-container .btn-grid-6,.properties-panel-container .mask-shapes-grid{grid-template-columns:repeat(3,1fr)!important;gap:4px!important}.properties-panel-container .input-inline{width:54px!important;min-width:54px!important}.properties-panel-container .section-title{font-size:10px!important}}@container (min-width: 360px) and (max-width: 419px){.properties-panel-container .btn-grid-6{grid-template-columns:repeat(6,1fr)!important}.properties-panel-container .mask-shapes-grid{grid-template-columns:repeat(4,1fr)!important}}@container (min-width: 420px){.properties-panel-container .panel-inner-padding{padding-left:20px!important;padding-right:20px!important}.properties-panel-container .btn-grid-6{grid-template-columns:repeat(6,1fr)!important}.properties-panel-container .mask-shapes-grid{grid-template-columns:repeat(4,1fr)!important}}.properties-panel-container input[type=range]{width:100%;min-width:0}.properties-panel-container *{min-width:0}.properties-panel-container .flex.justify-between{gap:8px;flex-wrap:nowrap}.properties-panel-container label[class*=uppercase],.properties-panel-container span[class*="uppercase tracking"]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.properties-panel-container input[type=number],.properties-panel-container select{width:100%;min-width:0}@container (max-width: 299px){.properties-panel-container .p-4{padding:8px!important}.properties-panel-container .p-5{padding:10px!important}.properties-panel-container .px-4{padding-left:8px!important;padding-right:8px!important}.properties-panel-container .gap-2{gap:4px!important}.properties-panel-container .gap-3{gap:6px!important}.properties-panel-container .gap-4{gap:8px!important}.properties-panel-container .rounded-xl{border-radius:10px!important}}@container (min-width: 300px) and (max-width: 359px){.properties-panel-container .p-4{padding:10px!important}.properties-panel-container .p-5{padding:12px!important}.properties-panel-container .px-4{padding-left:10px!important;padding-right:10px!important}}.left-sidebar-container{container-type:inline-size;container-name:sidebar}@layer utilities{}