#edit-toggle{position:fixed;right:120px;top:32px}
#edit-toggle[aria-pressed=true]{background:#bd9150;color:#171b18}
#layout-editor[hidden]{display:none}
#layout-editor{position:fixed;right:30px;top:90px;width:310px;max-height:calc(100dvh - 195px);overflow:auto;background:#17201ff2;border:1px solid #8e8063;padding:20px;backdrop-filter:blur(18px);box-shadow:0 14px 40px #0006;font-size:14px;z-index:3;scrollbar-width:thin}
#layout-editor h2{font-size:19px;font-weight:500;margin:0 0 14px}
#layout-editor label{display:block}
#layout-editor select{width:100%;margin:7px 0 14px;padding:10px;background:#29302a;color:#f1e4ce;border:1px solid #84775c;font:inherit}
.edit-modes{display:flex;gap:5px}
#layout-editor button{font-size:14px;padding:8px 10px}
.edit-modes button{flex:1}
.edit-modes [aria-pressed=true]{background:#baa077;color:#161d1b}
.edit-help{line-height:1.6;color:#c9bea9;font-size:13px;margin:10px 0 16px}
.edit-field{display:grid;grid-template-columns:1fr 88px;gap:5px 10px;margin:10px 0 14px;align-items:center}
.edit-field input[type=range]{grid-column:1/-1;width:100%;margin:0;accent-color:#e4b978}
.edit-field input[type=number]{width:88px;background:#0f1816;color:#eee3cf;border:1px solid #76694f;padding:5px;font:inherit;text-align:right}
.edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
#layout-editor .edit-save{background:#bca278;color:#18211d;grid-column:1/-1}
#layout-editor button:disabled{opacity:.35;cursor:default}
#edit-status{line-height:1.6;font-size:13px;color:#d7c5a3;margin:12px 0 0;min-height:42px}
#wall-variants{position:fixed;left:38px;top:110px;display:flex;align-items:center;flex-wrap:wrap;max-width:calc(100vw - 76px);gap:8px;padding:10px;background:#131a18d9;border:1px solid #84725866;z-index:1}
#wall-variants span{font-size:12px;color:#bbac90;margin:0 7px}
#wall-variants button{font-size:16px;padding:14px 20px;min-height:48px}
#wall-variants [aria-pressed=true]{background:#b39a6f;color:#181c18;border-color:#b39a6f}
@media(min-width:1100px){#wall-variants{top:26px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 470px)}}
body.exploring #wall-variants,body.exploring nav,body.exploring #tag{visibility:hidden}
#archive-caption{position:fixed;left:50%;bottom:38px;transform:translateX(-50%);padding:10px 18px;background:#111912cc;border:1px solid #d5bc7a44;color:#e4d3ab;font-size:14px;pointer-events:none;white-space:nowrap}
#archive-caption[hidden]{display:none}
#overlay{z-index:4}#flash{z-index:5}#back{z-index:2}
body.editing nav,body.editing #back{display:none}
body.editing #hint{bottom:32px;max-width:calc(100vw - 400px)}
body.editing #tag{display:none!important}
@media(max-width:600px){#edit-toggle{right:98px;top:18px;padding:10px 12px}#layout-editor{right:12px;top:72px;width:274px;padding:14px;max-height:calc(100dvh - 140px)}body.editing #hint{display:none}body.editing header{display:none}}
@media(max-width:600px){#wall-variants{top:80px;left:18px}#wall-variants span{display:none}#archive-caption{bottom:32px;font-size:12px}}

/* Two compact rows keep every original option available beside the new previews. */
#wall-variants{flex-direction:column;align-items:flex-start;gap:7px}
.wall-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#wall-variants .wall-options>span{min-width:42px}
#wall-variants button{padding:11px 16px}
@media(min-width:1100px){#wall-variants{top:20px;max-width:calc(100vw - 470px);width:max-content}}
@media(max-width:1099px){#wall-variants{max-width:calc(100vw - 76px)}}
@media(max-width:600px){#wall-variants{max-width:calc(100vw - 36px)}#wall-variants button{padding:8px 10px;font-size:13px;min-height:38px}.wall-options{gap:5px}}

#edit-delete{color:#efb6a0;border-color:#9b6754}#edit-deleted-area{border-top:1px solid #84775c;margin-top:16px;padding-top:14px}#edit-deleted-area[hidden]{display:none}#edit-deleted-area button{width:100%}