:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;color:#263b37;background:#f5f6f8;font-synthesis:none;--green:#184f46;--muted:#697a75;--line:#e1e7e4;--lime:#d7e986}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:1px solid #d7e0db;background:white;border-radius:9px;color:#344c44;padding:11px 15px;font-size:13px;font-weight:650;cursor:pointer;text-align:center;display:inline-block;text-decoration:none}button:hover,.button:hover{background:#f0f4ee;border-color:#abbeb3}button:disabled{opacity:.43;cursor:not-allowed}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#236457}a{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.photo-frame:focus-visible{outline:3px solid #78a99b;outline-offset:3px}input[type=range]{accent-color:var(--green);width:100%;cursor:pointer}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}input[type=number],select{width:100%;border:1px solid #d9e0dc;border-radius:8px;background:#fff;padding:11px;color:#273e36;font-size:13px}label{font-size:12px;font-weight:600;display:block;margin-bottom:6px}p{line-height:1.7}h1,h2,p{margin-top:0}h2{font-size:16px;letter-spacing:-.5px;margin-bottom:0}small{font-size:11px;line-height:1.6}[hidden]{display:none!important}.topbar{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;max-width:1440px;padding:0 5%;margin:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;letter-spacing:-.6px}.brand b{font-weight:450}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.brand-icon{font-size:29px;font-weight:750;background:var(--green);color:#fff;border-radius:10px;width:44px;height:44px;text-align:center;line-height:44px;position:relative}.brand-icon span{font-size:22px;position:absolute;right:4px;bottom:-8px;color:var(--lime)}.privacy{margin-left:auto;font-size:12px;color:#4c655a}.privacy span{color:#388b68;font-size:9px;margin-right:5px}.help-link{font-size:12px;text-decoration:none;border-left:1px solid #dbe1dc;padding-left:30px}main{max-width:1264px;margin:auto;padding:0 28px}.intro{display:flex;align-items:center;justify-content:space-between;padding:43px 0 31px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:#678276}.intro h1{font-size:29px;letter-spacing:-1.1px;margin:11px 0 10px;font-weight:650}.intro p{font-size:13px;color:var(--muted);margin:0}.spec-badge{display:flex;flex-direction:column;text-align:right}.spec-badge b{font-size:26px;font-weight:500;letter-spacing:-1px}.spec-badge span{font-size:10px;color:var(--muted)}.steps{list-style:none;display:flex;margin:0 0 27px;padding:0;gap:32px;font-size:12px;color:#7c8b85;align-items:center}.steps li{display:flex;align-items:center;gap:8px}.steps li span{border:1px solid #dfe5e1;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:10px}.steps li.active{color:var(--green);font-weight:650}.steps li.active span{background:var(--green);border-color:var(--green);color:white}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.chip{font-size:10px;color:#637970;background:#f1f5f0;border-radius:5px;padding:5px 8px;white-space:nowrap}.number{font-size:12px;color:#86968b}.source-tabs{display:flex;padding:4px;background:#f1f4f2;border-radius:10px;margin-bottom:15px}.source-tabs button{width:50%;border:0;background:none;font-size:12px;padding:10px}.source-tabs button[aria-pressed=true]{background:white;box-shadow:0 1px 5px #243f2712;color:var(--green)}.file-row{display:flex;align-items:center;gap:12px;margin-bottom:17px}.file-row span{font-size:10px;color:#7e8a85}.file-row label{margin:0}.camera-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.camera-actions p{width:100%;font-size:11px;color:var(--muted);margin:0}.stage{background:#edf0ed;background-image:radial-gradient(#ccd5cd 0.6px,transparent .6px);background-size:12px 12px;border:1px solid #e5e9e4;border-radius:10px;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative;padding:32px 20px 36px}.stage.drag-over{outline:2px solid #498b70;background:#e2eee5}.stage-note{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;gap:10px;font-size:9px;color:#839189;letter-spacing:1px}.photo-frame{height:434px;aspect-ratio:413/531;max-width:100%;background:#fff;position:relative;overflow:hidden;box-shadow:0 8px 20px #30473310;touch-action:none;cursor:grab}.photo-frame:active{cursor:grabbing}.photo-frame canvas,.photo-frame video{width:100%;height:100%;display:block;object-fit:cover}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px;background:#fff}.empty-state b{font-size:13px;font-weight:600}.empty-state p{font-size:10px;color:#8a9690;margin:10px 0 17px;line-height:1.9}.empty-link{font-size:11px;color:#39715a;cursor:pointer}.portrait-icon{width:76px;height:93px;border:1px solid #dbe4da;border-radius:6px;position:relative;margin-bottom:26px;background:#f9fbf7;overflow:hidden}.portrait-icon:before{content:'';position:absolute;width:29px;height:36px;background:#c8d8b9;top:14px;left:23px;border-radius:50%}.portrait-icon:after{content:'';position:absolute;width:63px;height:47px;background:#dce7ce;top:56px;left:6px;border-radius:40px 40px 0 0}.portrait-icon span{position:absolute;inset:7px;border:1px dashed #c4d0bc}.dimension-label{position:absolute;bottom:12px;font-size:9px;color:#85928a;letter-spacing:.5px}.guide{position:absolute;inset:0;pointer-events:none}.guide svg{width:100%;height:100%}.guide ellipse{fill:none;stroke:#72b5a3;stroke-width:1.8;stroke-dasharray:7 5}.guide path{stroke:#a0cabc;stroke-dasharray:4 6;stroke-width:1;fill:none}.guide .head-line{stroke:#dbb561;stroke-dasharray:6 5}.guide .eye-line{stroke:#73b2c9}.guide text{font-size:10px;fill:#705324;paint-order:stroke;stroke:#fff;stroke-width:3px}.gesture-hint{font-size:10px;color:#7d8c84;text-align:center;margin:13px 0}.toolbar{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.toolbar button{font-size:11px;padding:8px 12px;background:#fafbf9}.toolbar .danger{color:#976355;margin-left:auto}.zoom-row{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0ec;margin-top:18px;padding-top:15px}.zoom-row label{margin:0;white-space:nowrap;font-size:11px}.zoom-row button{padding:4px 8px;border:0;background:none}.zoom-row output{font-size:11px;min-width:44px;color:var(--green);font-variant-numeric:tabular-nums}.source-info{font-size:10px;color:#87958d;margin:13px 0 0;overflow-wrap:anywhere}.settings{display:flex;flex-direction:column;gap:17px}.settings select{margin-top:3px}.size-summary{display:flex;align-items:baseline;justify-content:space-between;background:#f7f9f5;padding:17px 15px;border-radius:9px;margin:16px 0}.size-summary>span{font-size:25px;font-weight:550;letter-spacing:-.8px}.size-summary span span{font-weight:300;color:#9caba2;font-size:20px;margin:0 6px}.size-summary small{color:#73837a}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-hint{font-size:11px;color:#7a8a81;line-height:1.7;margin:12px 0}.export-actions{margin-top:18px;display:grid;gap:9px}.export-actions>.primary{font-size:13px;display:flex;justify-content:space-between;padding:14px 16px}.status{font-size:11px;color:#506a5e;min-height:20px;margin:13px 0 0;overflow-wrap:anywhere}.status.error{color:#a4402a}.measurement p{font-size:11px;color:var(--muted);line-height:1.8}.check-row{display:flex;align-items:center;gap:8px;color:#4e6a5a;margin:12px 0 0}.measurement input[type=range]{margin:3px 0 16px}.measurement output{display:block;background:#f0f5e7;border-radius:7px;text-align:center;font-size:18px;padding:12px;color:#476833}.measurement output.warning{background:#fff0db;color:#986126}#measureControls{margin-top:18px}.measure-line{position:absolute;left:0;right:0;border-top:2px solid #e8a133;pointer-events:none;filter:drop-shadow(0 1px 1px #fff)}.measure-line span{position:absolute;right:0;background:#fff5d8;color:#7b541c;font-size:9px;padding:2px 4px;top:-17px}.local-note{display:flex;gap:10px;padding:0 12px;color:#6b8273}.local-note>span{font-size:23px}.local-note p{font-size:10px;margin:0}.local-note b{font-weight:600}.result{display:flex;gap:12px;padding:12px;background:#eff5e7;border-radius:8px;margin-top:16px}.result img{width:53px;height:auto;align-self:start;border:1px solid #d6dfcd}.result b{font-size:11px}.result p{font-size:10px;margin:4px 0}.result small{font-size:9px;color:#65805d}.review-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:26px}.checklist{display:grid;gap:9px}.checklist label{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:400;line-height:1.7;margin:0}.quality-list{list-style:none;padding:0;font-size:11px;color:#617967;line-height:2}.quality-list li{padding:5px 0;border-bottom:1px solid #f0f2ef}.policy-note{font-size:10px;color:#8b7453;background:#faf6eb;border-radius:7px;padding:12px;margin:12px 0 0}.small{padding:6px 10px;font-size:10px}.shooting-tips{padding:42px 0 45px}.shooting-tips h2{font-size:21px;margin:12px 0 22px}.shooting-tips>div{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.shooting-tips p{font-size:11px;color:#7c8a82;margin:0}.shooting-tips b{display:block;color:#486354;margin-bottom:7px;font-size:12px;font-weight:550}footer{border-top:1px solid var(--line);max-width:1264px;margin:auto;padding:24px 28px 32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:10px;color:#7b8e81}footer>span{font-size:12px;color:#456451}footer b{font-size:8px;font-weight:400;letter-spacing:1px;margin-left:6px}footer p{margin:0}footer div{margin-left:auto;display:flex;gap:15px}footer a{text-decoration:none;color:#617f6c}details summary{font-size:11px;color:#687e70;cursor:pointer;margin-bottom:12px}details{margin-bottom:14px}details[open]{border-bottom:1px solid var(--line);padding-bottom:6px}.skip{position:absolute;left:15px;top:-60px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.file-row:focus-within label{outline:3px solid #78a99b;outline-offset:3px}@media(min-width:1450px){.stage{min-height:550px}.photo-frame{height:480px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.panel{padding:17px}.photo-frame{height:395px}.stage{min-height:465px}.chip{font-size:9px}.file-row{flex-wrap:wrap;gap:8px}.toolbar .danger{margin-left:0}}@media(max-width:760px){.topbar{height:75px;padding:0 20px;gap:14px}.privacy{font-size:10px}.help-link{display:none}.brand{font-size:16px}.brand-icon{width:38px;height:38px;line-height:38px}main{padding:0 15px}.intro{padding:28px 0 24px}.intro h1{font-size:23px;line-height:1.45;max-width:255px}.intro p{font-size:11px}.spec-badge b{font-size:20px}.spec-badge span{font-size:8px}.eyebrow{font-size:8px}.steps{gap:15px;font-size:10px;margin-bottom:20px}.steps li{gap:5px}.steps li span{width:22px;height:22px;font-size:8px}.workspace{grid-template-columns:1fr}.panel{padding:18px}.stage{min-height:430px;padding:30px 15px}.photo-frame{height:min(105vw,430px);max-height:56vh}.settings{gap:16px}.review-grid{grid-template-columns:1fr;gap:16px;margin-top:18px}.shooting-tips>div{grid-template-columns:1fr;gap:20px}.shooting-tips{padding:32px 4px}.shooting-tips h2{font-size:19px}.toolbar button{font-size:10px;padding:8px 9px}.toolbar{gap:5px}.gesture-hint{font-size:9px}.spec-badge{min-width:80px}.source-info{font-size:9px}footer{padding:22px 20px;gap:12px}footer div{margin-left:0;width:100%}.local-note{padding:3px 7px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.panel{animation:appear .3s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
:root .photo-frame{height:auto;width:min(100%,calc(434px * var(--frame-ratio,.777778)));max-height:none}
@media(min-width:1450px){:root .photo-frame{width:min(100%,calc(480px * var(--frame-ratio,.777778)))}}
@media(max-width:1000px) and (min-width:761px){:root .photo-frame{width:min(100%,calc(395px * var(--frame-ratio,.777778)))}}
@media(max-width:760px){:root .photo-frame{width:min(100%,calc(56vh * var(--frame-ratio,.777778)),335px)}}