.layout{display:flex;flex:1;min-height:0}#map{flex:1;min-width:0;background:var(--bg)}.sidebar{width:300px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.back-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;transition:color .15s,background .15s}.back-link:hover{color:var(--accent);background:var(--accent-muted)}.sidebar-title{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.01em}.panel{padding:12px 16px;border-bottom:1px solid var(--border)}.panel-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:6px}.panel-heading::-webkit-details-marker{display:none}.panel-heading:before{content:"";display:inline-block;width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transition:transform .15s}details[open]>.panel-heading:before{transform:rotate(90deg)}.sub-panel{border-top:1px solid var(--border);padding-top:6px;margin-top:4px}.sub-panel:first-of-type{border-top:none;margin-top:0}.sub-panel-heading{font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:6px 0;display:flex;align-items:center;gap:6px;list-style:none;-webkit-user-select:none;user-select:none}.sub-panel-heading::-webkit-details-marker{display:none}.sub-panel-heading:before{content:"▸";font-size:9px;color:var(--text-dim);transition:transform .15s ease}details.sub-panel[open]>.sub-panel-heading:before{transform:rotate(90deg)}.sub-panel>.panel-section{padding-top:4px;padding-left:4px}.panel-section{padding-top:10px}.section-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:6px;padding-top:6px}.panel-section:first-child .section-label{padding-top:0}.control-row{display:grid;grid-template-columns:78px 1fr 44px;align-items:center;gap:8px;padding:3px 0;font-size:12px;cursor:pointer}.control-label{color:var(--text-muted);font-size:11px;font-weight:500}.control-value{font-size:10px;color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,monospace}.sub-controls{padding-left:10px;margin-top:2px;border-left:2px solid var(--border)}.control-row input[type=range]{width:100%;accent-color:var(--accent);height:4px}.control-row input[type=color]{width:100%;height:20px;padding:0;border:1px solid var(--border);border-radius:3px;background:none;cursor:pointer}.control-row input[type=checkbox]{accent-color:var(--accent);justify-self:start}.btn{font-family:var(--font);font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:var(--radius);padding:7px 12px;cursor:pointer;transition:all .12s;line-height:1}.btn-sm{padding:5px 10px;font-size:11px}.btn-secondary{background:var(--surface-2);color:var(--text-muted)}.btn-secondary:hover{background:#252730;border-color:var(--border-hover);color:var(--text)}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover{opacity:.9}.btn-danger{background:transparent;color:var(--danger);border-color:transparent;padding:3px 6px}.btn-danger:hover{background:#f871711a}.btn-row{display:flex;gap:6px}.btn-row .btn{flex:1}.compare-active{background:var(--accent)!important;color:var(--bg)!important;border-color:var(--accent)!important;font-weight:600}.snapshot-save-row{display:flex;gap:6px}.text-input{flex:1;font-family:var(--font);font-size:12px;padding:6px 10px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}.text-input:focus{border-color:var(--accent)}.text-input::placeholder{color:var(--text-dim)}.snapshot-list{display:flex;flex-direction:column;gap:2px;margin-top:8px}.snapshot-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:background .1s}.snapshot-item:hover{background:var(--accent-muted);color:var(--text)}.snapshot-item .snapshot-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snapshot-item .snapshot-delete{opacity:0;transition:opacity .1s}.snapshot-item:hover .snapshot-delete{opacity:1}.layers-placeholder{padding:12px 0;font-size:12px}.text-muted{color:var(--text-dim)}.preset-row{margin-top:6px}.select-input{width:100%;font-family:var(--font);font-size:12px;padding:6px 10px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);outline:none;cursor:pointer;transition:border-color .15s}.select-input:focus{border-color:var(--accent)}