.btn.danger{color:var(--removed)}.btn.danger:hover{background:var(--removed-bg);border-color:var(--removed)}.plan-main{flex:1;display:grid;grid-template-columns:220px 1fr 260px;min-height:0}.palette{border-right:1px solid var(--border);background:var(--bg-elev);padding:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.palette h3{margin:0;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.palette-list{display:flex;flex-direction:column;gap:4px}.palette-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;border:1px solid transparent;background:0 0;color:var(--text);cursor:pointer;font-size:13px;font-family:var(--font-ui);text-align:left;position:relative}.palette-item:hover{background:var(--bg-elev-2)}.palette-item.active{background:var(--accent-dim);border-color:var(--accent);color:#fff}.palette-item__swatch{width:16px;height:16px;flex-shrink:0;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center}.palette-item__swatch .ph{font-size:11px;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.7)}.palette-item__swatch--rect{border-radius:3px}.palette-item__swatch--circle{border-radius:50%}.palette-item__swatch--line{height:3px;align-self:center;border-radius:2px}.palette-item__swatch--legend{border-radius:3px}.palette-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item__del{opacity:0;font-size:13px;color:var(--text-dim);padding:2px;border-radius:4px}.palette-item:hover .palette-item__del{opacity:1}.palette-item__del:hover{color:var(--removed);background:var(--removed-bg)}.canvas-wrap{position:relative;overflow:hidden;background:var(--bg)}.konva-container{width:100%;height:100%}.canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:360px;text-align:center;color:var(--text-dim);font-size:13px;pointer-events:none;z-index:5}.canvas-hint--action{top:16px;left:50%;transform:translateX(-50%);background:var(--bg-elev-2);border:1px solid var(--border-strong);color:var(--text);padding:7px 14px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.35)}.prop-panel{border-left:1px solid var(--border);background:var(--bg-elev);padding:14px 12px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px}.prop-panel h3{margin:0;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.panel-empty{margin:0;font-size:13px;color:var(--text-dim)}.panel-section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.panel-section:last-of-type{border-bottom:none;padding-bottom:0}.field{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-muted)}.field input[type=number],.field input[type=text]{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:6px;font-size:12.5px;font-family:var(--font-ui);outline:0;min-width:0;height:30px}.field input[type=number]:focus,.field input[type=text]:focus{border-color:var(--accent)}.field select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:6px;font-size:12.5px;height:30px}.field--color input[type=color]{width:100%;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:2px;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}.field-row>*{min-width:0}.field-row--3{grid-template-columns:1fr 1fr 1fr}.field-row--appearance{grid-template-columns:1fr 44px;align-items:end}.field input[type=range]{width:100%;accent-color:var(--accent);align-self:center;height:30px}.panel-actions{grid-template-columns:1fr}.panel-actions .btn{justify-content:center}.icon-btn-picker{display:flex;align-items:center;justify-content:center;height:30px;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);cursor:pointer;font-size:15px}.icon-btn-picker:hover{border-color:var(--border-strong);background:var(--bg-elev-2)}.icon-picker{position:fixed;z-index:500;width:260px;max-height:320px;display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.5);padding:8px;gap:6px}.icon-picker__search{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:7px 9px;border-radius:6px;font-size:13px;font-family:var(--font-ui);outline:0}.icon-picker__search:focus{border-color:var(--accent)}.icon-picker__none{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:6px;font-size:12px;cursor:pointer}.icon-picker__none:hover{color:var(--text);border-color:var(--border-strong)}.icon-picker__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;overflow-y:auto}.icon-picker__item{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid transparent;border-radius:6px;background:0 0;color:var(--text-muted);cursor:pointer;font-size:16px}.icon-picker__item:hover{background:var(--bg-elev-2);color:var(--text)}.icon-picker__item.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.icon-picker__empty{grid-column:1/-1;text-align:center;color:var(--text-dim);font-size:12px;margin:12px 0}.checkbox-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin:4px 0 0;cursor:pointer}.legend-entries{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;padding-right:2px}.legend-entry-row{margin:0}.legend-entry-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}.legend-entry-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row{display:flex;gap:6px;margin:4px 0}.share-row input[type=url]{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:6px;font-family:var(--font-mono);font-size:12.5px}.share-status{min-height:16px;font-size:12px;color:var(--changed)}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:10000;pointer-events:none}@media (max-width:860px){.plan-main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.palette{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:wrap}.palette-list{flex-direction:row;flex-wrap:wrap}.prop-panel{border-left:none;border-top:1px solid var(--border);max-height:40vh}}