.css-grid-generator-module__vDfHMW__gridCanvas{border:1px solid hsl(var(--border));background:linear-gradient(180deg,hsl(var(--muted)/.55)0%,hsl(var(--muted)/.25)100%),repeating-linear-gradient(45deg,hsl(var(--border)/.18)0,hsl(var(--border)/.18)1px,transparent 1px,transparent 10px);box-shadow:inset 0 1px 2px hsl(var(--foreground)/.04);border-radius:.75rem;padding:1rem}.css-grid-generator-module__vDfHMW__gridEditor{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-height:380px;display:grid;position:relative}.css-grid-generator-module__vDfHMW__cellSlot{z-index:0;border:1px solid hsl(var(--border));background:hsl(var(--background)/.92);min-height:88px;box-shadow:inset 0 0 0 1px hsl(var(--background)/.65);pointer-events:none;border-radius:.625rem}.css-grid-generator-module__vDfHMW__addCell{z-index:1;border:2px dashed hsl(var(--border));background:hsl(var(--background)/.55);min-height:88px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;transition:background-color .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;display:flex}.css-grid-generator-module__vDfHMW__addCell:hover{background:hsl(var(--background));color:hsl(var(--primary));border-color:hsl(var(--primary)/.65);box-shadow:0 0 0 3px hsl(var(--primary)/.12);transform:translateY(-1px)}.css-grid-generator-module__vDfHMW__addIcon{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;font-weight:500;line-height:1;display:flex}.css-grid-generator-module__vDfHMW__gridItem{z-index:2;min-height:88px;box-shadow:0 1px 2px hsl(var(--foreground)/.08),0 8px 20px hsl(var(--foreground)/.08);letter-spacing:.02em;cursor:grab;border:2px solid #0000;border-radius:.625rem;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;transition:box-shadow .15s,transform .15s,opacity .15s;display:flex;position:relative}.css-grid-generator-module__vDfHMW__gridItem:hover{box-shadow:0 2px 4px hsl(var(--foreground)/.1),0 12px 28px hsl(var(--foreground)/.12)}.css-grid-generator-module__vDfHMW__gridItem:active{cursor:grabbing}.css-grid-generator-module__vDfHMW__gridItemDragging{opacity:.82;outline:2px dashed hsl(var(--primary));outline-offset:3px;transform:scale(.985)}.css-grid-generator-module__vDfHMW__gridItem[data-tone="0"]{color:#1e3a8a;background:linear-gradient(#dbeafe 0%,#bfdbfe 100%);border-color:#2563eb}.css-grid-generator-module__vDfHMW__gridItem[data-tone="1"]{color:#4c1d95;background:linear-gradient(#ede9fe 0%,#ddd6fe 100%);border-color:#7c3aed}.css-grid-generator-module__vDfHMW__gridItem[data-tone="2"]{color:#065f46;background:linear-gradient(#d1fae5 0%,#a7f3d0 100%);border-color:#059669}.css-grid-generator-module__vDfHMW__gridItem[data-tone="3"]{color:#92400e;background:linear-gradient(#fef3c7 0%,#fde68a 100%);border-color:#d97706}.css-grid-generator-module__vDfHMW__gridItem[data-tone="4"]{color:#9d174d;background:linear-gradient(#fce7f3 0%,#fbcfe8 100%);border-color:#db2777}.css-grid-generator-module__vDfHMW__gridItem[data-tone="5"]{color:#155e75;background:linear-gradient(#cffafe 0%,#a5f3fc 100%);border-color:#0891b2}.css-grid-generator-module__vDfHMW__itemLabel{pointer-events:none}.css-grid-generator-module__vDfHMW__removeButton{border:1px solid hsl(var(--border));background:hsl(var(--background)/.95);width:1.5rem;height:1.5rem;color:hsl(var(--muted-foreground));cursor:pointer;box-shadow:0 1px 2px hsl(var(--foreground)/.08);border-radius:9999px;justify-content:center;align-items:center;font-size:.875rem;line-height:1;transition:color .15s,border-color .15s,background-color .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.css-grid-generator-module__vDfHMW__removeButton:hover{color:hsl(var(--destructive));border-color:hsl(var(--destructive)/.45);background:hsl(var(--background))}.css-grid-generator-module__vDfHMW__resizeHandle{background:hsl(var(--background)/.92);opacity:.85;cursor:nwse-resize;width:1.125rem;height:1.125rem;box-shadow:0 1px 2px hsl(var(--foreground)/.1);border:1px solid;border-radius:.2rem;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;bottom:.45rem;right:.45rem}.css-grid-generator-module__vDfHMW__resizeHandle:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem;display:block}.css-grid-generator-module__vDfHMW__codeBlock{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5}@media (prefers-color-scheme:dark){.css-grid-generator-module__vDfHMW__gridItem[data-tone="0"]{color:#dbeafe;background:linear-gradient(#1e3a8a8c 0%,#2563eb59 100%);border-color:#60a5fa}.css-grid-generator-module__vDfHMW__gridItem[data-tone="1"]{color:#ede9fe;background:linear-gradient(#4c1d958c 0%,#7c3aed59 100%);border-color:#a78bfa}.css-grid-generator-module__vDfHMW__gridItem[data-tone="2"]{color:#d1fae5;background:linear-gradient(#065f468c 0%,#05966959 100%);border-color:#34d399}.css-grid-generator-module__vDfHMW__gridItem[data-tone="3"]{color:#fef3c7;background:linear-gradient(#92400e8c 0%,#d9770659 100%);border-color:#fbbf24}.css-grid-generator-module__vDfHMW__gridItem[data-tone="4"]{color:#fce7f3;background:linear-gradient(#9d174d8c 0%,#db277759 100%);border-color:#f472b6}.css-grid-generator-module__vDfHMW__gridItem[data-tone="5"]{color:#cffafe;background:linear-gradient(#155e758c 0%,#0891b259 100%);border-color:#22d3ee}}