.pad-hero{background:var(--silver-canvas);padding:20px 0 28px}.pad-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.pad-heading{align-items:center;gap:18px;display:flex}.pad-heading svg{color:var(--silver-violet);flex-shrink:0}.pad-hero h1{letter-spacing:-.048em;margin-bottom:10px;font-size:clamp(32px,3.4vw,48px);font-weight:800;line-height:1.08}.pad-hero p{color:var(--silver-muted);font-size:16px}.pad-heading p{font-size:19px}.pad-intro>p{border-left:1px solid var(--silver-line);padding-left:24px}.pad-band{background:var(--silver-canvas);padding-bottom:32px}.pad-body{padding-bottom:40px}.pad-panel{border:1px solid var(--silver-line);border-radius:var(--silver-radius);background:#fff;min-width:0;padding:24px}.pad-panel h2{margin-bottom:18px;font-size:25px}.pad-panel h3,.pad-panel legend{margin-bottom:12px;font-size:14px;font-weight:700}.pad-panel input{font:inherit;color:var(--silver-ink);max-width:100%}.pad-upload{background:var(--silver-panel);min-height:86px;color:var(--silver-violet-text);cursor:pointer;border:1px dashed #858ba3;border-radius:6px;align-items:center;gap:16px;padding:16px;display:flex;position:relative}.pad-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pad-upload:focus-within{outline:3px solid var(--silver-violet-text);outline-offset:3px}.pad-upload small{color:var(--silver-muted);margin-top:4px;font-size:13px;display:block}.pad-quiet{border:1px solid var(--silver-line);min-height:44px;color:var(--silver-violet-text);font:inherit;cursor:pointer;background:#fff;border-radius:100px;padding:10px 14px;font-size:14px}.pad-quiet:hover:enabled{background:var(--silver-panel)}.pad-help{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:12px;font-size:13px}.pad-workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.pad-panel fieldset{border:0;min-width:0;margin:0;padding:0}.pad-panel .pad-section{border-top:1px solid var(--silver-line);margin-top:22px;padding-top:18px}.pad-panel .pad-presets{margin-top:16px}.pad-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pad-choice{border:1px solid var(--silver-line);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px;font-size:13px;display:flex}.pad-choice:has(input:checked){border-color:var(--silver-violet);background:var(--silver-panel)}.pad-choice:focus-within{outline:2px solid var(--silver-violet-text);outline-offset:2px}.pad-choice input{width:16px;height:16px;accent-color:var(--silver-violet);flex-shrink:0;margin:0}.pad-ratio-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.pad-ratio-choice{text-align:center;flex-direction:column;padding:10px 4px;font-size:12px}.pad-ratio-choice small{margin-top:2px;font-size:11px;display:block}.pad-shape{border:2px solid;border-radius:2px;width:20px;height:20px;display:block}.pad-shape-landscape{width:26px;height:15px;margin:2.5px 0}.pad-shape-portrait{width:16px}.pad-shape-tall{width:12px}.pad-shape-custom{border-style:dashed}.pad-arrangement{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pad-alignment{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pad-align-choice{min-height:44px;padding:8px;font-size:21px;position:relative}.pad-align-choice input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pad-background .pad-choice{flex-direction:column;padding:12px 4px;font-size:12px}.pad-background-sample{border:1px solid var(--silver-line);border-radius:3px;width:28px;height:28px}.pad-checker,.pad-preview-frame img,.pad-original-frame img{background-color:#fff;background-image:conic-gradient(#e6e7ef 25%, transparent 0 50%, #e6e7ef 0 75%, transparent 0);background-size:16px 16px}.pad-solid{background:#fff}.pad-padding-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pad-field{gap:8px;margin-top:14px;font-size:13px;font-weight:650;display:grid}.pad-field input{background:#fff;border:1px solid #858ba3;border-radius:5px;width:100%;min-width:0;min-height:44px;padding:8px}.pad-geometry{background:var(--silver-panel);border-radius:5px;padding:12px}.pad-actions{border-top:1px solid var(--silver-line);flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:20px;display:flex}.pad-actions .button{flex:1 0 auto}.pad-band button:disabled,.pad-band fieldset:disabled label{cursor:not-allowed;opacity:.65}.pad-error{color:var(--silver-error);margin-top:12px;font-size:13px}.pad-preview-frame{border:1px solid var(--silver-line);background:var(--silver-panel);border-radius:6px;place-items:center;min-height:300px;padding:12px;display:grid}.pad-preview-frame img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:520px;display:block}.pad-preview-frame p,.pad-original-frame p{text-align:center;color:var(--silver-muted);padding:24px;font-size:14px}.pad-output-details{background:var(--silver-panel);border:1px solid var(--silver-line);border-radius:6px;margin-top:16px;padding:18px}.pad-output-details dl{grid-template-columns:1fr 1.3fr;gap:12px;margin:0;font-size:14px;display:grid}.pad-output-details dt{color:var(--silver-muted)}.pad-output-details dd{overflow-wrap:anywhere;margin:0}.pad-download{justify-content:center;width:100%;margin-top:20px;display:flex}.pad-original-details{border-top:1px solid var(--silver-line);margin-top:20px}.pad-original-details summary{min-height:44px;color:var(--silver-muted);cursor:pointer;align-content:center;font-size:14px}.pad-original-frame{background:var(--silver-panel);border-radius:6px;place-items:center;padding:12px;display:grid}.pad-original-frame img{width:auto;max-width:100%;height:auto;max-height:240px}.pad-callout{color:var(--silver-muted);margin-top:18px;font-size:13px}.pad-guidance{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;margin-top:32px;display:grid}.pad-guidance h2{margin-bottom:16px;font-size:24px}.pad-guidance p,.pad-guidance li{color:var(--silver-muted);font-size:14px}.pad-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.pad-step-number{color:#fff;background:var(--silver-violet);border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:12px;display:grid}.pad-steps strong{color:var(--silver-ink);margin-bottom:6px;display:block}.pad-privacy{border-left:1px solid var(--silver-line);padding-left:28px}.pad-privacy svg{color:var(--silver-violet-text);margin-bottom:12px}.pad-output-note{margin-top:20px}.pad-output-note summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650}.pad-output-note ul{padding-left:20px}.pad-info{padding-top:32px}.pad-info h2{margin-bottom:20px}.pad-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.pad-info details{border:1px solid var(--silver-line);border-radius:5px;padding:4px 16px}.pad-info summary{cursor:pointer;align-content:center;min-height:44px;font-size:14px;font-weight:650;display:list-item}.pad-info details p{color:var(--silver-muted);padding:12px 0;font-size:14px}.pad-body [hidden],.pad-band [hidden]{display:none}@media (width<=1050px){.pad-arrangement{grid-template-columns:1fr;gap:0}.pad-background .pad-choice{flex-direction:row}}@media (width<=900px){.pad-intro,.pad-workspace,.pad-guidance{grid-template-columns:1fr}.pad-intro>p{border:0;padding:0}.pad-intro{gap:16px}.pad-privacy{border:0;padding:0}.pad-arrangement{grid-template-columns:1fr 1fr;gap:20px}.pad-background .pad-choice{flex-direction:column}}@media (width<=600px){.pad-panel{padding:20px}.pad-heading{gap:12px}.pad-heading svg{width:38px;height:38px}.pad-heading p{font-size:16px}.pad-hero h1{font-size:32px}.pad-ratio-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.pad-arrangement{grid-template-columns:1fr;gap:0}.pad-background .pad-choice{flex-direction:row}.pad-preview-frame{min-height:240px}.pad-steps,.pad-faq-grid{grid-template-columns:1fr}.pad-steps li{grid-template-columns:30px 1fr;column-gap:12px;display:grid}.pad-step-number{grid-row:1/3}.pad-actions .button{flex-basis:100%}.pad-actions .pad-quiet{flex:1}}