.layout[data-v-1e95a372]{min-height:100vh;display:grid;grid-template-columns:430px minmax(0,1fr)}.sidebar[data-v-1e95a372]{padding:24px;background:#080e1de6;border-right:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto}.content[data-v-1e95a372]{padding:28px;display:grid;gap:24px}.panel[data-v-1e95a372],.panel-like[data-v-1e95a372],.preview-section[data-v-1e95a372],.preview-block[data-v-1e95a372]{border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;box-shadow:0 24px 70px #00000038}.panel[data-v-1e95a372]{padding:18px;margin-bottom:16px}.panel-like[data-v-1e95a372],.preview-section[data-v-1e95a372],.preview-block[data-v-1e95a372]{padding:20px}.intro-panel[data-v-1e95a372]{display:grid;gap:18px}.gradient-builder-panel[data-v-1e95a372]{display:grid;gap:16px}.custom-gradient-stack[data-v-1e95a372]{display:grid;gap:14px}.custom-gradient-card[data-v-1e95a372]{display:grid;gap:12px;padding:14px;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.custom-gradient-preview[data-v-1e95a372]{min-height:120px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.builder-grid[data-v-1e95a372]{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.kicker[data-v-1e95a372]{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:#ecf3ffb8}h1[data-v-1e95a372],h2[data-v-1e95a372],h3[data-v-1e95a372],p[data-v-1e95a372]{margin-top:0}h1[data-v-1e95a372]{font-size:1.9rem;line-height:1.15;margin-bottom:10px}h2[data-v-1e95a372]{font-size:1.05rem}.intro-copy[data-v-1e95a372],.hint-copy[data-v-1e95a372]{color:#ecf3ffbd;line-height:1.55}.hint-copy[data-v-1e95a372]{margin:12px 0 0;font-size:.92rem}.button-row[data-v-1e95a372],.section-head[data-v-1e95a372],.meta-row[data-v-1e95a372],.site-nav[data-v-1e95a372],.browser-chrome[data-v-1e95a372],.nav-links[data-v-1e95a372]{display:flex;align-items:center;gap:10px}.button-row[data-v-1e95a372]{flex-wrap:wrap}.section-head[data-v-1e95a372]{justify-content:space-between;margin-bottom:14px}.section-head.compact[data-v-1e95a372]{margin-bottom:8px}.section-head.light[data-v-1e95a372]{margin-bottom:16px}.compact-block-head[data-v-1e95a372]{margin-bottom:14px}.pill[data-v-1e95a372],.subtle[data-v-1e95a372],.status[data-v-1e95a372]{border-radius:999px;padding:6px 10px;font-size:.78rem}.pill[data-v-1e95a372],.subtle[data-v-1e95a372]{background:#ffffff14;color:#ecf3ffc2}.status.ok[data-v-1e95a372]{background:#50d59a29;color:#8df0c3}.status.error[data-v-1e95a372]{background:#ff6b6b24;color:#ff9a9a}.btn[data-v-1e95a372],.icon-btn[data-v-1e95a372],input[data-v-1e95a372],textarea[data-v-1e95a372],select[data-v-1e95a372]{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#eef4ff;border-radius:16px}.btn[data-v-1e95a372],.icon-btn[data-v-1e95a372]{padding:10px 14px;transition:.18s ease}.btn[data-v-1e95a372]:hover,.icon-btn[data-v-1e95a372]:hover{transform:translateY(-1px);background:#ffffff1f}.btn-primary[data-v-1e95a372]{background:linear-gradient(135deg,#7b61ff,#22d3ee);color:#fff;border:none}.icon-btn.danger[data-v-1e95a372]{color:#ff9a9a}.icon-btn[data-v-1e95a372]:disabled{opacity:.35;cursor:not-allowed;transform:none}.stack[data-v-1e95a372]{display:grid;gap:12px}.color-card[data-v-1e95a372]{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:14px;padding:12px;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.swatch[data-v-1e95a372]{min-height:100%;border-radius:18px}.color-content[data-v-1e95a372],.actions-col[data-v-1e95a372],.field-grid[data-v-1e95a372],.controls-panel[data-v-1e95a372],.preview-grid[data-v-1e95a372],.palette-grid[data-v-1e95a372],.hero-grid[data-v-1e95a372],.mini-palette[data-v-1e95a372],.showcase-stack[data-v-1e95a372],.shade-palette-grid[data-v-1e95a372]{display:grid}.color-content[data-v-1e95a372]{gap:10px}.field-grid[data-v-1e95a372]{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.actions-col[data-v-1e95a372]{gap:8px;align-content:start}label[data-v-1e95a372]{display:grid;gap:6px}label span[data-v-1e95a372],small[data-v-1e95a372]{color:#ecf3ffb3}input[data-v-1e95a372],textarea[data-v-1e95a372],select[data-v-1e95a372]{width:100%;padding:12px 14px}textarea[data-v-1e95a372]{min-height:260px;resize:vertical;line-height:1.45}.check-row[data-v-1e95a372]{display:flex;align-items:center;gap:8px}.check-row input[data-v-1e95a372]{width:auto}.controls-panel[data-v-1e95a372]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.preview-showcase-section[data-v-1e95a372]{display:grid;gap:18px}.showcase-stack[data-v-1e95a372]{gap:18px}.panel-like.hero-preview[data-v-1e95a372]{position:relative;overflow:hidden;min-height:420px}.showcase-hero[data-v-1e95a372]{min-height:450px}.hero-overlay[data-v-1e95a372]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.browser-chrome[data-v-1e95a372],.site-nav[data-v-1e95a372],.hero-grid[data-v-1e95a372]{position:relative;z-index:1}.browser-chrome span[data-v-1e95a372]{width:12px;height:12px;border-radius:50%;background:#ffffff59}.site-nav[data-v-1e95a372]{justify-content:space-between;margin:12px 0 32px}.site-nav a[data-v-1e95a372]{color:inherit;text-decoration:none;opacity:.8}.hero-grid[data-v-1e95a372]{grid-template-columns:1.2fr .9fr;gap:18px;align-items:end}.glass[data-v-1e95a372]{border-radius:24px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-copy[data-v-1e95a372],.stats-card[data-v-1e95a372],.preview-label[data-v-1e95a372],.palette-meta[data-v-1e95a372],.shade-column-head[data-v-1e95a372]{padding:20px}.preview-grid[data-v-1e95a372]{gap:16px}.gradient-grid[data-v-1e95a372]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.overlay-grid[data-v-1e95a372]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fixed-four-grid[data-v-1e95a372]{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-card[data-v-1e95a372],.palette-tile[data-v-1e95a372],.shade-column[data-v-1e95a372]{border-radius:24px;overflow:hidden;min-height:160px;position:relative;border:1px solid rgba(255,255,255,.08)}.preview-card.tall[data-v-1e95a372]{min-height:320px}.preview-card.medium[data-v-1e95a372]{min-height:190px;padding:16px;display:flex;align-items:end}.gradient-variant-card[data-v-1e95a372]{background:#09111fdb;display:grid;grid-template-rows:1fr auto}.overlay-preview-card[data-v-1e95a372]{box-shadow:inset 0 0 0 1px #ffffff14}.gradient-surface[data-v-1e95a372]{min-height:210px}.gradient-card-body[data-v-1e95a372]{padding:14px;display:grid;gap:10px}.preview-label[data-v-1e95a372]{display:grid;gap:6px}.compact-dark[data-v-1e95a372]{padding:0;background:transparent;border:0}.css-line[data-v-1e95a372]{display:block;padding:12px;border-radius:16px;background:#ffffff0f;color:#d9e7ff;font-size:.8rem;line-height:1.45;word-break:break-word}.palette-grid[data-v-1e95a372]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.palette-tile[data-v-1e95a372]{min-height:150px;display:flex;align-items:end}.palette-meta[data-v-1e95a372]{width:calc(100% - 20px);margin:10px}.mini-palette[data-v-1e95a372]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-swatch[data-v-1e95a372]{min-height:84px;border-radius:18px;padding:12px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 1px #ffffff26}.shade-palette-grid[data-v-1e95a372]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.shade-column[data-v-1e95a372]{background:#ffffff0a;display:grid;align-content:start}.shade-column-head[data-v-1e95a372]{display:grid;gap:6px;border-bottom:1px solid rgba(255,255,255,.08)}.shade-row[data-v-1e95a372]{min-height:76px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}@media (max-width: 1100px){.layout[data-v-1e95a372]{grid-template-columns:1fr}.sidebar[data-v-1e95a372]{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}}@media (max-width: 900px){.fixed-four-grid[data-v-1e95a372],.builder-grid[data-v-1e95a372],.controls-panel[data-v-1e95a372],.field-grid[data-v-1e95a372],.hero-grid[data-v-1e95a372]{grid-template-columns:1fr}}@media (max-width: 760px){.content[data-v-1e95a372],.sidebar[data-v-1e95a372]{padding:16px}.color-card[data-v-1e95a372]{grid-template-columns:1fr}.swatch[data-v-1e95a372]{min-height:72px}.shade-row[data-v-1e95a372]{flex-direction:column;align-items:flex-start}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecf3ff;background:radial-gradient(circle at top left,rgba(123,97,255,.2),transparent 30%),radial-gradient(circle at top right,rgba(35,211,205,.15),transparent 24%),linear-gradient(180deg,#09111f,#0f1830)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}