.sp-app{--on-accent: var(--white);width:100%;max-width:980px;margin-inline:auto;display:flex;flex-direction:column;gap:clamp(14px,2.4vw,18px)}.sp-intake-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin-bottom:16px}.sp-h2{margin:0;font-size:clamp(19px,2.6vw,25px);line-height:1.15}.sp-privacy{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sp-form{display:flex;flex-direction:column;gap:12px}.sp-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}.sp-label-text{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.sp-label-hint{font-size:12.5px;font-weight:600;color:var(--text-muted)}.sp-input-row{display:flex;gap:10px;align-items:stretch}.sp-input-wrap{position:relative;flex:1 1 auto;min-width:0}.sp-input{padding-right:46px}.sp-input-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-width:var(--tap);min-height:var(--tap);border:none;background:transparent;color:var(--text-dim);font-size:22px;line-height:1;cursor:pointer}.sp-input-clear:hover{color:var(--ink)}.sp-fetch-btn{flex:0 0 auto}.sp-or{display:flex;align-items:center;gap:12px;margin:18px 0 14px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.sp-or:before,.sp-or:after{content:"";flex:1 1 auto;height:0;border-top:2px solid var(--hairline)}.sp-drop{border-radius:0;display:flex;flex-direction:column;align-items:center;gap:8px}.sp-drop-icon{color:var(--ink)}.sp-drop-title{margin:0;font-family:var(--font-display);font-size:clamp(15px,2.2vw,18px);color:var(--ink)}.sp-drop-sub{margin:0;font-size:12.5px;font-weight:600;color:var(--text-muted)}.sp-link-note{margin:12px 0 0;font-size:12.5px;font-weight:600;line-height:1.6;color:var(--text-dim)}.sp-workspace{display:flex;flex-direction:column;gap:clamp(14px,2.4vw,18px)}.sp-source-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:var(--white);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);padding:10px 12px}.sp-chip{background:var(--tool);color:var(--on-accent);border:var(--bw) solid var(--ink);padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.04em}.sp-chip-size{font-size:12px;font-weight:700;color:var(--text-dim)}.sp-source-spacer{flex:1 1 auto}.sp-controls{display:grid;grid-template-columns:1fr;gap:clamp(14px,2.4vw,18px);background:var(--white);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:clamp(16px,3vw,22px)}.sp-control{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.sp-control-label{color:var(--text-dim)}.sp-layoutseg,.sp-modeseg{max-width:100%;flex-wrap:wrap}.sp-hint{margin:0;font-size:12.5px;font-weight:600;line-height:1.6;color:var(--text-dim);max-width:70ch}.sp-hint-note{background:var(--paper-2);border:2px solid var(--hairline);padding:8px 10px;color:var(--ink)}.sp-slides{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:clamp(10px,2vw,14px)}.sp-slide{border-radius:0;background:var(--white);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);padding:8px;display:flex;flex-direction:column;gap:6px}.sp-slide-frame{position:relative;aspect-ratio:4 / 5;background:var(--paper-2);border:2px solid var(--ink);overflow:hidden}.sp-slide-img{width:100%;height:100%;object-fit:contain;display:block}.sp-slide-ph{width:100%;height:100%;background:linear-gradient(90deg,var(--paper-2) 25%,var(--paper) 37%,var(--paper-2) 63%);background-size:400% 100%;animation:spShimmer 1.4s ease infinite}.sp-slide-index{position:absolute;left:0;top:0;background:var(--ink);color:var(--paper);font-size:11px;font-weight:700;padding:3px 7px}.sp-slide-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-dim)}.sp-slide-badge{align-self:flex-start;background:var(--paper-2);border:2px solid var(--ink);padding:2px 6px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.sp-slide-badge-bad{background:#ffe1e6;color:#a3082b;border-color:#a3082b}.sp-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sp-slide-moves{margin-top:auto;display:flex;gap:6px}.sp-move{flex:1 1 0;min-width:var(--tap);min-height:var(--tap);padding:8px 4px;font-size:14px}.sp-phase{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.03em;color:var(--ink)}.sp-progress{display:flex;align-items:center;gap:10px}.sp-progress-track{flex:1 1 auto;height:14px;border-radius:0;background:var(--white);overflow:hidden;border:var(--bw) solid var(--ink)}.sp-progress-bar{height:100%;border-radius:0;background:var(--tool);border-right:2px solid var(--ink);transition:width .18s linear}.sp-progress-label{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--ink);white-space:nowrap}.sp-export{display:flex;gap:10px;flex-wrap:wrap}.sp-export-btn,.sp-zip-btn{flex:1 1 240px}.sp-spinner{width:15px;height:15px;border-radius:50%;border:2.5px solid currentColor;border-top-color:transparent;display:inline-block;animation:spSpin .7s linear infinite}@keyframes spSpin{to{transform:rotate(360deg)}}.sp-banner{display:flex;align-items:flex-start;gap:10px;background:#ffe1e6;color:#a3082b;border:var(--bw) solid #a3082b;box-shadow:var(--shadow-sm);padding:12px 14px}.sp-banner svg{flex:0 0 auto;margin-top:1px}.sp-banner p{margin:0;font-size:13.5px;font-weight:600;line-height:1.6}.sp-skel{display:flex}.sp-skel-thumb,.sp-skel-line{background:linear-gradient(90deg,var(--paper-2) 25%,var(--paper) 37%,var(--paper-2) 63%);background-size:400% 100%;animation:spShimmer 1.4s ease infinite;border:var(--bw) solid var(--ink);border-radius:0}.sp-skel-thumb{flex:0 0 auto;width:clamp(108px,30vw,168px);aspect-ratio:4 / 5}.sp-skel-body{flex:1 1 auto;display:flex;flex-direction:column;gap:12px;padding-left:clamp(16px,3vw,24px)}.sp-skel-line{height:16px}.sp-skel-line.w40{width:40%}.sp-skel-line.w60{width:60%}.sp-skel-line.w80{width:80%}@keyframes spShimmer{0%{background-position:100% 0}to{background-position:0 0}}.sp-foot-note{margin:4px 0 0;font-size:12.5px;font-weight:600;line-height:1.7;color:var(--text-dim);text-align:center;max-width:70ch;margin-inline:auto}.sp-foot-note strong{font-weight:800;color:var(--ink)}@media (min-width: 760px){.sp-controls{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.sp-input-row{flex-direction:column}.sp-fetch-btn{width:100%}.sp-slides{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-skel-body{padding-left:0;padding-top:14px}.sp-skel{flex-direction:column}.sp-skel-thumb{width:100%}}@media (prefers-reduced-motion: reduce){.sp-spinner,.sp-skel-line,.sp-skel-thumb,.sp-slide-ph{animation:none}}