.grid-controls[data-v-f9a918b1]{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:768px){.grid-controls[data-v-f9a918b1]{overflow:visible}}.grid-controls__panel[data-v-f9a918b1]{background:linear-gradient(145deg,rgb(var(--surface-panel-1)),rgb(var(--surface-panel-2)));border:1px solid rgb(var(--panel-border));border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}@media(max-width:768px){.grid-controls__panel[data-v-f9a918b1]{overflow:visible}}.grid-controls__section[data-v-f9a918b1]{display:grid;gap:1rem}.grid-controls__section_split[data-v-f9a918b1]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.grid-controls__section[data-v-f9a918b1]{overflow:visible}}.grid-controls__field[data-v-f9a918b1]{display:flex;flex-direction:column;gap:.5rem}.grid-controls__field_hint[data-v-f9a918b1]{justify-content:flex-end}.grid-controls__label[data-v-f9a918b1]{color:rgb(var(--color-text-primary));font-size:.875rem;font-weight:600}.grid-controls__subfield[data-v-f9a918b1]{margin-top:.25rem}.grid-controls__hint[data-v-f9a918b1]{color:rgb(var(--color-text-secondary));font-size:.875rem;margin:0}.grid-controls__header[data-v-f9a918b1]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.grid-controls__eyebrow[data-v-f9a918b1]{color:rgb(var(--color-text-secondary));font-size:.75rem;letter-spacing:.04em;margin:0;text-transform:uppercase}.grid-controls__title[data-v-f9a918b1]{color:rgb(var(--color-text-primary));font-size:1.125rem;margin:2px 0 0}.grid-controls__actions[data-v-f9a918b1]{align-items:center;display:flex;gap:.25rem}.grid-controls__items[data-v-f9a918b1]{position:relative}.grid-controls__items-list[data-v-f9a918b1]{display:flex;flex-direction:column;gap:1rem}.grid-controls__list-drag-hint[data-v-f9a918b1]{color:rgb(var(--color-text-secondary));font-size:.75rem;margin:0}.grid-controls__item-card[data-v-f9a918b1]{background:rgb(var(--color-bg-primary));border:1px solid rgb(var(--color-border));border-radius:.5rem;box-shadow:0 12px 28px rgba(var(--color-text-primary),.05);padding:1rem;transition:border-color .15s ease-in-out,transform .15s ease-in-out}.grid-controls__item-card[data-v-f9a918b1]:hover{border-color:rgb(var(--color-border-hover));transform:translateY(-2px)}.grid-controls__item-card_pressed[data-v-f9a918b1]{border-color:rgba(var(--color-primary),.5);box-shadow:0 12px 28px rgba(var(--color-text-primary),.05),0 0 0 3px rgba(var(--color-primary),.12)}.grid-controls__item-card_dragging[data-v-f9a918b1]{border-color:rgba(var(--color-primary),.74);box-shadow:0 18px 36px #0f172a38}.grid-controls__item-header[data-v-f9a918b1]{align-items:center;color:rgb(var(--color-text-primary));display:flex;justify-content:space-between;margin-bottom:1rem}.grid-controls__item-meta[data-v-f9a918b1]{align-items:center;display:flex;gap:.5rem}.grid-controls__drag-handle[data-v-f9a918b1]{background:rgb(var(--color-bg-secondary));border:1px solid rgb(var(--color-border));border-radius:.375rem;cursor:grab;height:30px;touch-action:none;width:30px}.grid-controls__drag-handle-dots[data-v-f9a918b1]{background-image:radial-gradient(circle,rgb(var(--color-text-secondary)) 1.5px,transparent 1.5px),radial-gradient(circle,rgb(var(--color-text-secondary)) 1.5px,transparent 1.5px);background-position:calc(50% - 3px),calc(50% + 3px);background-repeat:repeat-y;background-size:8px 12px;display:block;height:100%;opacity:.82;width:100%}.grid-controls__item-name[data-v-f9a918b1]{font-weight:600}.grid-controls__pill[data-v-f9a918b1]{align-items:center;background:rgb(var(--color-bg-tertiary));border-radius:9999px;color:rgb(var(--color-text-secondary));display:inline-flex;font-size:.75rem;padding:2px 8px}.grid-controls__item-actions[data-v-f9a918b1]{align-items:center;display:flex;gap:.25rem}.grid-controls__item-fields[data-v-f9a918b1]{display:flex;flex-direction:column;gap:.5rem}.grid-controls__item-row[data-v-f9a918b1]{display:flex;flex-direction:column;gap:.25rem}.grid-controls__item-row label[data-v-f9a918b1]{color:rgb(var(--color-text-secondary));font-size:.75rem}.grid-controls__item-row_inline[data-v-f9a918b1]{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.grid-controls__item-row_color[data-v-f9a918b1]{align-items:center;display:grid;gap:.5rem;grid-template-columns:120px 1fr}@media(max-width:768px){.grid-controls__item-row_color[data-v-f9a918b1]{grid-template-columns:1fr}}.grid-controls__mini-field[data-v-f9a918b1]{display:flex;flex-direction:column;gap:.25rem}.grid-controls__mini-field label[data-v-f9a918b1]{color:rgb(var(--color-text-secondary));font-size:.75rem}.grid-controls__color-group[data-v-f9a918b1]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.grid-controls__color-picker[data-v-f9a918b1]{background:transparent;border:1px solid rgb(var(--color-border));border-radius:.25rem;cursor:pointer;height:44px;width:44px}.grid-controls__drag-ghost[data-v-f9a918b1]{pointer-events:none;position:fixed;z-index:20}@media(max-width:640px){.grid-controls__item-header[data-v-f9a918b1]{align-items:flex-start;flex-direction:column;gap:.5rem}.grid-controls__item-actions[data-v-f9a918b1]{flex-wrap:wrap;justify-content:flex-end;width:100%}}.grid-item-list-move[data-v-f9a918b1]{transition:transform .18s ease}.grid-preview[data-v-5dfd01b1]{background:linear-gradient(145deg,rgb(var(--surface-panel-1)),rgb(var(--surface-panel-2)));border:1px solid rgb(var(--panel-border));border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:420px;padding:2rem;width:100%}.grid-preview__container[data-v-5dfd01b1]{background:linear-gradient(90deg,rgba(var(--color-border),.08) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(0deg,rgba(var(--color-border),.08) 1px,transparent 1px) 0 0/24px 24px,rgb(var(--color-bg-primary));border-radius:.5rem;min-height:360px;overflow:hidden;padding:1rem;position:relative;width:100%}.grid-preview__container_fit-width[data-v-5dfd01b1]{max-width:100%;width:-moz-fit-content;width:fit-content}.grid-preview__container_fit-height[data-v-5dfd01b1]{height:-moz-fit-content;height:fit-content;min-height:200px}.grid-preview__item[data-v-5dfd01b1]{align-items:center;border-radius:.375rem;box-shadow:0 10px 24px rgba(var(--color-text-primary),.05);color:var(--text-primary-inverse);display:flex;font-size:.875rem;font-weight:600;justify-content:center;padding:1rem;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.2);touch-action:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,grid-column .18s ease,grid-row .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-preview__item[data-v-5dfd01b1]:hover{box-shadow:0 12px 28px rgba(var(--color-text-primary),.05);transform:translateY(-2px);z-index:100!important}.grid-preview__item_dragging[data-v-5dfd01b1]{box-shadow:0 14px 32px rgba(var(--color-text-primary),.05);cursor:grabbing;opacity:.95;transform:translateY(-4px) scale(1.02);z-index:200!important}.grid-generation-process[data-v-4137b23a]{align-items:start;display:grid;gap:1.5rem;grid-template-areas:"preview" "controls" "code" "presets";grid-template-columns:1fr;position:relative}@media(max-width:768px){.grid-generation-process[data-v-4137b23a]{overflow:visible}}@media(min-width:1024px){.grid-generation-process[data-v-4137b23a]{gap:2rem;grid-template-areas:"preview controls" "code code" "presets presets";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.grid-generation-process__code[data-v-4137b23a]{display:flex;flex-direction:column;gap:1.5rem;grid-area:code;grid-column:1/-1;min-width:0;order:1}.grid-generation-process__preview[data-v-4137b23a]{grid-area:preview;min-height:420px;min-width:0;order:2;position:relative}.grid-generation-process__preview-inner[data-v-4137b23a]{width:100%}.grid-generation-process__preview-inner_floating[data-v-4137b23a]{position:fixed;z-index:10}.grid-generation-process__controls[data-v-4137b23a]{display:flex;flex-direction:column;gap:1.5rem;grid-area:controls;min-width:0;order:3}@media(max-width:768px){.grid-generation-process__controls[data-v-4137b23a]{overflow:visible}}.grid-generation-process__presets[data-v-4137b23a]{grid-area:presets;grid-column:1/-1;min-width:0;order:4}.grid-page[data-v-afdb85f5]{background:radial-gradient(140% 140% at 18% 15%,rgba(var(--color-primary),.32),transparent 55%),radial-gradient(140% 130% at 82% 20%,rgba(var(--color-secondary),.25),transparent 58%),radial-gradient(100% 100% at 50% 100%,rgba(var(--color-accent),.18),transparent 70%),linear-gradient(180deg,rgb(var(--color-bg-secondary)),rgb(var(--color-bg-primary)));color:rgb(var(--color-text-primary));min-height:calc(var(--app-vh, 1vh)*100);overflow:hidden;padding:120px 0 4rem;position:relative}.grid-page[data-v-afdb85f5]:before{animation:nebulaDrift-afdb85f5 52s ease-in-out infinite alternate;background:radial-gradient(45% 50% at 20% 35%,rgba(var(--color-primary),.42),transparent 65%),radial-gradient(38% 42% at 75% 25%,rgba(var(--color-secondary),.36),transparent 68%),radial-gradient(48% 55% at 80% 75%,rgba(var(--color-accent),.32),transparent 65%),radial-gradient(50% 50% at 15% 85%,rgba(var(--color-primary),.28),transparent 68%);background-repeat:no-repeat;background-size:130% 130%;inset:-30%;opacity:.85;will-change:transform;z-index:-2}.grid-page[data-v-afdb85f5]:after,.grid-page[data-v-afdb85f5]:before{backface-visibility:hidden;contain:layout paint;content:"";position:absolute}.grid-page[data-v-afdb85f5]:after{animation:gridPulse-afdb85f5 50s ease-in-out infinite alternate;background-image:radial-gradient(55% 55% at 20% 18%,rgba(var(--color-text-primary),.12),transparent 38%),radial-gradient(55% 55% at 80% 32%,rgba(var(--color-text-primary),.08),transparent 40%),repeating-linear-gradient(90deg,rgba(var(--color-text-primary),.06) 0 1px,transparent 1px 110px),repeating-linear-gradient(0deg,rgba(var(--color-text-primary),.06) 0 1px,transparent 1px 110px);background-size:100% 100%,100% 100%,180px 180px,180px 180px;inset:-8%;-webkit-mask-image:radial-gradient(120% 120% at 50% 48%,rgba(0,0,0,.92),transparent 94%);mask-image:radial-gradient(120% 120% at 50% 48%,rgba(0,0,0,.92),transparent 94%);mix-blend-mode:overlay;opacity:.55;pointer-events:none;will-change:transform,opacity;z-index:-1}.grid-page__header[data-v-afdb85f5]{align-items:flex-start;background:linear-gradient(135deg,rgba(var(--color-text-primary),.08),rgba(var(--color-text-primary),.03));border:1px solid rgba(var(--panel-border),.12);border-radius:1rem;box-shadow:0 25px 70px #0006,0 12px 30px rgba(var(--color-primary),.18);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:3rem;overflow:hidden;padding:1.5rem;position:relative}.grid-page__header[data-v-afdb85f5]:after{background:radial-gradient(50% 50% at 80% 30%,rgba(var(--color-accent),.15),transparent 60%);background-repeat:no-repeat;background-size:140% 140%;content:"";inset:-40%;opacity:.6;pointer-events:none;position:absolute}.grid-page__title[data-v-afdb85f5]{color:rgb(var(--color-text-primary));font-size:1.875rem;font-weight:700;margin-bottom:.25rem}@media(min-width:768px){.grid-page__title[data-v-afdb85f5]{font-size:2.25rem}}.grid-page__subtitle[data-v-afdb85f5]{color:rgba(var(--color-text-secondary),.9);font-size:1rem;line-height:1.6;max-width:640px}@media(min-width:768px){.grid-page__subtitle[data-v-afdb85f5]{font-size:1.125rem}}.grid-page__back-link[data-v-afdb85f5]{background:rgba(var(--color-bg-primary),.06);border:1px solid rgba(var(--color-border),.6);border-radius:9999px;box-shadow:inset 0 1px rgba(var(--color-border),.25);color:rgb(var(--color-text-primary));font-weight:500;padding:.5rem 1rem;transition:border-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out;white-space:nowrap}.grid-page__back-link[data-v-afdb85f5]:hover{backface-visibility:hidden;border-color:rgba(var(--color-text-primary),.22);box-shadow:0 8px 24px rgba(var(--color-primary),.25);transform:translate3d(0,-1px,0)}.grid-page__motion[data-v-afdb85f5]{animation:orbitSweep-afdb85f5 68s linear infinite;background:conic-gradient(from 135deg at 42% 38%,rgba(var(--color-primary),.4),rgba(var(--color-secondary),.22),rgba(var(--color-accent),.3),rgba(var(--color-primary),.4));background-size:150% 150%;contain:layout paint;inset:-35% -45%;-webkit-mask-image:radial-gradient(72% 72% at 50% 48%,rgba(0,0,0,.95),transparent 92%);mask-image:radial-gradient(72% 72% at 50% 48%,rgba(0,0,0,.95),transparent 92%);mix-blend-mode:screen;opacity:.65;pointer-events:none;z-index:-2}.grid-page__motion[data-v-afdb85f5],.grid-page__motion[data-v-afdb85f5]:before{backface-visibility:hidden;position:absolute;will-change:transform}.grid-page__motion[data-v-afdb85f5]:before{animation:floatingOrb1-afdb85f5 25s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(var(--color-primary),.5),transparent 70%);border-radius:50%;content:"";height:400px;left:10%;top:15%;width:400px}.grid-page__motion[data-v-afdb85f5]:after{animation:floatingOrb2-afdb85f5 28s ease-in-out infinite alternate-reverse;backface-visibility:hidden;background:radial-gradient(circle,rgba(var(--color-accent),.45),transparent 70%);border-radius:50%;bottom:20%;content:"";height:350px;position:absolute;right:15%;width:350px;will-change:transform}@keyframes nebulaDrift-afdb85f5{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(-6%,5%,0) scale(1.05)}50%{transform:translate3d(4%,-4%,0) scale(1.04)}75%{transform:translate3d(-3%,-6%,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}@keyframes gridPulse-afdb85f5{0%{opacity:.38;transform:translateZ(0) scale(1)}50%{opacity:.5;transform:translate3d(2%,-2%,0) scale(1.02)}to{opacity:.42;transform:translate3d(-1%,2%,0) scale(1.03)}}@keyframes orbitSweep-afdb85f5{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.03)}to{transform:rotate(1turn) scale(1)}}@keyframes floatingOrb1-afdb85f5{0%{opacity:.5;transform:translateZ(0) scale(1)}33%{opacity:.7;transform:translate3d(60px,-80px,0) scale(1.15)}66%{opacity:.6;transform:translate3d(-50px,-40px,0) scale(.95)}to{opacity:.5;transform:translateZ(0) scale(1)}}@keyframes floatingOrb2-afdb85f5{0%{opacity:.45;transform:translateZ(0) scale(1)}33%{opacity:.65;transform:translate3d(-70px,60px,0) scale(1.1)}66%{opacity:.55;transform:translate3d(40px,50px,0) scale(.9)}to{opacity:.45;transform:translateZ(0) scale(1)}}@media(max-width:768px){.grid-page[data-v-afdb85f5]{padding:120px 0 3rem}.grid-page__header[data-v-afdb85f5]{gap:1rem;margin-bottom:2rem;padding:1rem}.grid-page__title[data-v-afdb85f5]{font-size:1.5rem}.grid-page__subtitle[data-v-afdb85f5]{font-size:.875rem}.grid-page__motion[data-v-afdb85f5]:before{height:300px;width:300px}.grid-page__motion[data-v-afdb85f5]:after{height:250px;width:250px}}@media(max-width:480px){.grid-page[data-v-afdb85f5]{padding:120px 0 2rem}.grid-page__header[data-v-afdb85f5]{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.grid-page__title[data-v-afdb85f5]{font-size:1.25rem}.grid-page__subtitle[data-v-afdb85f5]{font-size:.75rem}.grid-page__back-link[data-v-afdb85f5]{font-size:.875rem;padding:.25rem .5rem;text-align:center;width:100%}.grid-page__motion[data-v-afdb85f5]:before{height:200px;width:200px}.grid-page__motion[data-v-afdb85f5]:after{height:180px;width:180px}}@media(prefers-reduced-motion:reduce){.grid-page[data-v-afdb85f5]:after,.grid-page[data-v-afdb85f5]:before,.grid-page__motion[data-v-afdb85f5],.grid-page__motion[data-v-afdb85f5]:after,.grid-page__motion[data-v-afdb85f5]:before{animation:none!important}}