*{box-sizing:border-box}body{margin:0;background:#0d0f14;color:#e8e8ec;font:15px/1.4 system-ui,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #222733}
.brand{font-weight:700;font-size:18px}.brand span{font-weight:400;color:#9aa3b5;margin-left:8px}
.draft{background:#3a2d10;color:#f3c35b;padding:3px 8px;border-radius:4px;font-size:12px}
main{display:grid;grid-template-columns:340px 1fr;gap:20px;padding:20px;max-width:1500px;margin:auto}
@media(max-width:860px){main{grid-template-columns:1fr}.preview{order:-1}}
label{display:block;margin:0 0 6px;color:#9aa3b5;font-size:13px}.controls>label{margin-top:14px}
select,input[type=text],#q{width:100%;padding:10px;background:#161a23;border:1px solid #2a3040;color:#fff;border-radius:6px;font-size:15px;margin-top:4px}
.ac{position:relative}#sug{position:absolute;z-index:5;left:0;right:0;margin:2px 0;padding:0;list-style:none;background:#161a23;border:1px solid #2a3040;border-radius:6px;max-height:300px;overflow:auto;display:none}
#sug li{padding:8px 10px;cursor:pointer;color:#ddd;font-size:14px}#sug li:hover,#sug li.on{background:#232a3a}#sug li b{color:#fff}#sug li small{color:#8a93a5;display:block}
.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.themes img{width:100%;border-radius:4px;cursor:pointer;border:2px solid transparent;display:block}.themes img.on{border-color:#f3c35b}
.row{display:flex;gap:8px;align-items:center;color:#ccc}
button{margin-top:16px;width:100%;padding:12px;background:#f3c35b;color:#111;border:0;border-radius:6px;font-weight:700;font-size:15px;cursor:pointer}
.status{font-size:12px;color:#8a93a5;min-height:16px;margin-top:6px}
canvas{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 30px #000a;background:#000}
footer{text-align:center;color:#5d6577;font-size:12px;padding:20px}
.strip{display:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:14px;max-height:560px;overflow:auto;padding:4px}.card{background:#161a23;border:2px solid transparent;border-radius:6px;padding:6px}.card.on{border-color:#f3c35b}.card canvas{cursor:pointer;border-radius:4px;box-shadow:none}.card button{margin-top:6px;padding:6px;font-size:12px}
.themes{max-height:340px;overflow-y:auto}.themes img{aspect-ratio:16/9;object-fit:cover}

.topnav{display:flex;gap:6px;margin-left:auto;margin-right:12px}.topnav a{color:#9aa3b5;text-decoration:none;padding:6px 12px;border-radius:6px;font-size:14px}.topnav a.on,.topnav a:hover{background:#1c2130;color:#fff}