@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";.grainrad.svelte-rejlxl{position:relative;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(280px,360px);gap:clamp(12px,1.6vw,18px);padding:clamp(10px,1.6vw,16px);border-radius:16px;min-height:70vh;color:var(--askii-text, #e5e7eb);background:radial-gradient(1200px 360px at 10% -10%,rgba(56,189,248,.18),transparent 60%),radial-gradient(900px 360px at 110% 10%,rgba(99,102,241,.16),transparent 65%),linear-gradient(180deg,var(--askii-bg-0, rgba(6, 6, 8, .96)),var(--askii-bg-1, rgba(10, 10, 12, .96)));border:1px solid var(--askii-border, rgba(255, 255, 255, .08));box-shadow:0 30px 60px #00000073;font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden}.grainrad.svelte-rejlxl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 0);background-size:18px 18px;opacity:.08;pointer-events:none}.grainrad.svelte-rejlxl>:where(.svelte-rejlxl){position:relative;z-index:1}@keyframes svelte-rejlxl-panelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel.left.svelte-rejlxl{animation:svelte-rejlxl-panelIn .6s ease both;animation-delay:.05s}.center.svelte-rejlxl{animation:svelte-rejlxl-panelIn .6s ease both;animation-delay:.12s}.panel.right.svelte-rejlxl{animation:svelte-rejlxl-panelIn .6s ease both;animation-delay:.2s}.panel.svelte-rejlxl{background:var(--askii-surface, rgba(12, 12, 14, .75));border:1px solid var(--askii-border, rgba(255, 255, 255, .1));border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0d}.panel-header.svelte-rejlxl{padding:12px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08);color:#f4f4f5}.panel-section.svelte-rejlxl{padding:14px;border-bottom:1px solid rgba(255,255,255,.06);display:grid;gap:10px}.panel-title.svelte-rejlxl{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.file-meta.svelte-rejlxl{display:grid;gap:6px;font-size:12px;color:#9ca3af}.meta-row.svelte-rejlxl{display:flex;justify-content:space-between;gap:8px}.truncate.svelte-rejlxl{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone.svelte-rejlxl{margin-top:6px;padding:18px 14px;border:1px dashed rgba(255,255,255,.25);border-radius:10px;text-align:center;font-size:12px;color:#9ca3af;position:relative;background:#ffffff05;transition:border .2s ease,background .2s ease,transform .2s ease}.dropzone.active.svelte-rejlxl{border-color:#38bdf8b3;background:#38bdf814;transform:translateY(-1px)}.file-input.svelte-rejlxl{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.effects.svelte-rejlxl{display:grid;gap:8px;list-style:none;padding:0;margin:0}.effects.svelte-rejlxl button:where(.svelte-rejlxl){width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#e5e7eb;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:6px;transition:border .2s ease,background .2s ease,transform .15s ease}.effects.svelte-rejlxl button.active:where(.svelte-rejlxl){border-color:#38bdf899;background:#38bdf81f}.effects.svelte-rejlxl button:where(.svelte-rejlxl):disabled{opacity:.4;cursor:not-allowed}.effects.svelte-rejlxl span:where(.svelte-rejlxl){font-size:10px;color:#9ca3af}.preset-list.svelte-rejlxl{display:grid;gap:8px}.preset-list.svelte-rejlxl button:where(.svelte-rejlxl),.export-grid.svelte-rejlxl button:where(.svelte-rejlxl),.ghost.svelte-rejlxl,.full.svelte-rejlxl{background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.14);color:#f4f4f5;font-size:12px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:transform .15s ease,border .2s ease,background .2s ease}.preset-list.svelte-rejlxl button:where(.svelte-rejlxl):hover,.export-grid.svelte-rejlxl button:where(.svelte-rejlxl):hover,.ghost.svelte-rejlxl:hover,.full.svelte-rejlxl:hover{transform:translateY(-1px);border-color:#38bdf899;background:#38bdf81f}.preset-list.svelte-rejlxl button:where(.svelte-rejlxl):disabled,.export-grid.svelte-rejlxl button:where(.svelte-rejlxl):disabled,.ghost.svelte-rejlxl:disabled,.full.svelte-rejlxl:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost.svelte-rejlxl{margin-top:8px}.center.svelte-rejlxl{display:flex;flex-direction:column;gap:10px}.topbar.svelte-rejlxl{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0c0c0ebf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar.svelte-rejlxl .title:where(.svelte-rejlxl){font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:#d4d4d8;font-weight:600}.topbar.svelte-rejlxl .title:where(.svelte-rejlxl) span:where(.svelte-rejlxl){color:#38bdf8;font-weight:700}.viewport.svelte-rejlxl{flex:1;background:radial-gradient(600px 320px at 20% 20%,rgba(56,189,248,.08),transparent 70%),linear-gradient(180deg,#0a0a0cf2,#08080afa);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;position:relative;cursor:grab;min-height:clamp(360px,56vh,760px);touch-action:none}.viewport.svelte-rejlxl:active{cursor:grabbing}.canvas-wrap.svelte-rejlxl{position:relative;transform-origin:center;width:fit-content;height:fit-content;margin:20px auto;padding:10px;border-radius:10px;background:#00000040;border:1px solid rgba(255,255,255,.06);overflow:visible}.mask-layer.svelte-rejlxl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.7;pointer-events:none;image-rendering:pixelated;mix-blend-mode:screen}.mask-layer.active.svelte-rejlxl{pointer-events:auto;cursor:crosshair;touch-action:none}.statusbar.svelte-rejlxl{display:flex;justify-content:space-between;font-size:11px;color:var(--askii-text-muted, #a1a1aa);padding:6px 10px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:#ffffff08;gap:10px;flex-wrap:wrap}.error.svelte-rejlxl{background:#ef444426;border:1px solid rgba(239,68,68,.4);padding:10px;border-radius:8px;font-size:12px}.slider.svelte-rejlxl,.select.svelte-rejlxl{display:grid;gap:6px;font-size:12px;color:#9ca3af}.slider.svelte-rejlxl label:where(.svelte-rejlxl),.select.svelte-rejlxl label:where(.svelte-rejlxl){display:flex;justify-content:space-between;align-items:center;gap:8px}.slider.svelte-rejlxl input[type=range]:where(.svelte-rejlxl){width:100%;accent-color:#38bdf8}.select.svelte-rejlxl select:where(.svelte-rejlxl),.select.svelte-rejlxl input[type=color]:where(.svelte-rejlxl){background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;padding:8px 10px;border-radius:8px}.toggle.svelte-rejlxl,.toggle-row.svelte-rejlxl{font-size:12px;color:#9ca3af;display:flex;align-items:center;justify-content:space-between;gap:8px}.meta-grid.svelte-rejlxl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#d4d4d8;font-size:12px}.meta-grid.svelte-rejlxl strong:where(.svelte-rejlxl){color:#f4f4f5;font-weight:600}.hint.svelte-rejlxl{font-size:11px;color:#9ca3af}.export-grid.svelte-rejlxl{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.full.svelte-rejlxl{width:100%;margin-top:8px}textarea.svelte-rejlxl{width:100%;min-height:160px;background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#00ff8a;font-family:JetBrains Mono,Courier New,monospace;font-size:10px;padding:10px;resize:vertical}@media (max-width: 1400px){.grainrad.svelte-rejlxl{grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(240px,300px)}}@media (max-width: 1024px){.grainrad.svelte-rejlxl{grid-template-columns:1fr;padding:12px;min-height:auto}.panel.left.svelte-rejlxl,.panel.right.svelte-rejlxl{order:2}.center.svelte-rejlxl{order:1}}@media (max-width: 768px){.topbar.svelte-rejlxl{flex-direction:column;align-items:flex-start;gap:8px}.meta-grid.svelte-rejlxl{grid-template-columns:1fr}.viewport.svelte-rejlxl{min-height:340px}.canvas-wrap.svelte-rejlxl{padding:6px;margin:12px auto}}@media (max-width: 640px){.grainrad.svelte-rejlxl{padding:8px;border-radius:12px}.panel.svelte-rejlxl,.topbar.svelte-rejlxl,.viewport.svelte-rejlxl{border-radius:10px}.export-grid.svelte-rejlxl{grid-template-columns:1fr}textarea.svelte-rejlxl{min-height:120px}}