@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";.grainrad.svelte-16szj07{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-16szj07: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-16szj07>:where(.svelte-16szj07){position:relative;z-index:1}@keyframes svelte-16szj07-panelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel.left.svelte-16szj07{animation:svelte-16szj07-panelIn .6s ease both;animation-delay:.05s}.center.svelte-16szj07{animation:svelte-16szj07-panelIn .6s ease both;animation-delay:.12s}.panel.right.svelte-16szj07{animation:svelte-16szj07-panelIn .6s ease both;animation-delay:.2s}.panel.svelte-16szj07{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-16szj07{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-16szj07{padding:14px;border-bottom:1px solid rgba(255,255,255,.06);display:grid;gap:10px}.panel-title.svelte-16szj07{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.file-meta.svelte-16szj07{display:grid;gap:6px;font-size:12px;color:#9ca3af}.meta-row.svelte-16szj07{display:flex;justify-content:space-between;gap:8px}.truncate.svelte-16szj07{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone.svelte-16szj07{margin-top:6px;padding:28px 18px;border:1px dashed rgba(56,189,248,.55);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-title.svelte-16szj07{margin:0 0 4px;font-size:14px;font-weight:650;color:#f4f4f5}.privacy-note.svelte-16szj07{display:block;margin-top:6px;color:#71717a}.copy-primary.svelte-16szj07{background:linear-gradient(180deg,#0ea5e9f2,#0284c7f2);border-color:#7dd3fc8c;color:#fff;font-weight:650}.dropzone.active.svelte-16szj07{border-color:#38bdf8b3;background:#38bdf814;transform:translateY(-1px)}.file-input.svelte-16szj07{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.effects.svelte-16szj07{display:grid;gap:8px;list-style:none;padding:0;margin:0}.effects.svelte-16szj07 button:where(.svelte-16szj07){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-16szj07 button.active:where(.svelte-16szj07){border-color:#38bdf899;background:#38bdf81f}.effects.svelte-16szj07 button:where(.svelte-16szj07):disabled{opacity:.4;cursor:not-allowed}.effects.svelte-16szj07 span:where(.svelte-16szj07){font-size:10px;color:#9ca3af}.preset-list.svelte-16szj07{display:grid;gap:8px}.preset-list.svelte-16szj07 button:where(.svelte-16szj07),.export-grid.svelte-16szj07 button:where(.svelte-16szj07),.ghost.svelte-16szj07,.full.svelte-16szj07{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-16szj07 button:where(.svelte-16szj07):hover,.export-grid.svelte-16szj07 button:where(.svelte-16szj07):hover,.ghost.svelte-16szj07:hover,.full.svelte-16szj07:hover{transform:translateY(-1px);border-color:#38bdf899;background:#38bdf81f}.preset-list.svelte-16szj07 button:where(.svelte-16szj07):disabled,.export-grid.svelte-16szj07 button:where(.svelte-16szj07):disabled,.ghost.svelte-16szj07:disabled,.full.svelte-16szj07:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost.svelte-16szj07{margin-top:8px}.center.svelte-16szj07{display:flex;flex-direction:column;gap:10px}.topbar.svelte-16szj07{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-16szj07 .title:where(.svelte-16szj07){font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:#d4d4d8;font-weight:600}.topbar.svelte-16szj07 .title:where(.svelte-16szj07) span:where(.svelte-16szj07){color:#38bdf8;font-weight:700}.viewport.svelte-16szj07{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-16szj07:active{cursor:grabbing}.canvas-wrap.svelte-16szj07{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-16szj07{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-16szj07{pointer-events:auto;cursor:crosshair;touch-action:none}.statusbar.svelte-16szj07{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}.fallback.svelte-16szj07{background:#38bdf814;border:1px solid rgba(56,189,248,.22);color:#d4d4d8;padding:10px;border-radius:8px;font-size:12px}.slider.svelte-16szj07,.select.svelte-16szj07{display:grid;gap:6px;font-size:12px;color:#9ca3af}.slider.svelte-16szj07 label:where(.svelte-16szj07),.select.svelte-16szj07 label:where(.svelte-16szj07){display:flex;justify-content:space-between;align-items:center;gap:8px}.slider.svelte-16szj07 input[type=range]:where(.svelte-16szj07){width:100%;accent-color:#38bdf8}.select.svelte-16szj07 select:where(.svelte-16szj07),.select.svelte-16szj07 input[type=color]:where(.svelte-16szj07){background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;padding:8px 10px;border-radius:8px}.toggle.svelte-16szj07,.toggle-row.svelte-16szj07{font-size:12px;color:#9ca3af;display:flex;align-items:center;justify-content:space-between;gap:8px}.meta-grid.svelte-16szj07{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-16szj07 strong:where(.svelte-16szj07){color:#f4f4f5;font-weight:600}.hint.svelte-16szj07{font-size:11px;color:#9ca3af}.export-grid.svelte-16szj07{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.full.svelte-16szj07{width:100%;margin-top:8px}.publish.svelte-16szj07{background:linear-gradient(180deg,#38bdf8e6,#0ea5e9e6);border-color:#7dd3fc80;color:#05202e;font-weight:600}.publish.svelte-16szj07:disabled{background:linear-gradient(180deg,#ffffff14,#ffffff05);border-color:#ffffff24;color:#f4f4f5;font-weight:400}textarea.svelte-16szj07{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-16szj07{grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(240px,300px)}}@media (max-width: 1024px){.grainrad.svelte-16szj07{grid-template-columns:1fr;padding:12px;min-height:auto}.panel.left.svelte-16szj07,.panel.right.svelte-16szj07{order:2}.center.svelte-16szj07{order:1}}@media (max-width: 768px){.topbar.svelte-16szj07{flex-direction:column;align-items:flex-start;gap:8px}.meta-grid.svelte-16szj07{grid-template-columns:1fr}.viewport.svelte-16szj07{min-height:340px}.canvas-wrap.svelte-16szj07{padding:6px;margin:12px auto}}@media (max-width: 640px){.grainrad.svelte-16szj07{padding:8px;border-radius:12px}.panel.svelte-16szj07,.topbar.svelte-16szj07,.viewport.svelte-16szj07{border-radius:10px}.export-grid.svelte-16szj07{grid-template-columns:1fr}textarea.svelte-16szj07{min-height:120px}}