:root{font-family:Verdana,sans-serif;color:#17344b;background:#eff4fa;--ink:#17344b;--blue:#234f8c;--line:#a4b5ca;--applied:#215f3c}
*{box-sizing:border-box}body{margin:0}header{padding:24px 4vw 18px;background:#dce8f6}header a{color:var(--blue)}h1{font:700 32px Georgia,serif;margin:8px 0}h2{font:700 22px Georgia,serif}header p{margin:8px 0 0;line-height:1.5}main{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:32px;padding:24px 4vw}.guide{max-width:70ch;min-width:0}.guide p{line-height:1.5}label,legend{font-size:14px;font-weight:700;display:block;margin:16px 0 7px}input,textarea,select{font:inherit;width:100%;min-height:44px;padding:10px;border:1px solid #7e94b2;border-radius:4px;background:white;color:var(--ink)}button,.actions a{font:600 14px Verdana,sans-serif;min-height:44px;padding:12px 16px;border:1px solid var(--blue);background:var(--blue);color:white;border-radius:4px;cursor:pointer;margin:5px 6px 5px 0;text-align:center}button:disabled{opacity:.6;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ca7400;outline-offset:3px}.suggestions button,#cancel,#print{background:transparent;color:var(--blue)}#apply{min-width:176px}#apply:disabled{background:#e0f1e4;color:var(--applied);border-color:var(--applied);opacity:1}#apply-feedback{background:#e0f1e4;color:#163f29;border-left:4px solid #387952;padding:12px 14px;font-weight:700;margin:10px 0}#conversation{border-left:4px solid #8baacf;padding:0 12px;max-height:170px;overflow:auto}#conversation p{margin:9px 0;font-size:14px}.hint,#status,#pdf-status{font-size:13px;line-height:1.5}fieldset{border:0;padding:0;margin:0}.problem-tools{display:flex;align-items:center;justify-content:space-between;gap:10px}.problem-tools span{font-size:13px}.quantity-row{display:grid;grid-template-columns:minmax(86px,1fr) 70px 18px 70px;align-items:center;gap:8px;margin:10px 0}.quantity-row input{min-width:0}.quantity-row>span{font-size:14px}#error,#fit-warning{color:#a01728;line-height:1.5}#error:empty,#fit-warning:empty{display:none}.actions{display:flex;flex-wrap:wrap;align-items:center}.actions a{display:inline-flex;align-items:center;text-decoration:none}.actions a[hidden]{display:none}[hidden]{display:none!important}.preview{min-width:0}.preview #sheet{margin:0 auto;max-width:794px;background:white;box-shadow:0 5px 20px #17344b20}#sheet>svg{display:block;width:100%;height:auto}#sheet .recently-updated .problem-frame{stroke:#176a3d;stroke-width:.9}#sheet .colorable-title{fill:white;stroke:black}
@media(max-width:1050px){main{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:20px;padding:20px}}@media(max-width:800px){header{padding:18px 18px 14px}main{display:block;padding:18px}.guide{max-width:none}.preview{margin-top:28px}.quantity-row{grid-template-columns:minmax(80px,1fr) 70px 18px 70px}.actions button{flex:1}.problem-tools button{margin-right:0}.actions a{width:100%;justify-content:center}}
@page{size:A4;margin:0}@media print{:root,html,body{background:white;margin:0;padding:0}header,.guide{display:none!important}main{display:block;margin:0;padding:0}.preview{margin:0;padding:0}#sheet{margin:0!important;width:210mm!important;max-width:none!important;box-shadow:none!important}#sheet>svg{width:210mm;height:297mm;max-width:none;display:block}#sheet .recently-updated .problem-frame{stroke:black;stroke-width:.3}}