*{box-sizing:border-box}body{margin:0;background:#f5f3ef;color:#23232d;font:15px system-ui,sans-serif}header{height:76px;padding:20px 4%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #dedbd5}header b{font-size:24px}header span{flex:1;color:#777}main{max-width:1450px;margin:auto;padding:30px 4%}.intro small{letter-spacing:3px;color:#8b5a4b}.intro h1{font-size:44px;line-height:1.1;margin:14px 0}.intro p{color:#777}.workspace{display:grid;grid-template-columns:260px 1fr 260px;gap:22px;margin-top:30px}aside,.preview{background:white;border:1px solid #e4dfd7;border-radius:18px;padding:22px}h2{font-size:16px;margin:14px 0 20px}label{display:block;margin:14px 0;color:#575461;font-size:13px}input,select,button{font:inherit;border:1px solid #ddd7cf;border-radius:8px;padding:9px;max-width:100%}input:not([type=color]):not([type=range]),select{width:100%;margin-top:5px}input[type=range]{width:100%;accent-color:#986651}input[type=color]{width:100%;height:34px;padding:3px}button{cursor:pointer;background:#faf8f5;margin:4px 0}button:hover{background:#ede5dc}button:disabled{opacity:.5;cursor:wait}.upload{background:#f5eee7;border:1px dashed #b39a86;border-radius:10px;padding:18px;text-align:center;cursor:pointer}.upload input{font-size:11px}.preview{text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}.previewhead{display:flex;justify-content:space-between;width:100%;align-items:center}.previewhead span{font-size:12px;color:#8a786d}canvas{width:100%;max-width:450px;aspect-ratio:1;margin:32px 0;background:#151521;border-radius:10px;touch-action:none}.actions{display:flex;gap:12px}.primary{background:#292a38;color:white;padding:12px 22px}.primary:hover{background:#45465b}.hint,footer,details p{font-size:12px;color:#827d79;line-height:1.5}progress{width:80%;margin-top:20px}#images{display:flex;flex-direction:column;gap:4px}#images button{font-size:12px;text-align:left}#images .selected{border-color:#986651;background:#f5eee7}footer{padding:25px 0}#admin{border-top:1px solid #ddd;margin-top:15px}@media(max-width:1050px){.workspace{grid-template-columns:1fr 1fr}.preview{grid-column:2;grid-row:1}aside:last-child{grid-column:1/-1}}@media(max-width:650px){.workspace{display:flex;flex-direction:column}.intro h1{font-size:32px}header span{display:none}.preview{order:-1}}
header select{width:auto;min-width:160px;margin:0}header b{white-space:nowrap}header span{min-width:180px}#images>div{display:flex;gap:5px;align-items:center}#images>div button:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.workspace{align-items:start}

header a{color:#986651;font-size:13px;white-space:nowrap}header{height:auto;min-height:76px;flex-wrap:wrap}header span{min-width:0}header b{white-space:normal}@media(max-width:650px){header b{font-size:20px}}

[hidden]{display:none!important}#aiProgress{width:100%}#aiGenerate{width:100%}#aiStatus{color:#514033}

#videoPreview{width:100%;max-height:240px}.actions{flex-wrap:wrap;justify-content:center}

:root{--accent:#6251d7}body{background:#f5f6fa;color:#23243a}header{background:#fff;border-color:#e8e8f0}header em{font-style:normal;background:#ece9ff;color:var(--accent);font-size:11px;letter-spacing:1px;padding:5px 7px;border-radius:6px;vertical-align:middle}header a{color:var(--accent)}main{max-width:1600px}.intro{position:relative;padding:18px 0 4px}.intro small{color:var(--accent);font-weight:700}.intro h1{font-size:clamp(36px,4vw,58px);letter-spacing:-2px}.intro p{max-width:620px;line-height:1.65;color:#626479}.featureline{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.featureline span{font-size:12px;background:#fff;border:1px solid #e3e4ee;padding:8px 13px;border-radius:30px}.workspace{grid-template-columns:290px minmax(280px,1fr) 270px;gap:20px}aside,.preview{border-color:#e5e6ef;box-shadow:0 6px 24px #24244005}.primary{background:var(--accent);border-color:var(--accent)}.primary:hover{background:#5141bf}input[type=range]{accent-color:var(--accent)}button:hover{background:#eeecfc}button{background:#f7f7fb;border-color:#e2e3ed}input,select{border-color:#dddfea}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b7adff;outline-offset:2px}.upload{background:#f2f0ff;border-color:#a89cec;color:#4e40aa}.preview{position:sticky;top:20px;min-height:530px}.preview canvas{max-width:420px}.previewhead span{background:#f0edff;color:#5d50b4;border-radius:20px;padding:7px 10px}.hint,details p{color:#65677a}summary{cursor:pointer;font-size:13px;font-weight:650;line-height:1.6}details{border-top:1px solid #e9e9f1;padding:14px 0;margin-top:10px}details[open]>summary{color:var(--accent);margin-bottom:14px}.projectpanel{margin-bottom:18px}progress{accent-color:var(--accent)}#message{font-size:13px;line-height:1.6}#images .selected{background:#f2f0ff;border-color:#a89cec}#exportVideo{color:#5141bf;border-color:#bdb4f2}#aiStatus{color:#4e4585}h2{color:#35364d}footer{color:#707287}@media(max-width:1100px){.workspace{grid-template-columns:280px minmax(260px,1fr)}.preview{grid-column:2;grid-row:1}aside:last-child{grid-column:1/-1;display:block}}@media(max-width:650px){.preview{position:static;order:0;min-height:0}.workspace{display:flex}.intro h1{letter-spacing:-1px}.featureline{gap:7px}main{padding:18px 4%}aside,.preview{padding:18px}.preview canvas{margin:16px 0;max-width:320px}}

.admincard{background:white;border:1px solid #e5e6ef;border-radius:18px;padding:24px;margin:20px 0;max-width:850px}.admincard p{line-height:1.65}

.accounttable{overflow-x:auto}.accounttable table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.accounttable th,.accounttable td{padding:10px;border-bottom:1px solid #e5e6ef}

textarea{box-sizing:border-box;width:100%;min-height:90px;resize:vertical;font:inherit;color:inherit;border:1px solid #dedce8;border-radius:10px;padding:10px;background:#fff}.promptpanel{margin:12px 0}.promptpanel[open]>summary{margin-bottom:10px}