.spl{padding:40px 0 72px}.spl-hero{text-align:center;justify-items:center;gap:14px;display:grid}.spl-kicker{background:color-mix(in srgb, var(--ok) 10%, var(--card));color:var(--ok);border-radius:999px;align-items:center;gap:6px;margin:0;padding:5px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.spl-kicker svg{width:15px;height:15px}.spl-hero h1{font:700 clamp(2.2rem, 5vw, 3.6rem)/1.05 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:4px 0 0}.spl-sub{max-width:58ch;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:1.05rem;line-height:1.55}.spl.working{padding-top:14px}.spl.working .spl-kicker{display:none}.spl.working .spl-hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(1.15rem,2.2vw,1.5rem)}.spl-main{justify-items:center;gap:12px;margin-top:18px;display:grid}.spl.working .spl-main{margin-top:0}.spl-drop{border:2px dashed var(--line);background:var(--card);border-radius:20px;width:100%;max-width:720px;transition:border-color .15s,background .15s}.spl-drop.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--card))}.spl-pick{width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:18px;justify-items:center;gap:6px;padding:56px 20px 40px;display:grid}.spl-pick svg{width:40px;height:40px;color:var(--accent)}.spl-pick b{font-size:1.15rem}.spl-pick span{color:var(--ink-3);font-size:.9rem}.spl-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spl-work{justify-items:center;gap:12px;padding:64px 20px 48px;display:grid}.spl-work p{color:var(--ink-2);margin:0}.spl-drop-foot{border-top:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:12px 18px;display:flex}.spl-printer{color:var(--ink-2);align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.spl-printer select{border:1px solid var(--line);background-color:var(--card);min-height:34px;color:var(--ink);font:inherit;border-radius:10px;padding:4px 28px 4px 10px;font-weight:600}.spl-link{color:var(--ink-2);font:inherit;cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);background:0 0;border:0;padding:4px 0;font-size:.88rem}.spl-link:hover{color:var(--ink);text-decoration-color:currentColor}.spl-link:disabled{opacity:.5;cursor:default}.spl-card{border:1px solid var(--line);background:var(--card);width:100%;box-shadow:var(--shadow);border-radius:20px;scroll-margin-top:72px;animation:.45s both spl-in;overflow:hidden}.spl-stage{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--ink) 3%, var(--card)), var(--paper-2) 72%);height:clamp(420px,68vh,760px);position:relative;overflow:hidden}.spl-canvas{cursor:grab;touch-action:none;inset:0;position:absolute!important}.spl-canvas:active{cursor:grabbing}.spl-chip{z-index:2;font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);pointer-events:none;border-radius:999px;align-items:center;gap:7px;max-width:calc(100% - 24px);margin:0;padding:6px 12px;font-size:.84rem;font-weight:600;animation:.35s both spl-in;display:inline-flex;position:absolute;top:12px;left:12px}.spl-chip svg{flex:none;width:15px;height:15px}.spl-chip.bad{color:var(--accent-ink)}.spl-chip.bad i{background:var(--accent);border-radius:999px;flex:none;width:8px;height:8px}.spl-chip.ok{color:var(--ok)}.spl-stage-printer{z-index:2;position:absolute;top:10px;right:12px}.spl-stage-printer .spl-printer span{display:none}.spl-stage-printer select{background-color:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spl-size{z-index:2;color:var(--ink-2);font-variant-numeric:tabular-nums;pointer-events:none;margin:0;font-size:.82rem;position:absolute;bottom:12px;left:14px}.spl-tools{z-index:2;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex;position:absolute;bottom:12px;left:12px}.spl-tools button{min-height:32px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:.84rem;font-weight:500;display:inline-flex}.spl-tools button:hover{background:var(--paper-2)}.spl-tools button.on{background:var(--accent);color:#fff}.spl-tools button:disabled{opacity:.5;cursor:default}.spl-tools svg{width:15px;height:15px}.spl-stage.adding .spl-canvas{cursor:crosshair}.spl-pager{z-index:2;white-space:nowrap;font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 6px;font-size:.86rem;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.spl-pager .ui-icon-btn{width:30px;height:30px}.spl-busy{z-index:3;background:color-mix(in srgb, var(--card) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;margin:0;padding:10px 16px;font-size:.9rem;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spl-spin{border:2px solid var(--line);border-top-color:var(--accent);border-radius:999px;flex:none;width:18px;height:18px;animation:.9s linear infinite spl-spin;display:inline-block}.spl-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:14px 18px;display:flex}.spl-bar-text{flex:280px;gap:2px;min-width:0;display:grid}.spl-bar-text b{font-size:1rem}.spl-bar-text span{color:var(--ink-2);font-size:.9rem;line-height:1.4}.spl-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.spl-actions svg{width:16px;height:16px}.spl-err{color:var(--ink);text-align:left;flex-basis:100%;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;font-size:.9rem;line-height:1.4;display:flex}.spl-err svg{width:17px;height:17px;color:var(--err);flex:none;margin-top:1px}.spl-after{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;display:flex}.spl-bar-text span.warn{color:var(--accent-ink)}.spl-actions .ui-btn.on{background:var(--paper-2)}.spl-actions .ui-btn.on svg{transform:rotate(180deg)}.spl-library{border-top:1px solid var(--line);background:color-mix(in srgb, var(--paper-2) 45%, var(--card));gap:12px;padding:16px 18px 18px;animation:.3s both spl-in;display:grid}.spl-scope{background:var(--paper-2);border-radius:999px;justify-self:start;gap:3px;padding:3px;display:inline-flex}.spl-scope button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:.85rem}.spl-scope button[aria-checked=true]{background:var(--ink);color:var(--paper)}.spl-art{width:100%;height:auto;display:block}.spl-auto{border:1.5px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;display:flex}.spl-auto .spl-art{flex:none;width:74px}.spl-auto span{flex:1;gap:2px;display:grid}.spl-auto i{color:var(--ink-2);font-size:.88rem;font-style:normal;line-height:1.4}.spl-auto>svg:last-child{width:18px;height:18px;color:var(--accent);flex:none}.spl-auto.on,.spl-option.on{border-color:var(--accent)}.spl-need-q{color:var(--ink-2);margin:2px 0 -4px;font-size:.86rem}.spl-needs{flex-wrap:wrap;gap:4px 6px;display:flex}.spl-needs button{border:1px solid var(--line);background:var(--card);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:6px 13px;font-size:.86rem}.spl-needs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.spl-options{grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:10px;display:grid}.spl-option{border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:4px;padding:10px 12px 12px;transition:border-color .15s;display:flex}.spl-option:hover,.spl-auto:hover{border-color:var(--ink-3)}.spl-option.on:hover,.spl-auto.on:hover{border-color:var(--accent)}.spl-option .spl-art{max-width:132px;margin-bottom:4px}.spl-option b{justify-content:space-between;align-items:center;gap:6px;font-size:.96rem;display:flex}.spl-option b svg{width:16px;height:16px;color:var(--accent)}.spl-option>span{color:var(--ink-2);font-size:.86rem;line-height:1.38}.spl-option small{color:var(--ink-2);font-size:.78rem;line-height:1.35}.spl-option small:first-of-type{margin-top:auto;padding-top:6px}.spl-option em{color:var(--ink);margin-right:3px;font-style:normal;font-weight:600;display:inline-block}.spl-choice{color:var(--ink-2);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.spl-choice select{border:1px solid var(--line);background-color:var(--card);min-height:32px;color:var(--ink);font:inherit;border-radius:9px;padding:3px 26px 3px 9px;font-weight:600}.spl-fit{gap:10px;padding-top:4px;display:grid}.spl-fit summary{cursor:pointer;font-size:.92rem;font-weight:600}.spl-fit summary span{color:var(--ink-2);margin-left:6px;font-size:.85rem;font-weight:400}.spl-fit p{color:var(--ink-2);margin:0;font-size:.85rem}.spl-fit>:not(summary){margin-top:8px}.spl-slider{max-width:420px;color:var(--ink-2);align-items:center;gap:10px;font-size:.84rem;display:flex}.spl-slider input{min-width:0;accent-color:var(--accent);flex:1}.spl-fit .spl-link{align-items:center;gap:6px;display:inline-flex}.spl-fit .spl-link svg{width:15px;height:15px}.spl-done{border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;padding:16px 18px 18px;animation:.35s both spl-in;display:grid}.spl-done-get{flex-direction:column;justify-content:flex-start;gap:10px;display:flex}.spl-done-get svg{width:16px;height:16px}.spl-offer{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 6%, var(--card));border-radius:16px;align-content:start;gap:8px;padding:14px 16px 16px;display:grid;position:relative}.spl-offer .mascot{position:absolute;top:-10px;right:12px}.spl-offer b{font:700 1.1rem/1.25 var(--font-display);padding-right:64px}.spl-offer p{color:var(--ink-2);margin:0;padding-right:20px;font-size:.9rem;line-height:1.42}.spl-offer textarea{resize:vertical;border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;border-radius:11px;padding:9px 11px;font-size:.88rem;line-height:1.4}.spl-offer .ui-btn svg{width:16px;height:16px}.spl-steps{grid-column:1/-1;padding-top:6px}.spl-steps summary{cursor:pointer;font-weight:600}.spl-steps ol{color:var(--ink-2);gap:6px;margin:10px 0 0;padding-left:22px;font-size:.92rem;line-height:1.42;display:grid}.spl-buy{background:var(--paper-2);border-radius:12px;margin-top:10px;padding:10px 14px;font-size:.9rem}.spl-buy ul{color:var(--ink-2);gap:2px;margin:6px 0 0;padding-left:18px;display:grid}.spl-buy p{color:var(--ink-2);margin:6px 0 0}.spl-small{color:var(--ink-3);margin:10px 0 0;font-size:.84rem}.spl-rebuild{color:var(--ink-2);margin:10px 0 0}.spl-rebuild a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.spl-note{color:var(--ink-2);align-items:flex-start;gap:8px;margin:0;font-size:.86rem;line-height:1.4;display:flex}.spl-note svg{width:15px;height:15px;color:var(--warn);flex:none;margin-top:2px}.spl-private{color:var(--ink-3);text-align:center;align-items:center;gap:6px;margin:2px 0 0;font-size:.82rem;display:inline-flex}.spl-private svg{flex:none;width:13px;height:13px}.spl-faq{gap:8px;max-width:720px;margin-top:48px;display:grid}.spl-faq h2{font:700 1.5rem/1.2 var(--font-display);margin:0 0 6px}.spl-faq details{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:14px 16px}.spl-faq summary{cursor:pointer;font-weight:600}.spl-faq p{color:var(--ink-2);margin:10px 0 0;line-height:1.55}@keyframes spl-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes spl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spl-card,.spl-chip{animation:none}.spl-spin{animation-duration:3s}}@media (max-width:640px){.spl{padding-top:24px}.spl-pick{padding:36px 16px 28px}.spl-drop-foot{text-align:center;justify-content:center}.spl-card{border-radius:16px}.spl-stage{height:58dvh;min-height:340px}.spl-chip{padding:5px 10px;font-size:.8rem}.spl-stage-printer{top:auto;bottom:10px;right:10px}.spl-size{display:none}.spl-stage-printer select{max-width:128px;min-height:32px;font-size:.82rem}.spl-size{bottom:16px}.spl-tools{bottom:10px;left:10px}.spl-tools button{padding:4px 9px;font-size:.8rem}.spl-done{grid-template-columns:minmax(0,1fr);padding:12px}.spl-library{padding:12px}.spl-options{grid-template-columns:minmax(0,1fr)}.spl-option{grid-template-columns:74px minmax(0,1fr);column-gap:12px;display:grid}.spl-option .spl-art{grid-row:1/span 4;align-self:start}.spl-option small:first-of-type{padding-top:2px}.spl-bar{padding:12px}.spl-bar-text{flex-basis:100%}.spl-actions{width:100%}.spl-actions .ui-btn.primary,.spl-actions .ui-btn.lg{flex:100%;order:-1;justify-content:center}.spl-actions .ui-btn.ghost{flex:1 1 0;justify-content:center}}
