.tool-app[data-tool-slug=shelf-planner]>.result-panel>.zone-head{display:none}.tool-app[data-tool-slug=shelf-planner]>.input-card{overflow:visible}.sp-bench{gap:12px;display:grid}.sp-shelfbar{flex-wrap:wrap;align-items:center;gap:6px 22px;display:flex}.sp-line2{align-items:center;gap:8px;display:flex}.sp-k{color:var(--navy);font-size:.82rem;font-weight:700}.sp-levels .opt-chip,.sp-widths .opt-chip,.sp-zone .opt-chip{min-width:0}.sp-main{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.sp-viewcol{min-width:0;position:sticky;top:4.3rem}.sp-side-in{align-content:start;gap:10px;min-width:0;display:grid}.sp-view{aspect-ratio:6/5;border:1px solid var(--hairline-soft);background:#eef0f3;border-radius:10px;width:100%;max-height:min(640px,100vh - 8rem);position:relative;overflow:hidden}.sp-view canvas{touch-action:none;width:100%;height:100%;display:block}.sp-viewbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:0 0 8px;display:flex}.sp-views .opt-chip{min-width:0}.sp-legend{color:var(--text-secondary);align-items:center;gap:6px;font-size:.84rem;display:inline-flex}.sp-legend i{background:#9db785;border-radius:3px;width:12px;height:12px}.sp-loading,.sp-glerr{text-align:center;color:var(--text-secondary);place-items:center;margin:0;padding:20px;font-size:.9rem;display:grid;position:absolute;inset:0}.sp-loading[hidden],.sp-glerr[hidden]{display:none}.sp-zoom{z-index:1;gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.sp-zoom button{border:1px solid var(--hairline);width:34px;min-width:0;height:34px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:8px;place-items:center;font-size:18px;line-height:1;display:grid}.sp-zoom button:hover{border-color:var(--accent)}.sp-hint{color:var(--text-muted);margin:8px 0 0;font-size:.8rem;line-height:1.6}.sp-answer .sp-line{color:var(--navy);margin:0 0 2px;font-size:1.12rem;font-weight:700;line-height:1.55}.sp-answer .sp-line em{color:var(--accent-strong);font-style:normal}.sp-answer .sp-sub{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.65}.sp-warn{color:#9a3412;font-weight:600;display:block}.sp-rowsec{gap:8px;min-width:0;display:grid}.sp-rowhead{color:var(--text-muted);justify-content:space-between;margin:0;font-size:.8rem;display:flex}.sp-row{border:1px solid var(--hairline);background:#fff;border-radius:10px;gap:6px;min-width:0;padding:9px 12px;display:grid}.sp-row[hidden]{display:none}.sp-row.ng{background:#fff8eb;border-color:#f2d9a0}.sp-r1{align-items:center;gap:10px;min-width:0;display:flex}.sp-lv{flex:none;width:4.6em;line-height:1.25;display:grid}.sp-lv b{color:var(--navy);font-size:.86rem}.sp-lv small{color:var(--text-muted);font-size:.74rem}.sp-nm{flex:1;min-width:0}.sp-name{width:100%;min-width:0;font:inherit;color:var(--text);border:0;border-bottom:1px dashed var(--hairline);background:0 0;border-radius:0;padding:3px 0;font-size:.95rem;font-weight:600}.sp-name:focus{border-bottom:1px solid var(--accent);outline:none}.sp-z{white-space:nowrap;border:1px solid var(--hairline);color:var(--text-muted);background:#fff;border-radius:999px;flex:none;padding:2px 9px;font-size:.72rem;font-weight:600}.sp-z.in{color:#3f6212;background:#edf5e4;border-color:#b9d39f}.sp-r2{flex-wrap:wrap;align-items:center;gap:6px 10px;padding-left:calc(4.6em + 10px);display:flex}.sp-size{min-width:0;font:inherit;color:var(--text-secondary);border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:4px 9px;font-size:.8rem;display:inline-flex}.sp-size b{color:var(--text);font-weight:600}.sp-size:hover,.sp-size[aria-expanded=true]{border-color:var(--accent)}.sp-step{border:1px solid var(--hairline);background:#fff;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.sp-step button{width:34px;min-width:0;height:30px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border:0;font-size:18px;line-height:1}.sp-step button:hover:not(:disabled){background:var(--accent-soft,#eef3fd)}.sp-step button:disabled{color:#c3c9d2;cursor:default}.sp-step output{text-align:center;min-width:5em;color:var(--navy);font-size:.88rem;font-weight:700}.sp-rt{color:var(--text-muted);min-width:0;font-size:.84rem;line-height:1.5}.sp-rt .ng{color:#9a3412;font-weight:600}.sp-szp{border:1px solid var(--hairline);background:#fafbfd;border-radius:8px;margin-left:calc(4.6em + 10px);padding:10px 12px}.sp-szp[hidden]{display:none}.sp-szk{color:var(--text-muted);margin:0 0 6px;font-size:.8rem}.sp-types{flex-wrap:wrap;gap:6px;display:flex}.sp-types .opt-chip{min-width:0;padding:4px 9px;font-size:.8rem}.sp-types small{color:var(--text-muted);margin-left:4px;font-size:.76rem;font-weight:400}.sp-mm{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;font-size:.8rem;display:flex}.sp-mm label{align-items:center;gap:5px;display:inline-flex}.sp-mm .tool-input{width:4.6em;min-width:0;padding:4px 7px;font-size:.88rem}.sp-more{border-top:1px solid var(--hairline);padding-top:8px;font-size:.84rem}.sp-more summary{cursor:pointer;color:var(--accent-strong);font-size:.82rem}.sp-morein{gap:8px;padding-top:10px;display:grid}.sp-k2{color:var(--navy);margin:0;font-size:.8rem;font-weight:700}.sp-custom{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.82rem;display:flex}.sp-custom[hidden]{display:none}.sp-custom label,.sp-numl{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.sp-custom .tool-input,.sp-numl .tool-input{width:4.8em;min-width:0;padding:5px 8px}.sp-note{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.6}.sp-save{border:1px solid var(--hairline);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px 24px;padding:14px 16px;display:grid}.sp-savecol{min-width:0}.sp-h{color:var(--navy);margin:0 0 8px;font-size:.9rem}.sp-pngline{flex-wrap:wrap;gap:8px;display:flex}.sp-title{flex:14em;min-width:0;padding:7px 10px;font-size:.9rem}.sp-result .sp-mainbtn{background:var(--accent);border-color:var(--accent);color:#fff;min-width:0;font-weight:700}.sp-result .sp-mainbtn:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.sp-result .sp-mainbtn:disabled{opacity:.6}.sp-help{color:var(--text-secondary);margin:6px 0 0;font-size:.8rem;line-height:1.6}.sp-subs{flex-wrap:wrap;gap:6px;display:flex}.sp-subs .tool-btn{min-width:0;font-size:.84rem}.sp-status{color:var(--accent-strong);grid-column:1/-1;margin:0;font-size:.82rem;line-height:1.6}.sp-status:empty{display:none}.sp-links{grid-column:1/-1}.sp-table{width:100%;display:table}.sp-table th{background:0 0}@media (width<=1100px){.sp-main{grid-template-columns:minmax(0,1fr)}.sp-viewcol{position:static}.sp-view{aspect-ratio:4/3;max-height:560px}}@media (width<=760px){.sp-save{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.sp-shelfbar{gap:8px;display:grid}.sp-line2{grid-template-columns:4.2em minmax(0,1fr);display:grid}.sp-widths.opt-seg,.sp-levels.opt-seg,.sp-zone.opt-seg{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));width:100%;display:grid}.sp-levels.opt-seg{--n:4}.sp-widths .opt-chip,.sp-levels .opt-chip,.sp-zone .opt-chip{text-align:center;padding-left:.2rem;padding-right:.2rem;font-size:.84rem}.sp-view{aspect-ratio:1;max-height:440px}#spZoomIn,#spZoomOut{display:none}.sp-zoom{top:8px;bottom:auto;right:8px}.sp-answer .sp-line{font-size:1rem}.sp-row{padding:9px 10px}.sp-r2{padding-left:0}.sp-szp{margin-left:0}.sp-rt{flex-basis:100%}.sp-legend{font-size:.8rem}.sp-lv{width:auto}.sp-lv small{white-space:nowrap}.sp-r1{gap:8px}.sp-size .sp-dim{display:none}.sp-step button{width:32px}.sp-step output{min-width:4.4em}.sp-types{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sp-types .opt-chip{text-align:left;min-height:0;padding:6px 8px;line-height:1.3}.sp-types small{margin-left:0;display:block}.sp-table{font-size:.82rem}.sp-table th,.sp-table td{overflow-wrap:anywhere;padding-left:6px;padding-right:6px}}