@font-face{font-family:Pretendard;src:url('./assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f3f4f0;color:#26362f;font-family:Pretendard,sans-serif;font-size:15px;font-weight:500}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d49e45;outline-offset:3px}header{height:88px;padding:0 4%;display:flex;align-items:center;background:#fff;border-bottom:1px solid #dde2d9;gap:32px}.wordmark{font-size:32px;font-weight:850;letter-spacing:-2px;color:#244d41;text-decoration:none;white-space:nowrap}.wordmark span{font-weight:350}.wordmark .dot{color:#c18d53}.header-title{font-weight:750;font-size:17px;border-left:1px solid #d8ded6;padding-left:28px}.header-title small{font-size:12px;color:#78837c;display:block;margin-top:5px;font-weight:500}header>.quiet{margin-left:auto}.quiet{border:0;background:none;color:#617068;font-size:13px;font-weight:650;padding:9px}.quiet:hover{color:#173f31;background:#edf2ec;border-radius:6px}main{max-width:1540px;margin:auto;padding:32px 4% 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#698171;margin:0 0 9px}h1{font-size:32px;letter-spacing:-1.4px;margin:0 0 9px;font-weight:760}.intro p:not(.eyebrow){margin:0;color:#7b847b;font-size:14px}.mode{font-size:12px;display:flex;align-items:center;gap:8px;background:#e9ede4;border:1px solid #d8e0d2;border-radius:30px;padding:10px 14px;white-space:nowrap}.mode i{height:6px;width:6px;border-radius:50%;background:#54795f}.workspace{display:grid;grid-template-columns:minmax(330px,.83fr) minmax(490px,1.17fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid #dfe4db;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #263b2810}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #e5e8e1;min-height:69px}.panel-head>div{display:flex;gap:12px;align-items:center}.step{color:#8a9e88;font-size:12px;font-weight:750;border:1px solid #d7e0d1;border-radius:50%;height:27px;width:27px;display:grid;place-items:center}h2{font-size:19px;letter-spacing:-.5px;margin:0}h3{font-size:14px;margin:0}.viewer-wrap{position:relative;overflow:hidden}.design-wrap{height:320px;background:#edf0e9}.viewer{width:100%;height:100%}.viewer canvas{display:block;width:100%;height:100%}.viewer-label{position:absolute;top:19px;left:22px;color:#8a9589;font-size:10px;letter-spacing:1.4px;pointer-events:none}.view-hint{position:absolute;bottom:13px;left:18px;font-size:11px;color:#748379;background:#ffffffc9;padding:5px 8px;border-radius:5px;pointer-events:none}.camera-btn{position:absolute;right:14px;bottom:14px;border:1px solid #dce3d6;border-radius:50%;background:#ffffffde;width:30px;height:30px;color:#425b4e;font-size:20px}.design-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 20px;border-bottom:1px solid #e5e8e1;background:#fafbf8}.design-summary>div+div{border-left:1px solid #e2e7dc;padding-left:16px}small{display:block}.design-summary small{color:#88917f;font-size:11px;margin-bottom:6px}.design-summary b{font-size:18px;letter-spacing:-.5px}.parts{padding:20px 22px}.field-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.field-title>span{font-size:11px;color:#8a9487}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:20px}.choices.three{grid-template-columns:repeat(3,1fr)}.choices button{background:#fff;border:1px solid #dfe5da;border-radius:9px;color:#5b675c;padding:12px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:.15s}.choices button:hover{background:#f3f6ef;border-color:#9eaf98}.choices button.selected{border:2px solid #3d6955;background:#edf4eb;color:#244b38;padding:11px 7px}.choices strong{font-size:13px;font-weight:750}.choices small{font-size:11px;color:#859080}.wheel-icon{border:5px solid #4c554e;background:#b5bdb1;box-shadow:inset 0 0 0 3px #e2e7dc;border-radius:50%;margin-bottom:3px}.sm{width:24px;height:24px;margin-top:10px}.md{width:30px;height:30px;margin-top:4px}.lg{width:34px;height:34px}.range-label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin:17px 0 8px}.range-label output{font-weight:650;color:#52765a}input[type=range]{width:100%;height:5px;accent-color:#436d53;margin:6px 0 20px;cursor:pointer}.compact{margin-top:8px}.compact button{padding:9px;font-size:12px}.compact button.selected{padding:8px}.micro{font-size:11px;line-height:1.6;color:#8a9286;margin:14px 0 0}.status{font-size:11px;font-weight:650;border-radius:30px;background:#eef2e9;color:#66815d;padding:6px 11px}.test-body{padding:18px 22px}.terrains{margin-bottom:14px}.terrains button{flex-direction:row;padding:10px 8px;gap:9px}.terrains button.selected{padding:9px 7px}.terrains span{font-size:20px;color:#6e8367}.conditions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:17px}.conditions label{flex:1;min-width:115px;color:#7d8777;font-size:11px}.conditions label[hidden]{display:none}.conditions select{display:block;width:100%;margin-top:7px;padding:9px 6px;border:1px solid #dce2d6;background:#fff;border-radius:6px;color:#465443;font-size:12px;cursor:pointer}.test-wrap{height:320px;border-radius:10px;border:1px solid #e2e6dc;background:#edf0e9}.stage-info{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-info>span{font-size:11px;background:#ffffffcc;padding:7px 10px;border-radius:6px;color:#61725d}.stage-info b{font-size:21px;color:#354a36;font-variant-numeric:tabular-nums}.stage-info small{display:inline;font-size:12px;font-weight:500;color:#8a9484}.event-badge{position:absolute;top:50px;left:16px;background:#fff2db;color:#9b652b;padding:7px 10px;font-size:12px;border-radius:5px}.playback{display:flex;gap:8px;align-items:center;margin:15px 0}.primary{border:1px solid #365b46;background:#365b46;color:#fff;border-radius:7px;padding:12px 18px;font-size:13px;font-weight:700;white-space:nowrap}.primary:hover{background:#254c35}.secondary{border:1px solid #d5dece;border-radius:7px;background:#fff;color:#45603e;padding:11px 12px;font-size:12px;font-weight:650;white-space:nowrap}.secondary:hover{background:#f2f5ee}.playback input{margin:0 2px;min-width:50px}.playback>span{font-size:11px;color:#8d9687;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f6f7f2;border-radius:8px;padding:14px}.metrics div+div{border-left:1px solid #dde3d5;padding-left:13px}.metrics small{font-size:11px;color:#7d8a71;margin-bottom:8px}.metrics b{font-size:24px;font-weight:730;color:#3b5036;font-variant-numeric:tabular-nums}.metrics em{font-size:12px;color:#85927a;font-style:normal;font-weight:550}.chart-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 4px}.chart-head h3{font-size:12px}.chart-head span{font-size:10px;color:#8c9685}#chart{display:block;width:100%;height:85px;overflow:visible}#chart text{font-family:Pretendard;font-size:10px;fill:#98a18f}.result-note{border-left:3px solid #6f8a5e;background:#f3f6ee;padding:13px 15px;border-radius:0 6px 6px 0;margin:10px 0 14px}.result-note b{font-size:13px;color:#47613e}.result-note p{font-size:12px;line-height:1.65;color:#76816d;margin:6px 0 0}.save-actions{display:flex;gap:10px}.save-actions button{flex:1}.comparison{margin-top:24px}.compare-empty{padding:28px;text-align:center;color:#8c9780;font-size:13px}.compare-empty>span{font-size:26px;font-weight:700;letter-spacing:8px;color:#a3b197}.compare-empty p{margin-bottom:0}.compare-grid{padding:20px 24px}.compare-grid table{width:100%;border-collapse:collapse;font-size:13px}.compare-grid th{text-align:left;padding:12px;background:#f3f6ee;color:#6c7e61}.compare-grid td{padding:12px;border-bottom:1px solid #e9ece4;color:#59674f}.compare-grid th:first-child{width:24%}.compare-grid p{font-size:13px;line-height:1.7;padding:12px 14px;background:#f3f6ee;border-radius:6px;color:#537044}.compare-grid .warning{background:#fff2dc;color:#977037}.compare-grid button{margin-right:8px}footer{display:flex;align-items:center;justify-content:space-between;padding:22px 0;color:#8c9981;font-size:10px;letter-spacing:1.5px}dialog{border:1px solid #dce3d4;border-radius:16px;padding:32px;max-width:540px;width:calc(100% - 40px);color:#44553c;box-shadow:0 20px 100px #14271330}dialog::backdrop{background:#19322355;backdrop-filter:blur(4px)}dialog .dialog-close:first-child{float:right;border:0;background:none;color:#8c9783;font-size:24px;margin-top:-12px;margin-right:-12px}dialog ol{padding-left:20px}dialog li{padding:8px 0;font-size:14px}dialog p{line-height:1.75;font-size:13px;color:#7b8870}dialog li p{margin:7px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#304e38;color:white;padding:12px 20px;border-radius:9px;font-size:13px;box-shadow:0 6px 22px #22351d30;opacity:0;transition:.2s;pointer-events:none;z-index:9}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1500px){.design-wrap,.test-wrap{height:365px}.parts{padding:24px}.test-body{padding:22px}}@media(max-width:900px){main{padding:24px 20px 0}.workspace{grid-template-columns:1fr}.design-panel .parts{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.parts>.field-title,.parts>.choices,.parts>.range-label,.parts>input,.parts>.micro{grid-column:1/-1}.header-title small{display:none}.intro h1{font-size:27px}.intro .mode{display:none}header{gap:18px;height:78px}.header-title{padding-left:18px;font-size:14px}.wordmark{font-size:27px}}@media(max-width:520px){main{padding:22px 12px 0}.intro p:not(.eyebrow){font-size:12px;max-width:270px;line-height:1.7}.panel-head{padding:16px}.test-body,.parts{padding:16px}.header-title{border:0;padding-left:0;font-size:12px;max-width:100px}header>.quiet{font-size:11px;padding:0}.wordmark{font-size:23px}h2{font-size:17px}.conditions label{min-width:40%}.playback{flex-wrap:wrap}.playback input{flex:1}.playback .primary{padding:11px}.playback .secondary{padding:11px 8px}.metrics b{font-size:20px}.metrics small{font-size:10px}.compare-grid{padding:12px}.compare-grid td,.compare-grid th{padding:9px 6px;font-size:11px}.design-wrap{height:290px}.test-wrap{height:300px}}

.test-wrap{height:420px}.walking-readout{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 0 16px;font-size:12px;color:#607160}.walking-readout>span:first-child{flex-basis:100%;font-size:14px;font-weight:650;color:#344b39}.walking-readout b{color:#263e2e;font-variant-numeric:tabular-nums}.conditions{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.test-wrap{height:360px}}

#quoteDialog{max-width:830px;max-height:92vh;overflow:auto}#quoteCanvas{display:block;width:100%;height:auto;box-shadow:0 2px 14px #263b2820;border:1px solid #dce3d4;background:white}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.quote-fields label{font-size:12px;color:#65745f;font-weight:650}.quote-fields input{display:block;width:100%;border:1px solid #d3ddcc;border-radius:6px;padding:10px;margin-top:6px;color:#263b32;background:#fff}.quote-wide{grid-column:1/-1}.quote-download{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 20px}.quote-download span{font-size:12px}.quote-download a{text-decoration:none;display:inline-block}#quoteError{color:#9e4b35}.compare-grid button{margin-bottom:8px}@media(max-width:520px){#quoteDialog{padding:24px 16px}.quote-download{align-items:flex-start;flex-direction:column}}