.planner-hero{padding-bottom:45px}.planner-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.planner-section{padding:34px 0 60px}.planner-shell{width:min(1760px,calc(100% - 24px));margin:auto;display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}
.planner-sidebar{background:#12100e;border:1px solid var(--line);border-radius:18px;overflow:hidden;position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto}
.panel-block{padding:18px;border-bottom:1px solid #32281f}.panel-block:last-child{border-bottom:0}.panel-title{font-family:Georgia,serif;font-weight:700;font-size:1.08rem;margin-bottom:12px;color:var(--ink)}
.hint{font-size:.78rem;color:#a99582;line-height:1.45}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #725440;border-radius:12px;padding:18px;cursor:pointer;background:#171411}.upload-box:hover{border-color:var(--orange)}.upload-box input{display:none}.upload-box span{font-size:.75rem;color:#9d8a77;margin-top:3px}
.tool-btn,.piece-btn,.import-label{appearance:none;border:1px solid var(--line);background:#201a15;color:var(--ink);padding:9px 11px;border-radius:9px;font:inherit;font-size:.8rem;cursor:pointer}.tool-btn:hover,.piece-btn:hover,.import-label:hover{border-color:var(--orange)}.tool-btn:not(.secondary):not(.danger){background:var(--orange);border-color:var(--orange);color:#fff;font-weight:800}.tool-btn.danger{border-color:#834237;color:#ffb1a4;background:#2a1512}.piece-btn{text-align:left}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.button-row{display:flex;gap:7px;margin-top:10px}.wrapbuttons{flex-wrap:wrap}.import-label input{display:none}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}label{display:block;font-size:.76rem;color:#b8a48f;margin-top:8px}input[type=text],input[type=number],select{width:100%;margin-top:4px;background:#0d0c0b;color:var(--ink);border:1px solid #49382b;border-radius:8px;padding:8px}input:focus,select:focus{outline:2px solid rgba(227,95,22,.35);border-color:var(--orange)}.check{display:flex;gap:8px;align-items:center}.check input{accent-color:var(--orange)}.readout{margin-top:10px;padding:9px;border-radius:8px;background:#0d0c0b;border:1px solid #33281f;color:#c7b49a;font-size:.75rem}
.safety-notes{font-size:.76rem;line-height:1.45;color:#d9c8b2;background:#251b13;border-left:3px solid var(--orange);padding:10px}
.planner-workspace{min-width:0}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#12100e;border:1px solid var(--line);border-radius:14px 14px 0 0;padding:12px 14px}.workspace-toolbar strong{display:block}.workspace-toolbar span{font-size:.76rem;color:#a99582}.toolbar-actions{display:flex;align-items:center;gap:7px}.canvas-wrap{position:relative;background:#070706;border:1px solid var(--line);border-top:0;overflow:auto;height:76vh;min-height:620px;box-shadow:var(--shadow)}#plannerCanvas{display:block;transform-origin:0 0;background:#0a0908}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#aa9783;gap:5px}.empty-icon{font-size:4rem;color:var(--orange);opacity:.55}.canvas-help{font-size:.75rem;color:#927f6d;padding:10px 4px}
@media(max-width:1050px){.planner-shell{grid-template-columns:1fr}.planner-sidebar{position:relative;top:0;max-height:none}.canvas-wrap{height:68vh;min-height:500px}}