.page2-inline{--blue:#2d67f4;--blue2:#eaf1ff;--navy:#102753;--silver:#eef1f4;--line:#d8e0ea;--orange:#ff9257;--green:#16b86a;--red:#ff4d61;--shadow:0 12px 30px rgba(25,48,88,.10)}
.page2-inline *{box-sizing:border-box}.page2-inline{margin:0;background:linear-gradient(135deg,#e9edf2,#fff 48%,#e8edf3);font-family:Arial,"Noto Sans KR",sans-serif;color:#15284d}.page2-inline .app{width:min(100%,540px);margin:auto;min-height:100vh;background:rgba(255,255,255,.94);padding:18px 16px 38px}.page2-inline .hero{text-align:center;padding:12px 4px 18px}.page2-inline .hero h1{margin:0;font-size:34px;letter-spacing:-1.2px;color:#16366f}.page2-inline .hero h1 span{color:var(--blue)}.page2-inline .hero p{margin:8px 0 0;font-size:14px;color:#5d6f91;line-height:1.5}.page2-inline .status-row{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;margin-bottom:14px}.page2-inline .status-card, .page2-inline .model-card{border-radius:15px;padding:12px;background:linear-gradient(145deg,#f8fafc,#e7ebf0);border:1px solid #d9e0e8}.page2-inline .status-card div{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;border-bottom:1px solid #d9e0e8}.page2-inline .status-card div:last-child{border-bottom:0}.page2-inline .model-card{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#6b7d9f}.page2-inline .section{background:#fff;border:1px solid #dce4ee;border-radius:18px;padding:15px;margin-bottom:14px;box-shadow:var(--shadow)}.page2-inline .section-title{margin:0 0 12px;font-size:20px;color:#102753}.page2-inline .input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.page2-inline .field label{display:block;text-align:center;color:var(--blue);font-weight:900;font-size:14px;margin-bottom:5px}.page2-inline .field input, .page2-inline .field select{width:100%;height:50px;border:2px solid #a9c0ff;border-radius:12px;background:#fff;font-size:21px;font-weight:900;text-align:center;color:#111;padding:0 6px}.page2-inline .photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.page2-inline .photo{border:2px solid #9bb6ff;border-radius:14px;padding:8px}.page2-inline .photo h3{margin:0 0 6px;text-align:center;font-size:15px;color:#2356c8}.page2-inline .preview{height:205px;border:2px dashed #a9bcf3;border-radius:11px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9aa7bb;text-align:center;line-height:1.5;background:#fbfcff}.page2-inline .preview img{width:100%;height:100%;object-fit:cover}.page2-inline .photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.page2-inline .photo-actions button{border:0;border-radius:8px;padding:9px 4px;color:#fff;font-weight:900;cursor:pointer}.page2-inline .capture{background:var(--orange)}.page2-inline .upload{background:#7bcfd5}.page2-inline .analyze{width:100%;border:0;border-radius:13px;background:linear-gradient(90deg,#1958ef,#2d79ff);color:#fff;padding:15px;margin-top:12px;font-size:18px;font-weight:900;cursor:pointer}.page2-inline .guide{font-size:11px;color:#7b89a4;margin-top:8px;text-align:center}.page2-inline .result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.page2-inline .badge{background:var(--blue2);color:var(--blue);border-radius:999px;padding:7px 11px;font-weight:900}.page2-inline .code{font-size:22px;font-weight:900;color:#fff;background:var(--blue);padding:7px 13px;border-radius:999px}.page2-inline .graph-box{border:1px solid #dce4ee;border-radius:15px;padding:8px;background:#fff}.page2-inline .graph-box svg{width:100%;height:auto;display:block}.page2-inline .legend{display:flex;justify-content:center;gap:16px;font-size:12px;margin-top:7px}.page2-inline .legend span:before{content:"";display:inline-block;width:20px;height:3px;margin-right:5px;vertical-align:middle;border-radius:3px}.page2-inline .legend .target:before{background:var(--red)}.page2-inline .legend .comfort:before{background:var(--blue)}.page2-inline .legend .sim:before{background:var(--green)}.page2-inline .pad-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.page2-inline .pad-card{border:1px solid #dce4ee;border-radius:14px;padding:12px;background:linear-gradient(145deg,#fff,#f6f9fc);text-align:center}.page2-inline .pad-card b{display:block;color:#41577d;font-size:13px}.page2-inline .pad-card strong{display:block;font-size:28px;color:var(--blue);margin:4px 0}.page2-inline .pad-card span{font-size:12px;color:#6f7f99}.page2-inline .pad-card.off{opacity:.58}.page2-inline .sim-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.page2-inline .sim-row{border:1px solid #dce4ee;border-radius:12px;padding:9px;background:#f8fbff}.page2-inline .sim-row b{display:block;text-align:center;font-size:13px;margin-bottom:7px}.page2-inline .stepper{display:grid;grid-template-columns:40px 1fr 40px;gap:5px}.page2-inline .stepper button{height:36px;border:1px solid #bed0ee;background:#fff;color:var(--blue);font-size:22px;font-weight:900;border-radius:8px;cursor:pointer}.page2-inline .stepper output{height:36px;display:flex;align-items:center;justify-content:center;background:var(--blue2);border-radius:8px;font-weight:900}.page2-inline .note{font-size:12px;line-height:1.65;color:#53688b;background:#f7faff;border:1px solid #dce7f8;border-radius:14px;padding:13px}@media(max-width:380px){.page2-inline .app{padding:12px}.page2-inline .hero h1{font-size:29px}.page2-inline .preview{height:180px}.page2-inline .input-grid{gap:5px}.page2-inline .field label{font-size:12px}}

/* shoulder pad combinations */
.page2-inline .shoulder-combo{margin-top:10px;padding:9px;border-radius:12px;background:#f7faff;border:1px solid #dce7f8}
.page2-inline .shoulder-combo-title{text-align:center;font-size:12px;font-weight:900;color:#53688b;margin-bottom:7px}
.page2-inline .shoulder-stack{display:flex;flex-direction:column-reverse;align-items:center;gap:5px}
.page2-inline .shoulder-piece{width:88%;height:21px;border-radius:7px;border:2px solid #c9d3df;background:#fff;color:#8692a5;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;transition:.2s}
.page2-inline .shoulder-piece.on{border-color:#16b86a;background:#dff8eb;color:#087a45;box-shadow:0 4px 10px rgba(22,184,106,.18)}
.page2-inline .shoulder-caption{text-align:center;font-size:11px;color:#6f7f99;margin-top:6px}

/* pillow analysis AI */
.page2-inline .pillow-ai{background:#dff6f7;border:1px solid #c6ebed}
.page2-inline .pillow-ai-title{text-align:center;margin:0 0 14px;font-size:25px;color:#122d50}
.page2-inline .pillow-ai-grid{display:grid;grid-template-columns:1fr;gap:12px}
.page2-inline .pillow-panel{background:#fff;border:1px solid #cfe4e6;border-radius:16px;padding:13px}
.page2-inline .pillow-panel h3{margin:0 0 10px;text-align:center;font-size:20px}
.page2-inline .need-line{border:1px solid #dbe4ed;border-radius:13px;padding:10px;background:#fbfdff;margin-bottom:11px}
.page2-inline .need-line b{display:block;text-align:center;font-size:12px;color:#52698e}
.page2-inline .need-code{text-align:center;font-size:27px;font-weight:900;color:#15284d;margin:2px 0 4px}
.page2-inline .need-line svg{width:100%;height:88px;display:block}
.page2-inline .product-list{display:grid;gap:8px}
.page2-inline .product-item{display:grid;grid-template-columns:60px 1fr;gap:9px;padding:9px;border-radius:12px;background:#f4f8fa;border:1px solid #e0eaee}
.page2-inline .product-thumb{width:60px;height:52px;border-radius:12px;background:linear-gradient(145deg,#fff,#dfe5ea);display:flex;align-items:center;justify-content:center;font-size:28px}
.page2-inline .product-meta strong{display:block;font-size:14px;color:#15335f}
.page2-inline .product-meta span{display:block;font-size:11px;color:#6c7e98;line-height:1.45}
.page2-inline .rank-score{color:#e75252;font-weight:900}
.page2-inline .pillow-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.page2-inline .pillow-upload{border:1px solid #d9e1e8;border-radius:11px;padding:6px;background:#fff}
.page2-inline .pillow-upload b{display:block;text-align:center;font-size:11px;margin-bottom:5px}
.page2-inline .pillow-preview{height:68px;border:2px dashed #c8d1dc;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9aa5b5;font-size:11px;text-align:center}
.page2-inline .pillow-preview img{width:100%;height:100%;object-fit:cover}
.page2-inline .pillow-upload button{width:100%;margin-top:5px;border:0;border-radius:7px;background:#7bcfd5;color:#fff;font-weight:900;padding:6px 2px;font-size:11px}
.page2-inline .spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}
.page2-inline .spec-grid label{font-size:11px;color:#52698e;font-weight:800}
.page2-inline .spec-grid input, .page2-inline .spec-grid select{width:100%;height:38px;margin-top:4px;border:1px solid #cbd7e3;border-radius:9px;padding:0 8px;background:#fff}
.page2-inline .pillow-calc{width:100%;margin-top:10px;border:0;border-radius:11px;background:linear-gradient(90deg,#16a86a,#2bc477);color:#fff;padding:12px;font-weight:900;cursor:pointer}
.page2-inline .match-result{margin-top:10px;padding:11px;border-radius:12px;background:#f5f8fa;text-align:center;font-weight:900}
.page2-inline .match-result strong{font-size:25px;color:#e75252}
@media(min-width:500px){.page2-inline .pillow-ai-grid{grid-template-columns:1fr 1fr}.page2-inline .pillow-upload-grid{grid-template-columns:repeat(3,1fr)}}



.page2-inline .analysis-person-box{border:1px solid #d9e4ef;border-radius:13px;background:#f7faff;padding:10px;margin:0 0 12px}
.page2-inline .analysis-person-title{text-align:center;font-size:12px;font-weight:900;color:#617696;margin-bottom:8px}
.page2-inline .analysis-person-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.page2-inline .analysis-person-grid .cell{border-radius:10px;background:#fff;padding:7px;text-align:center;border:1px solid #dce7f3}
.page2-inline .analysis-person-grid .cell b{display:block;font-size:11px;color:#6b7d98}
.page2-inline .analysis-person-grid .cell strong{display:block;font-size:16px;color:#173d7a;margin-top:2px}
@media(max-width:420px){.page2-inline .analysis-person-grid{grid-template-columns:repeat(2,1fr)}}

.page2-inline .pad-image-wrap{margin-top:13px;padding:12px;border:1px solid #dce6ee;border-radius:15px;background:#fff}
.page2-inline .pad-image-title{text-align:center;font-weight:900;color:#23436e;margin-bottom:8px}
.page2-inline .pad-image-stage{text-align:center;font-size:14px;font-weight:900;color:#173d7a;margin:0 0 10px}
.page2-inline .pad-image-stage span{color:#16a86a}
.page2-inline .pad-image-diagram{position:relative; width:100%; max-width:520px; margin:0 auto;}
.page2-inline .pad-image-diagram img{display:block;width:100%;height:auto;border-radius:10px}
.page2-inline .pad-overlay{position:absolute;background:#A8E66A;border:1.5px solid #159447;border-radius:5px;box-shadow:none;display:none;pointer-events:none;opacity:.86}
.page2-inline .pad-overlay.on{display:block}
.page2-inline .pad-image-legend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:11px;color:#52698e}
.page2-inline .pad-image-legend i{width:18px;height:18px;border-radius:5px;background:rgba(22,184,106,.32);border:2px solid #159447}
.page2-inline .direction-card{margin:0 auto 10px;max-width:520px;border:1px solid #dde6f1;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#eef4ff);padding:10px 12px;text-align:center}
.page2-inline .direction-card span{display:block;font-size:12px;color:#657a9b;font-weight:800}
.page2-inline .direction-card b{display:block;font-size:20px;color:#174baf;font-weight:900;margin:4px 0}
.page2-inline .direction-card small{display:block;font-size:11px;color:#6a7e99;line-height:1.45}
.page2-inline .direction-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:520px;margin:0 auto 10px}
.page2-inline .direction-toggle button{height:40px;border:1px solid #c9d8f4;border-radius:10px;background:#fff;color:#23436e;font-weight:900;cursor:pointer}
.page2-inline .direction-toggle button.active{background:linear-gradient(90deg,#1e62f2,#3a83ff);color:#fff;border-color:#1e62f2}
.page2-inline .softform-overlay{display:none !important}
.page2-inline .softform-overlay.on{display:none !important}
.page2-inline .softform-label{display:none !important}
.page2-inline .softform-label.on{display:block}




.page2-inline .analysis-match-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0 10px}
.page2-inline .analysis-match-chip{border:1px solid #d9e4ef;border-radius:10px;background:#f7faff;padding:8px;text-align:center}
.page2-inline .analysis-match-chip b{display:block;font-size:13px;color:#617696;font-weight:800;margin-bottom:4px}
.page2-inline .analysis-match-chip strong{font-size:28px;line-height:1.1;color:#245ccc;font-weight:900;letter-spacing:0.5px}
.page2-inline .analysis-match-chip.comfort-chip{background:#f5f8ff;border-color:#cfdbff}
.page2-inline .analysis-match-chip.comfort-chip b{color:#5f77a4}
.page2-inline .analysis-match-chip.comfort-chip strong{color:var(--blue)}
.page2-inline .analysis-match-chip.target-chip{background:#fff5f7;border-color:#ffd0d7}
.page2-inline .analysis-match-chip.target-chip b{color:#a05a67}
.page2-inline .analysis-match-chip.target-chip strong{color:var(--red)}
.page2-inline .analysis-match-chip.sim-chip{background:#eefbf4;border-color:#ccefdc}
.page2-inline .analysis-match-chip.sim-chip b{color:#4f7d63}
.page2-inline .analysis-match-chip.sim-chip strong{color:var(--green)}
.page2-inline .badge.sim-badge{background:#eefbf4;color:#11814c;border:1px solid #ccefdc}
.page2-inline .compare-lines{border:1px solid #dce6ef;border-radius:12px;padding:8px;background:#fff;margin-top:9px}
.page2-inline .compare-lines svg{width:100%;height:110px;display:block}
.page2-inline .compare-result-table{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.page2-inline .compare-result-table div{border-radius:9px;background:#f4f8fa;padding:7px;text-align:center;font-size:11px;color:#52698e}
.page2-inline .compare-result-table strong{display:block;font-size:15px;color:#173665;margin-top:2px}
.page2-inline .product-item.selected{border:2px solid #16b86a;background:#eefbf4}
.page2-inline .product-analysis{font-size:10px;color:#52698e;margin-top:4px;line-height:1.35}



.page2-inline-wrap{width:100%;margin:0;padding:24px 12px 32px;background:linear-gradient(180deg,#eef2f6 0%,#eef2f6 100%)}
.page2-inline{max-width:min(1080px,100%);margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(35,55,92,.10)}
.page2-inline .app{width:min(100%,980px);margin:auto}
@media(min-width:760px){.page2-inline .app{padding:28px 26px 44px}.page2-inline .section-title{font-size:24px}.page2-inline .hero h1{font-size:44px}.page2-inline .hero p{font-size:16px}.page2-inline .input-grid{grid-template-columns:repeat(3,1fr);gap:12px}.page2-inline .photo-grid{grid-template-columns:1fr 1fr;gap:12px}.page2-inline .preview{height:240px}.page2-inline .graph-box{padding:14px}.page2-inline .graph-box svg{max-height:none}.page2-inline .pad-grid,.page2-inline .sim-controls{grid-template-columns:repeat(4,1fr)}.page2-inline .pillow-ai-grid{grid-template-columns:1fr 1fr;gap:16px}}


.analysis-progress{
  display:none;
  margin-top:10px;
  padding:12px;
  border:1px solid #d9e4ef;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
  box-shadow:0 8px 20px rgba(31,84,164,.08);
}
.analysis-progress.show{display:block}
.analysis-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.analysis-progress-head b{font-size:14px;color:#173d7a}
.analysis-progress-head span{font-size:12px;color:#5b6f8e;font-weight:800}
.analysis-progress-bar{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#dfe9f7;box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}
.analysis-progress-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#2d67f4 0%,#36b8ff 55%,#22c55e 100%);transition:width .22s ease}
.analysis-progress-message{margin-top:10px;border-radius:12px;background:#fff;padding:10px 11px;border:1px dashed #bfd1ec}
.analysis-progress-message b{display:block;color:#173d7a;font-size:12px;margin-bottom:4px}
.analysis-progress-message p{margin:0;color:#415978;font-size:12px;line-height:1.55;font-weight:700}
.analysis-progress-tip{margin-top:7px;color:#6b7d98;font-size:11px;line-height:1.45}
.analyze[disabled]{opacity:.72;cursor:not-allowed}
@media(max-width:420px){.analysis-progress{margin-top:8px;padding:10px}.analysis-progress-head b{font-size:13px}.analysis-progress-head span{font-size:11px}.analysis-progress-message{padding:9px 10px}.analysis-progress-message b{font-size:11px}.analysis-progress-message p{font-size:11px}.analysis-progress-tip{font-size:10px}}