.planner-intro{padding-bottom:40px}.planner-intro h1{font-size:clamp(39px,4.5vw,65px)}.planner-shell{padding:35px 5% 75px;max-width:1500px;margin:auto}.planner-notice{padding:20px 24px;border-left:3px solid #e5232f;background:#20252e;margin-bottom:25px;color:#c0c9d4;font-size:13px}.planner-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:25px;align-items:start}.planner-controls{background:#1b2028;border:1px solid #343c47;padding:25px;border-radius:4px}.planner-controls h2{font-size:21px;letter-spacing:-.6px;margin:0 0 15px}.planner-controls h3{font-size:15px;letter-spacing:0;margin:25px 0 10px}.planner-controls label{font-size:12px}.planner-controls .button{width:100%;padding:12px 14px;font-size:12px;justify-content:center}.planner-controls small{font-size:11px;color:#a4afbc;display:block;line-height:1.6;margin-top:10px}.planner-controls input[type=file]{padding:9px;font-size:11px}.planner-controls input[type=file]::file-selector-button{background:#313946;color:#fff;border:0;padding:8px;margin-right:7px;cursor:pointer}.check-label{display:flex;gap:10px;align-items:start;font-weight:400;font-size:12px;line-height:1.6}.check-label input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:#e5232f}.planner-step{font-size:10px;letter-spacing:1.8px;color:#f05c65;margin-bottom:8px}.planner-workspace{min-width:0}.drawing-wrap{position:relative;background:#090c11;border:1px solid #414b5a;border-radius:4px;overflow:hidden;min-height:320px;display:flex;align-items:center;justify-content:center}.drawing-wrap canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:manipulation}.drawing-wrap canvas:focus-visible{outline:3px solid #f15c66;outline-offset:-5px}.drawing-empty{position:absolute;text-align:center;max-width:350px;padding:25px;pointer-events:none}.drawing-empty strong{display:block;font-size:20px;margin:15px 0}.drawing-empty p{font-size:13px}.drawing-empty .empty-icon{font-size:45px;color:#e5232f}.drawing-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}.tool-button{background:#232a35;color:#dce2ea;border:1px solid #46505f;border-radius:3px;padding:10px 13px;font-size:12px;cursor:pointer}.tool-button:hover{border-color:#e5232f}.tool-button:disabled,.planner-controls .button:disabled{opacity:.4;cursor:not-allowed;transform:none}.planner-status{padding:14px 18px;background:#212832;border-left:3px solid #e5232f;color:#d0d8e2;font-size:13px;margin-bottom:14px;min-height:53px}.result-panel{background:linear-gradient(120deg,#381d25,#20262f);padding:24px;border-radius:4px;border:1px solid #70343d;margin-top:15px}.result-label{font-size:11px;letter-spacing:1.5px;color:#d6b2b8;text-transform:uppercase}.area-result{font-size:48px;line-height:1.1;font-weight:700;margin:12px 0}.result-panel p{font-size:12px;margin-bottom:0}.result-panel .metric-extra{color:#ccd2dc}.request-builder{margin-top:30px;background:#1b2028;border:1px solid #343c47;border-radius:4px;padding:30px}.request-builder h2{font-size:27px;margin:0 0 16px}.request-builder p{font-size:13px}.request-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.request-fields .full{grid-column:1/-1}.request-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.request-actions .button{font-size:12px;gap:15px}.request-copy{margin-top:20px;border:1px solid #424c5b;padding:18px;background:#11161e}.request-copy pre{margin:0;font-size:12px;line-height:1.6}.planner-help{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.planner-help article{border-top:1px solid #3c4654;padding-top:20px}.planner-help h3{font-size:17px;letter-spacing:-.3px}.planner-help p{font-size:12px}.planner-sample{margin-top:8px;width:100%}.canvas-caption{font-size:10px;color:#98a5b6;margin:8px 0 0}.planner-details{font-size:12px;margin-top:15px;color:#a9b5c4}.planner-details summary{cursor:pointer;color:#d9e0e8}.planner-controls .divider{height:1px;background:#3c4654;margin:22px 0}.keyboard-note{font-size:11px;color:#a5b1c0}.planner-textarea{min-height:80px}.hidden{display:none!important}@media(max-width:1000px){.planner-layout{grid-template-columns:280px minmax(0,1fr)}.planner-shell{padding-left:4%;padding-right:4%}}@media(max-width:720px){.planner-layout{grid-template-columns:1fr}.planner-controls{padding:22px}.drawing-wrap{min-height:220px}.request-fields,.planner-help{grid-template-columns:1fr}.request-builder{padding:22px}.area-result{font-size:40px}.request-actions{flex-direction:column}.request-actions>*{width:100%;justify-content:center}.planner-shell{padding-left:6%;padding-right:6%}.drawing-toolbar .tool-button{flex:1}.planner-help{gap:15px}.planner-intro{padding-bottom:25px}}