.calculator-page{min-height:100vh;background:radial-gradient(ellipse 58% 54% at 92% -10%,rgba(58,105,83,.42),transparent 67%),var(--paper)}
.calculator-main{width:100%;max-width:none;margin:0;padding:60px max(3vw,28px) 92px}
.calculator-hero{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:0 auto 32px;max-width:1760px}
.calculator-hero h1{margin:0;color:#f3f7f2;font:400 clamp(42px,5.6vw,70px)/1.05 var(--monan-display-font);letter-spacing:.02em}.calculator-hero h1 em{font-style:normal;color:var(--lime);text-shadow:0 0 30px rgba(214,244,110,.16)}.calculator-hero>div>p:not(.eyebrow){max-width:590px;margin:17px 0 0;color:#9eaba1;font-size:14px;line-height:1.7}.calculator-note{flex:0 0 auto;max-width:340px;padding:14px 16px;border:1px solid #3b5544;background:rgba(18,33,24,.72);color:#9fb6a7;font-size:11px;line-height:1.7}
.calculator-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;max-width:1760px;margin:0 auto}.calculator-library,.calculator-workspace{border:1px solid var(--line);background:linear-gradient(145deg,rgba(27,35,30,.96),rgba(12,17,14,.98));box-shadow:0 20px 45px rgba(0,0,0,.18)}.calculator-library{align-self:start;padding:20px}.library-heading,.workspace-heading,.definition-heading,.runner-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.library-heading h2,.workspace-heading h2{margin:0;color:#eef4ed;font-size:21px}.library-heading .eyebrow,.workspace-heading .eyebrow,.definition-heading .eyebrow,.runner-heading .eyebrow,.template-heading .eyebrow{margin-bottom:7px}.library-new,.outline-button,.danger-button,.primary-button{min-height:36px;padding:0 12px;cursor:pointer;font:700 12px 'Noto Sans KR',sans-serif}.library-new,.outline-button{border:1px solid #456952;background:#163122;color:#c6edcf}.library-new:hover,.outline-button:hover{border-color:var(--lime);color:var(--lime);background:#1c3928}.calculator-list{display:grid;gap:7px;margin-top:17px}.calculator-list-item,.template-item{display:block;width:100%;padding:12px;border:1px solid #334239;background:#101613;color:#bfcbc1;text-align:left;cursor:pointer}.calculator-list-item:hover,.template-item:hover{border-color:#527b5d;background:#17241b}.calculator-list-item.is-active{border-color:rgba(214,244,110,.6);background:rgba(214,244,110,.1)}.calculator-list-item strong,.template-item strong{display:block;color:#eef4ed;font-size:13px}.calculator-list-item small,.template-item small{display:block;margin-top:4px;overflow:hidden;color:#90a194;font-size:10px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.calculator-list-empty{padding:17px 6px;color:#829086;font-size:12px;line-height:1.6}.template-heading{margin-top:26px;padding-top:19px;border-top:1px solid #334239}.template-heading h3{margin:0;color:#edf3ed;font-size:15px}.template-list{display:grid;gap:7px;margin-top:12px}.template-item span{display:block;margin:8px 0 0;color:#a9d6bb;font-size:10px}.calculator-workspace{min-width:0;padding:25px}.workspace-actions{display:flex;align-items:center;gap:7px}.primary-button{border:1px solid var(--lime);background:var(--lime);color:#132014}.primary-button:hover{filter:brightness(1.05)}.primary-button:disabled,.danger-button:disabled{opacity:.48;cursor:not-allowed}.danger-button{border:1px solid #7b4b45;background:rgba(151,71,61,.16);color:#e7aca4}.danger-button:hover:not(:disabled){border-color:#c66b60;background:rgba(180,76,64,.25);color:#ffe3df}.calculator-message{min-height:20px;margin:13px 0 0;color:#91d6ad;font-size:12px}.calculator-message.is-error{color:#f0a195}.calculator-editor{display:grid;gap:17px}.calculator-meta-section{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:12px;padding-top:4px}.calculator-meta-section label,.runtime-input label{display:block;color:#cfdbd1;font-size:12px;font-weight:600}.calculator-meta-section input,.calculator-meta-section textarea,.definition-item input,.definition-item textarea,.runtime-input input{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #3b4a40;background:#090d0b;color:var(--ink);font:13px 'Noto Sans KR',sans-serif;outline:none}.calculator-meta-section textarea,.definition-item textarea{resize:vertical}.calculator-meta-section input:focus,.calculator-meta-section textarea:focus,.definition-item input:focus,.definition-item textarea:focus,.runtime-input input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(115,214,165,.11)}.definition-section{padding:19px;border:1px solid #344238;background:rgba(13,19,16,.55)}.definition-heading h3,.runner-heading h3{margin:0;color:#edf3ed;font-size:17px}.definition-heading>div>p:not(.eyebrow),.runner-help{margin:7px 0 0;color:#93a198;font-size:11px;line-height:1.55}.definition-grid{display:grid;gap:9px;margin-top:16px}.definition-item{position:relative;display:grid;grid-template-columns:minmax(130px,.9fr) minmax(145px,.9fr) minmax(90px,.65fr) minmax(100px,.8fr) 34px;gap:8px;align-items:end;padding:13px;border:1px solid #35463a;background:#111814}.definition-grid-results .definition-item{grid-template-columns:minmax(130px,.75fr) minmax(145px,.75fr) minmax(90px,.55fr) minmax(180px,1.6fr) 34px}.definition-item label{display:block;color:#9db0a1;font-size:10px}.definition-item input,.definition-item textarea{min-height:37px;margin-top:5px;padding:8px 9px;font-size:12px}.definition-item textarea{height:37px;resize:vertical}.remove-definition{height:37px;border:1px solid #744b45;background:rgba(117,66,58,.13);color:#e2aaa2;cursor:pointer;font-size:17px;line-height:1}.remove-definition:hover{background:rgba(173,78,66,.23);color:#ffe1dc}.formula-guide{padding:14px 16px;border:1px solid #35463a;background:rgba(17,27,21,.72);color:#a7b8aa;font-size:11px;line-height:1.65}.formula-guide summary{color:#d5e8d8;cursor:pointer;font-weight:700}.formula-guide div{padding-top:9px}.formula-guide p{margin:6px 0}.formula-guide code{padding:1px 4px;background:#080c09;color:#d8f6b1;font:10px 'DM Mono',monospace}.calculator-runner{margin-top:18px;padding:20px;border:1px solid rgba(214,244,110,.31);background:linear-gradient(145deg,rgba(32,51,36,.75),rgba(11,19,14,.88))}.runner-heading{align-items:center}.runner-help{margin:12px 0 0}.runtime-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:11px;margin-top:16px}.runtime-input{position:relative}.runtime-input .unit{position:absolute;right:11px;bottom:11px;color:#92a698;font-size:11px;pointer-events:none}.runtime-input.has-unit input{padding-right:44px}.runtime-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:16px}.runtime-result{padding:14px;border:1px solid #47634f;background:rgba(9,17,12,.55)}.runtime-result span{display:block;color:#9ab2a0;font-size:11px}.runtime-result strong{display:block;margin-top:7px;color:var(--lime);font:700 21px/1.25 'DM Mono',monospace;letter-spacing:-.7px}.runtime-result small{margin-left:5px;color:#aec2b2;font-size:11px}.runtime-placeholder{grid-column:1/-1;padding:13px 0;color:#90a197;font-size:12px}.runtime-error{grid-column:1/-1;padding:12px;border:1px solid #805149;background:rgba(145,65,55,.13);color:#f0aaa2;font-size:12px;line-height:1.55}
@media(max-width:980px){.calculator-layout{grid-template-columns:1fr}.calculator-library{display:grid;grid-template-columns:1fr 1fr;gap:20px}.library-heading{grid-column:1/-1}.calculator-list,.template-list{margin-top:0}.template-heading{margin-top:0;padding-top:0;border-top:0}.calculator-hero{align-items:flex-start;flex-direction:column}.calculator-note{max-width:600px}}
@media(max-width:700px){.calculator-main{padding:40px 20px 65px}.calculator-workspace,.calculator-library{padding:18px}.calculator-library{display:block}.template-heading{margin-top:22px;padding-top:18px;border-top:1px solid #334239}.template-list,.calculator-list{margin-top:12px}.calculator-meta-section{grid-template-columns:1fr}.definition-item,.definition-grid-results .definition-item{grid-template-columns:1fr 1fr}.definition-item label:last-of-type{grid-column:1/-1}.definition-item .remove-definition{grid-column:2;justify-self:end;width:34px}.calculator-hero h1{font-size:48px}}
@media(max-width:440px){.workspace-heading,.library-heading,.definition-heading,.runner-heading{align-items:flex-start;flex-direction:column}.workspace-actions{width:100%}.workspace-actions button{flex:1}.definition-item,.definition-grid-results .definition-item{grid-template-columns:1fr}.definition-item .remove-definition{grid-column:1;justify-self:start;width:100%}}

/* 사이드바의 긴 템플릿 설명이 작업 영역의 Grid 폭을 밀어내지 않도록 고정합니다. */
.calculator-layout,.calculator-library,.calculator-workspace,.calculator-list,.template-list{min-width:0;max-width:100%}
.calculator-library{overflow:hidden}
.calculator-list-item,.template-item{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}
.calculator-list-item strong,.template-item strong,.calculator-list-item small,.template-item small{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.calculator-list-item small,.template-item small{white-space:normal;text-overflow:clip}

/* 좌측 하단: API 키 없이 ChatGPT 웹에 질문을 이어서 작성할 수 있는 도우미입니다. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.chatgpt-helper{margin-top:24px;padding-top:19px;border-top:1px solid #334239}.chatgpt-helper h3{margin:0;color:#edf3ed;font-size:15px}.chatgpt-helper>p:not(.eyebrow):not(.chatgpt-helper-message){margin:7px 0 11px;color:#91a096;font-size:11px;line-height:1.6}.chatgpt-helper textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:88px;padding:10px;border:1px solid #3b4a40;background:#090d0b;color:var(--ink);font:12px/1.55 'Noto Sans KR',sans-serif;outline:none;resize:vertical}.chatgpt-helper textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(115,214,165,.11)}.chatgpt-helper-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:9px}.chatgpt-copy,.chatgpt-open{min-height:35px;padding:8px 10px;border:1px solid #456952;cursor:pointer;font:700 11px 'Noto Sans KR',sans-serif}.chatgpt-copy{background:#163122;color:#c6edcf}.chatgpt-copy:hover{border-color:var(--lime);color:var(--lime);background:#1c3928}.chatgpt-open{border-color:var(--lime);background:var(--lime);color:#132014}.chatgpt-open:hover{filter:brightness(1.05)}.chatgpt-helper-message{min-height:17px;margin:9px 0 0;color:#a9d6bb;font-size:10px;line-height:1.55}.chatgpt-helper-message.is-error{color:#efa49a}