.listing-editor { width:min(1080px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #a48c5d; border-radius:14px; color:#e9e4d7; background:#192017; box-shadow:0 30px 100px #0009; }
.listing-editor::backdrop { background:#060a07df; backdrop-filter:blur(8px); }
.listing-editor header,.listing-editor footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; }
.listing-editor h2 { font:400 28px Georgia,serif; margin:0 0 8px; }
.listing-editor p { font-size:12px; line-height:1.6; color:#bfc5b0; margin:0; }
.listing-editor button,.listing-editor select { min-height:44px; padding:10px 14px; border:1px solid #a5a88655; border-radius:6px; background:#2a3523; color:#e8eadc; cursor:pointer; }
.listing-editor button:disabled { opacity:.4;cursor:default; }
.listing-editor button:focus-visible,.listing-editor input:focus-visible,.listing-editor select:focus-visible {outline:2px solid #ecd29a;outline-offset:3px;}
.listing-editor [data-apply] { background:#ded0a9;color:#20281b; }
.listing-editor-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; border-block:1px solid #b2b68f33; }
.listing-editor-preview { display:flex;align-items:center;justify-content:center;min-height:350px;padding:20px;background:repeating-conic-gradient(#242b22 0% 25%,#2d3529 0% 50%) 50%/24px 24px; }
.listing-editor canvas { display:block;max-width:100%;max-height:440px;object-fit:contain;box-shadow:0 12px 30px #0006; }
.listing-editor-tools {display:grid;gap:14px;padding:20px;}
.listing-editor-tools label {display:block;font-size:12px;color:#d6dec8;}
.listing-editor-tools input,.listing-editor-tools select {display:block;width:100%;margin-top:8px;accent-color:#d2b77d;}
.listing-editor-tools output {float:right;color:#cbb78f;}
.listing-editor-row,.listing-editor footer>div {display:flex;gap:8px;flex-wrap:wrap;}
.listing-edit-button {width:100%;margin-top:7px;min-height:40px;color:#e5d0a2!important;}
.listing-editor-notice {font-size:12px;color:#c5d5ab;margin:8px 0;}
@media(max-width:700px) {.listing-editor{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);}.listing-editor-layout{grid-template-columns:1fr;}.listing-editor-preview{min-height:200px;}.listing-editor canvas{max-height:280px;}.listing-editor-tools{grid-template-columns:1fr 1fr;gap:16px;}.listing-editor-tools p{grid-column:1/-1;}.listing-editor header,.listing-editor footer{padding:16px;}.listing-editor footer{align-items:stretch;flex-direction:column;}.listing-editor h2{font-size:24px;}}
