.sticker-shell { grid-template-columns:minmax(300px,460px) minmax(0,1fr); }
#right { min-width:0; }
#main h2 { margin-top:0; }
#layer-list { border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.layer-item { padding:10px; border-bottom:1px solid var(--line); }
.layer-item:last-child { border-bottom:0; }
.layer-item.active { background:var(--paper); }
.layer-row { display:flex; align-items:center; gap:6px; cursor:pointer; }
.layer-row:focus-visible { outline:2px solid var(--green); outline-offset:3px; }
.layer-icon { width:26px; flex-shrink:0; text-align:center; font-size:20px; background:var(--paper); border-radius:4px; }
.layer-name { flex:1; min-width:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.layer-swatch { width:14px; height:14px; border-radius:50%; flex-shrink:0; }
.lbtn { min-width:36px; min-height:36px; padding:3px 8px; }
.lbtn.del { color:var(--red); }
.layer-edit { margin:14px 0 4px; display:grid; gap:8px; }
.layer-edit input[type=range], #scale-slider { width:100%; accent-color:var(--green); }
.inline { display:flex; gap:8px; align-items:center; }
.inline input[type=color] { width:60px; height:36px; padding:2px; }
#bottom-bar { display:grid; gap:12px; margin:18px 0; }
#add-btns > button { flex:1; }
.sticker-preview { position:sticky; top:20px; }
#scale-col { margin-bottom:16px; }
#scale-col label, label[for=global-rot] { display:flex; gap:4px; }
#preview-bar { min-height:400px; overflow:auto; border:1px solid var(--line); border-radius:10px; }
#preview-wrap { min-width:100%; min-height:400px; width:max-content; display:flex; justify-content:center; align-items:center; padding:16px; }
#preview { max-width:none; flex-shrink:0; }
#preview-bar.bg-black { background:#000; }
#preview-bar.bg-dark { background:#111; }
#preview-bar.bg-white { background:#fff; }
@media(max-width:800px) { .sticker-shell { grid-template-columns:1fr; } .sticker-shell .workspace { grid-row:1; } .sticker-preview { position:static; } #preview-bar, #preview-wrap { min-height:220px; } }