:root{color:#18181b;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f7f7f8;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{width:min(100%,760px);margin:0 auto;padding:24px 16px 48px}.app-header{margin-bottom:24px}.brand,.step-label{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,9vw,3rem);line-height:1}.intro{color:#52525b;max-width:580px;margin-bottom:0;line-height:1.55}.panel{background:#fff;border:1px solid #e4e4e7;border-radius:18px;padding:20px;box-shadow:0 10px 30px #0000000d}.section-heading h2{margin-bottom:6px;font-size:1.35rem}.section-heading>p:last-child{color:#52525b}.choice-grid{gap:10px;margin:20px 0;display:grid}.choice-card{cursor:pointer;border:2px solid #e4e4e7;border-radius:14px;grid-template-columns:auto 1fr;column-gap:10px;padding:15px;display:grid}.choice-card.selected{background:#fafafa;border-color:#18181b}.choice-card input{grid-row:1/span 2;margin-top:3px}.choice-title{font-weight:750}.choice-copy{color:#71717a;margin-top:3px;font-size:.9rem;line-height:1.4}.device-controls{margin-top:20px}.proposal{background:#f4f4f5;border-radius:14px;gap:5px;padding:16px;display:grid}.proposal span,.summary-label{color:#71717a;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.proposal strong{font-size:1.35rem}.proposal small,.field-help{color:#52525b;line-height:1.45}.orientation-control{border:0;margin:18px 0 0;padding:0}.orientation-control legend{margin-bottom:8px;font-weight:700}.segmented-control{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented-control label{position:relative}.segmented-control input{opacity:0;pointer-events:none;position:absolute}.segmented-control span{text-align:center;cursor:pointer;border:1px solid #d4d4d8;border-radius:10px;padding:11px;display:block}.segmented-control input:checked+span{color:#fff;background:#18181b;border-color:#18181b}.manual-dimensions{gap:12px;display:grid}.manual-dimensions label>span{margin-bottom:6px;font-weight:700;display:block}.input-with-unit{background:#fff;border:1px solid #d4d4d8;border-radius:10px;align-items:center;display:flex}.input-with-unit:focus-within{outline-offset:2px;outline:2px solid #18181b}.input-with-unit input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:12px}.input-with-unit>span{color:#71717a;padding-right:12px}.swap-button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:10px;min-height:44px;padding:10px 16px;font-weight:700}.field-help{margin:10px 0 0;font-size:.88rem}.target-summary{border-top:1px solid #e4e4e7;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.target-summary strong{text-align:right}.target-summary.unavailable strong{color:#71717a;font-weight:600}.notice{border:1px solid #d4d4d8;border-radius:12px;padding:14px;line-height:1.5}@media (width>=620px){.app-shell{padding:42px 24px 64px}.panel{padding:28px}.choice-grid{grid-template-columns:1fr 1fr}.manual-dimensions{grid-template-columns:1fr auto 1fr;align-items:end}.swap-button{margin-bottom:1px}}.image-panel{margin-top:18px}.privacy-note{background:#f4f4f5;border-radius:12px;gap:4px;margin:18px 0;padding:14px 16px;line-height:1.45;display:grid}.privacy-note strong{font-size:.95rem}.privacy-note span{color:#52525b;font-size:.88rem}.file-picker{color:#fff;text-align:center;cursor:pointer;background:#18181b;border:2px solid #18181b;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-weight:750;display:flex;position:relative}.file-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-picker:focus-within{outline-offset:3px;outline:3px solid #a1a1aa}.image-status,.image-error{margin-top:14px}.image-details{gap:16px;margin-top:18px;display:grid}.source-preview{object-fit:contain;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:14px;width:100%;max-height:360px;display:block}.image-metadata{border:1px solid #e4e4e7;border-radius:12px;gap:0;margin:0;display:grid;overflow:hidden}.image-metadata>div{grid-template-columns:minmax(90px,.7fr) 1.3fr;gap:12px;padding:11px 13px;display:grid}.image-metadata>div+div{border-top:1px solid #e4e4e7}.image-metadata dt{color:#71717a;font-size:.82rem;font-weight:700}.image-metadata dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:650}@media (width>=620px){.image-details{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);align-items:start}}.composition-panel{overflow:hidden}.composition-controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.composition-controls button{color:#191919;min-height:54px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:14px;padding:12px 16px;font-weight:700}.composition-controls button.active{color:#fff;background:#191919;border-color:#191919}.canvas-shell{background:#f3f3f3;border:1px solid #e4e4e4;border-radius:18px;justify-content:center;align-items:center;width:100%;margin-top:20px;padding:16px;display:flex;overflow:hidden}#wallpaper-canvas{background:#fff;width:auto;max-width:100%;height:auto;max-height:70vh;display:block;box-shadow:0 8px 28px #0000001f}@media (width<=619px){.composition-controls{grid-template-columns:1fr}.canvas-shell{padding:10px}}.adjustment-panel{background:#fafafa;border:1px solid #e4e4e4;border-radius:16px;gap:18px;margin-top:20px;padding:18px;display:grid}.size-control{gap:12px;display:grid}.control-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.control-label output{font-weight:700}#image-size{accent-color:#181818;width:100%}.position-controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.position-controls button{min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d7d7d7;border-radius:12px;padding:10px 16px;font-weight:700}.position-controls button:active{transform:translateY(1px)}@media (width<=619px){.position-controls{grid-template-columns:1fr}}.preview-identity{justify-content:space-between;align-items:baseline;gap:12px;margin-top:20px;margin-bottom:8px;font-size:.9rem;display:flex}.preview-identity span{color:#666;text-align:right}#wallpaper-canvas{touch-action:none;cursor:grab}#wallpaper-canvas.dragging{cursor:grabbing}@media (width<=619px){.preview-identity{flex-direction:column;align-items:flex-start;gap:2px}.preview-identity span{text-align:left}}.export-panel{background:#f8f8f8;border:1px solid #e4e4e4;border-radius:16px;gap:14px;margin-top:20px;padding:18px;display:grid}.export-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.export-heading span{color:#666;text-align:right;font-size:.9rem}.export-format-controls{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.export-format-controls button,.download-wallpaper{min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d2d2d2;border-radius:12px;font-weight:700}.export-format-controls button.active,.download-wallpaper{color:#fff;background:#191919;border-color:#191919}.download-wallpaper:disabled{cursor:wait;opacity:.65}.export-message{color:#555;margin:0;font-size:.9rem}@media (width<=619px){.export-heading{flex-direction:column;align-items:flex-start;gap:3px}.export-heading span{text-align:left}}.background-panel{background:#fafafa;border:1px solid #dedede;border-radius:1rem;margin-top:1rem;padding:1rem}.background-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.background-heading span{color:#6b6b6b;font-size:.9rem}.background-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.background-controls button{color:#191919;min-height:3.5rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d3d3d3;border-radius:.9rem;padding:.75rem 1rem;font-weight:700}.background-controls button.active{color:#fff;background:#191919;border-color:#191919}@media (width<=619px){.background-heading{flex-direction:column;align-items:flex-start;gap:.2rem}.background-controls{grid-template-columns:1fr}}.guide-panel{background:#fafafa;border:1px solid #dedede;border-radius:1rem;gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.guide-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.guide-heading span{color:#6b6b6b;font-size:.9rem}.guide-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.guide-controls button{color:#191919;min-height:3.5rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d3d3d3;border-radius:.9rem;padding:.75rem 1rem;font-weight:700}.guide-controls button.active{color:#fff;background:#191919;border-color:#191919}.preview-stage{max-width:100%;line-height:0;display:inline-block;position:relative}.safe-zone-overlay{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.safe-zone-overlay.hidden{display:none}@media (width<=619px){.guide-heading{flex-direction:column;align-items:flex-start;gap:.2rem}.guide-controls{grid-template-columns:1fr}}.guide-edge{pointer-events:none;background:#00000038;width:100%;height:16%;position:absolute;left:0}.guide-edge-top{border-bottom:2px dashed #fffffff2;top:0}.guide-edge-bottom{border-top:2px dashed #fffffff2;bottom:0}.guide-safe-area{pointer-events:none;border:2px dashed #fffffff2;border-radius:12px;width:84%;position:absolute;left:8%;box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #00000026}.guide-safe-area-home{height:68%;top:16%}.guide-safe-area-lock{height:50%;top:34%}.guide-safe-area span,.guide-lock-upper span{color:#fff;text-align:center;background:#000000b8;border-radius:999px;width:max-content;max-width:90%;padding:.35rem .55rem;font-size:clamp(10px,1.4vw,14px);font-weight:700;line-height:1.2;position:absolute;left:50%;transform:translate(-50%)}.guide-safe-area span{bottom:.65rem}.guide-lock-upper{pointer-events:none;background:#00000038;border-bottom:2px dashed #fffffff2;width:100%;height:29%;position:absolute;top:0;left:0;box-shadow:0 1px #00000059}.guide-lock-upper span{top:50%;transform:translate(-50%,-50%)}.public-footer{border-top:1px solid #7f7f7f40;margin-top:2rem;padding:1.25rem 1rem}.public-footer-nav{text-align:center;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;display:flex}.public-footer-nav span{align-items:baseline;gap:.3rem;display:inline-flex}.public-footer-nav button{appearance:none;color:inherit;font:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.public-footer-nav button:focus-visible,.internal-page-back:focus-visible{outline-offset:4px;outline:2px solid}.internal-page{width:100%}.internal-page .panel{max-width:760px;margin-inline:auto}.internal-page-back{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin-bottom:1rem;padding:.35rem 0;font-weight:700}.internal-page-content{line-height:1.65}.internal-page-content h2{margin-top:0}.internal-page-content h3{margin-top:1.75rem;margin-bottom:.45rem}.internal-page-content p{margin-top:0}