.tool-page.svelte-17ub9s5{width:min(1480px,100vw - 32px);margin:0 auto;padding:32px 0 48px}.drag-overlay.svelte-17ub9s5{z-index:40;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#f3a63d1a,#0f1217c7),#0a0c1094;border:1.5px dashed #f3a63db8;border-radius:30px;place-items:center;display:grid;position:fixed;inset:14px;box-shadow:inset 0 0 0 1px #ffffff0f}.drag-overlay.svelte-17ub9s5 div:where(.svelte-17ub9s5){color:var(--text);letter-spacing:.01em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:14px 20px;font-size:1rem}.help-backdrop.svelte-17ub9s5{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070aad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.help-backdrop-button.svelte-17ub9s5{cursor:default;background:0 0;border:0;position:absolute;inset:0}.help-modal.svelte-17ub9s5{z-index:1;background:linear-gradient(#181d24fa,#0c0f13fa);border:1px solid #ffffff1a;border-radius:26px;width:min(520px,100%);padding:28px;position:relative;box-shadow:0 24px 80px #0000006b}.help-modal.svelte-17ub9s5 h2:where(.svelte-17ub9s5){margin:8px 0 10px}.help-modal.svelte-17ub9s5 p:where(.svelte-17ub9s5){margin:0}.help-close.svelte-17ub9s5{width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;position:absolute;top:16px;right:16px}.hero-card.svelte-17ub9s5,.panel.svelte-17ub9s5,.guide-card.svelte-17ub9s5{background:linear-gradient(#151a20f0,#0c0f13f0);border:1px solid #ffffff14;border-radius:30px}.hero-card.svelte-17ub9s5,.guide-card.svelte-17ub9s5,.panel.svelte-17ub9s5{padding:28px}.hero-card.svelte-17ub9s5{margin:0 0 24px}.kicker.svelte-17ub9s5{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.78rem}h1.svelte-17ub9s5{letter-spacing:-.05em;max-width:16ch;margin:10px 0 0;font-size:clamp(1.8rem,3.2vw,2.9rem);line-height:.98}.hero-card.svelte-17ub9s5 p:where(.svelte-17ub9s5){color:#f4f1e8cc;max-width:56ch;margin:14px 0 0;line-height:1.55}p.svelte-17ub9s5,.dropzone.svelte-17ub9s5 span:where(.svelte-17ub9s5),label.svelte-17ub9s5 span:where(.svelte-17ub9s5){color:#f4f1e8c2;line-height:1.6}.workspace.svelte-17ub9s5{grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:24px;min-width:0;display:grid}.panel.svelte-17ub9s5{min-width:0}.panel.svelte-17ub9s5 h2:where(.svelte-17ub9s5){margin-top:0}.dropzone.svelte-17ub9s5{background:#ffffff08;border:1px dashed #ffffff38;border-radius:22px;gap:10px;padding:20px;display:grid}.dropzone.svelte-17ub9s5 input:where(.svelte-17ub9s5){display:none}.dropzone.svelte-17ub9s5 strong:where(.svelte-17ub9s5){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-preview.svelte-17ub9s5,.svg-preview.svelte-17ub9s5{background:#0000003d;border-radius:18px;margin-top:18px;overflow:hidden}.image-preview.light.svelte-17ub9s5{background-color:#f2eee3;background-image:linear-gradient(45deg,#00000014 25%,#0000 25%),linear-gradient(-45deg,#00000014 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#00000014 75%),linear-gradient(-45deg,#0000 75%,#00000014 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.image-preview.svelte-17ub9s5 img:where(.svelte-17ub9s5),.svg-preview.svelte-17ub9s5 img:where(.svelte-17ub9s5){width:100%;display:block}.preview-heading.svelte-17ub9s5{justify-content:space-between;align-items:center;gap:14px;display:flex}.preview-heading.svelte-17ub9s5 h2:where(.svelte-17ub9s5){margin:0}.preview-toggle.svelte-17ub9s5{color:#f4f1e8c2;white-space:nowrap;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.preview-toggle.svelte-17ub9s5 input:where(.svelte-17ub9s5){width:16px;height:16px;accent-color:var(--accent-strong);padding:0}.svg-preview.svelte-17ub9s5{background-color:#0000003d;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;min-height:420px;padding:20px;display:grid;position:relative}.svg-preview.light.svelte-17ub9s5{background-color:#f2eee3;background-image:linear-gradient(45deg,#00000014 25%,#0000 25%),linear-gradient(-45deg,#00000014 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#00000014 75%),linear-gradient(-45deg,#0000 75%,#00000014 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.svg-preview.light.svelte-17ub9s5 .preview-placeholder:where(.svelte-17ub9s5){color:#16181cb8}.preview-loading.svelte-17ub9s5{z-index:3;min-width:min(260px,100% - 28px);color:var(--text);text-align:left;background:#080a0de6;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px 14px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 12px 34px #00000057}.preview-loading.svelte-17ub9s5 span:where(.svelte-17ub9s5){color:#f4f1e8ad;display:block}.preview-loading.svelte-17ub9s5 strong:where(.svelte-17ub9s5),.preview-loading.svelte-17ub9s5 span:where(.svelte-17ub9s5){grid-column:2}.preview-loading.svelte-17ub9s5 .spinner:where(.svelte-17ub9s5){grid-row:1/span 2}.spinner.svelte-17ub9s5{border:3px solid #ffffff29;border-top-color:var(--accent-strong);border-radius:999px;width:28px;height:28px;animation:.8s linear infinite svelte-17ub9s5-spin}@keyframes svelte-17ub9s5-spin{to{transform:rotate(360deg)}}.field-grid.svelte-17ub9s5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.field-grid.single-field.svelte-17ub9s5{grid-template-columns:1fr}label.svelte-17ub9s5{gap:8px;display:grid}.label-row.svelte-17ub9s5{justify-content:space-between;align-items:center;gap:8px;display:flex}.help-button.svelte-17ub9s5{color:#f4f1e8c7;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:.78rem;font-weight:700;display:inline-grid}.help-button.svelte-17ub9s5:hover,.help-close.svelte-17ub9s5:hover{color:var(--accent-strong);border-color:#f3a63d6b}input.svelte-17ub9s5,select.svelte-17ub9s5{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;padding:12px 14px}input[type=range].svelte-17ub9s5{height:38px;accent-color:var(--accent-strong);padding:0}select.svelte-17ub9s5{appearance:none;background:linear-gradient(45deg,#0000 50%,#f4f1e8cc 50%) right 18px center/6px 6px no-repeat,linear-gradient(135deg,#f4f1e8cc 50%,#0000 50%) right 12px center/6px 6px no-repeat,#ffffff0a;padding-right:40px}select.svelte-17ub9s5 option:where(.svelte-17ub9s5){color:var(--text);background:#151a20}details.svelte-17ub9s5{margin-top:18px}summary.svelte-17ub9s5{cursor:pointer;color:#f4f1e8d1}.primary.svelte-17ub9s5,.secondary.svelte-17ub9s5{border-radius:14px;width:100%;margin-top:18px;padding:15px 18px;font-weight:700}.primary.svelte-17ub9s5{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#15130f;border:0}.secondary.svelte-17ub9s5{color:#f4f1e8db;background:#ffffff0d;border:1px solid #ffffff1f}.primary.svelte-17ub9s5:disabled{opacity:.45;cursor:not-allowed}.error-box.svelte-17ub9s5{color:var(--danger);background:#ffffff0a;border:1px solid #ff8e7a47;border-radius:16px;margin-top:18px;padding:13px 15px}.preview-panel.svelte-17ub9s5{align-self:start;overflow:hidden}.guide-card.svelte-17ub9s5{margin-top:24px}.site-footer.svelte-17ub9s5{color:#f4f1e8a8;justify-content:space-between;gap:18px;margin-top:24px;padding:20px 4px 0;display:flex}.site-footer.svelte-17ub9s5 a:where(.svelte-17ub9s5){color:inherit;text-decoration:none}.site-footer.svelte-17ub9s5 span:where(.svelte-17ub9s5){color:var(--accent-strong);font-weight:700}.site-footer.svelte-17ub9s5 nav:where(.svelte-17ub9s5){color:#f4f1e8b8;flex-wrap:wrap;gap:14px;display:flex}@media (width<=900px){.workspace.svelte-17ub9s5{grid-template-columns:1fr}}@media (width<=720px){.tool-page.svelte-17ub9s5{width:100%;padding:20px 10px 40px}.hero-card.svelte-17ub9s5,.guide-card.svelte-17ub9s5,.panel.svelte-17ub9s5{border-radius:24px;padding:22px}.field-grid.svelte-17ub9s5{grid-template-columns:1fr}.site-footer.svelte-17ub9s5{flex-direction:column;align-items:flex-start}}