*{box-sizing:border-box}body{margin:0;background:#f3f3ef;color:#181818;font:14px/1.6 Arial,sans-serif}header{display:flex;justify-content:space-between;padding:22px 30px;background:#161616;color:white}small{margin-left:15px;color:#d5b975}a{color:inherit}main{padding:24px}#login{max-width:420px;margin:60px auto;background:white;padding:32px;border:1px solid #ddd}label{display:block;margin-bottom:18px;font-weight:600}input,textarea,select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #ccc;background:white;font:inherit}textarea{min-height:85px;resize:vertical}button{cursor:pointer;border:1px solid #222;background:#171714;color:white;padding:10px 16px;font:inherit}button:disabled{opacity:.45;cursor:wait}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar select{width:230px;margin:0}#save{background:#d5b975;color:#171714}.workspace{display:grid;grid-template-columns:330px 1fr;gap:20px;height:75vh}aside{overflow:auto;background:white;padding:20px}.preview{overflow:auto;background:#ddd;display:flex;justify-content:center}iframe{border:0;width:100%;height:100%;background:white;flex-shrink:0}.preview.mobile iframe{width:390px}#message{color:#9b2922;white-space:pre-line}input[type=file]{font-size:11px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a77e29;outline-offset:2px}@media(max-width:800px){.workspace{display:block;height:auto}aside{max-height:50vh}.preview{height:70vh;margin-top:20px}header{padding:15px}small{display:none}}

.upload-thumb{display:block;max-width:100%;height:90px;object-fit:contain;margin:10px 0;background:#eee;border:1px solid #ddd}.upload-status{display:block;overflow-wrap:anywhere;margin-top:6px;color:#555}#message{position:sticky;top:0;z-index:10;background:#f3f3ef;padding:8px 0}