*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#252830;font:14px 'Segoe UI','Microsoft Yahei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}aside{position:fixed;width:234px;background:#fff;height:100vh;padding:30px 20px;border-right:1px solid #e9ebef}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 30px}.brand>b{background:#252c31;color:#e0c08a;border-radius:12px;padding:9px;font-size:23px}.brand span{font-size:23px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px;color:#96999f}.workspace{padding:13px;background:#f7f8fa;border:1px solid #e9ebee;border-radius:8px;font-size:12px}.workspace span{float:right}nav h5{font-size:11px;color:#a4a8b0;font-weight:500;margin:27px 12px 9px;letter-spacing:2px}nav button{border:0;background:none;width:100%;text-align:left;padding:13px 12px;color:#697180;border-radius:8px;font-size:13px;margin:2px 0}nav button.active{background:#f5eee2;color:#9f783b;font-weight:600}nav button:hover{background:#f5f3ee}.side-bottom{position:absolute;bottom:24px;left:30px;color:#8b929a;font-size:11px}.side-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68ac8c;margin-right:6px}.side-bottom>small{display:block;margin:13px 0 22px;color:#acafb5}.avatar{display:flex;gap:12px;color:#9a773f}.avatar span{color:#4a515e}.avatar small{display:block;color:#a0a6af;margin-top:5px}.shell{margin-left:234px}header{height:77px;border-bottom:1px solid #e6e8ec;background:#ffffffb0;padding:0 40px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8a919c}header b{color:#525b68;font-weight:500}header span{margin:0 15px}.header-right{display:flex;align-items:center}.demo{font-size:10px;color:#ab8650;letter-spacing:1px}.user{background:#eee5d5;border-radius:50%;padding:10px;color:#927241}main{max-width:1440px;margin:auto;padding:35px 40px;min-height:calc(100vh - 125px)}h1{font-size:27px;letter-spacing:-1px;margin:8px 0 10px}h2{font-size:15px;margin:0 0 18px}p{color:#9299a5;font-size:12px;line-height:1.8}.eyebrow{font-size:10px;color:#b08d54;letter-spacing:2px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.pill{font-size:11px;padding:8px 12px;border:1px solid #e6dfd2;color:#a18760;background:#fbf8f2;border-radius:20px}.card{border:1px solid #e5e8ef;border-radius:16px;background:white;padding:24px;margin-bottom:20px;box-shadow:0 5px 15px #222b3e03}.composer{position:relative;border:1px solid #e6e9f0;border-radius:12px;min-height:210px;padding:18px;display:flex;gap:20px}.upload-mini{width:82px;height:99px;flex-shrink:0;background:#faf7f1;border:1px dashed #d7c2a0;border-radius:10px;color:#ae8b54;line-height:2;font-size:11px}.upload-mini strong{font-size:25px;font-weight:300;display:block}.composer textarea{border:0;outline:0;resize:vertical;min-height:160px;flex:1;padding:10px;color:#485265;line-height:1.9;background:transparent}.composer textarea::placeholder{color:#9ba2af}.hint{font-size:11px;color:#b0b5bf;margin:12px 0}.toolbar{display:flex;gap:15px;align-items:center;background:#f7f8fa;padding:12px;border-radius:10px;flex-wrap:wrap}.toolbar label{font-size:11px;color:#848d9c;display:flex;align-items:center;gap:8px}button{background:white;border:1px solid #e2e6ee;border-radius:7px;padding:8px 12px;color:#687283;font-size:12px}button.selected{border-color:#c4a36d;background:#f8f1e6;color:#a37d40}.primary{background:linear-gradient(110deg,#d2ae72,#b58b4c);border:0;color:white;padding:13px 23px;font-weight:600;box-shadow:0 4px 10px #bc95532a}.toolbar .primary{margin-left:auto}.chips{display:flex;gap:8px;margin:16px 0}.chips button{border-radius:20px;font-size:11px}select,input{border:1px solid #e1e5ed;border-radius:7px;background:white;padding:10px;color:#4e5765;outline:none}details{background:#f8f9fb;border:1px solid #eceef3;border-radius:9px;padding:13px;margin-top:10px;font-size:12px;color:#626d7e}summary{cursor:pointer}.result-head{display:flex;align-items:center;justify-content:space-between}.result-head p{margin-top:0}.empty{border:1px dashed #e3e7ed;background:linear-gradient(#fcfcfd,#f9fafc);border-radius:12px;padding:48px;text-align:center;color:#a9b0bb}.empty b{display:block;font-size:14px;color:#7b8595;margin:15px}.empty .symbol{font-size:32px;color:#d0b98f}.empty p{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.drop{background:#fbf8f2;border:1px dashed #d6bd96;padding:25px;text-align:center;border-radius:12px;cursor:pointer;color:#8f744d}.drop p{margin:5px 0}.previews{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.thumb{position:relative}.thumb img{width:64px;height:64px;object-fit:cover;border-radius:9px}.thumb button{position:absolute;right:-3px;top:-4px;padding:0 4px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;color:#687181}.field textarea{min-height:90px;border:1px solid #e0e5ec;border-radius:8px;padding:12px}.angles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.angles button{text-align:left;padding:14px}.angles small{display:block;color:#9aa2ad;margin-top:7px}.templates{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.template{padding:10px;text-align:left;border-radius:12px}.template .art{height:100px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:12px;background:#ebe5da}.template:nth-child(2) .art{background:#e4e9e1}.template:nth-child(3) .art{background:#eee2df}.template:nth-child(4) .art{background:#e2e7ec}.template small{float:right;color:#9aa2ae}.result img{width:100%;border-radius:9px}.result{padding:10px;border:1px solid #e4e8ee;border-radius:12px;background:#fcfcfd}.result p{margin:8px 0}.result a{font-size:11px;color:#9c7a43}.notice{padding:12px 14px;background:#faf6ef;border-left:2px solid #c7a165;color:#9b8667;font-size:11px;line-height:1.8;margin:18px 0}.full{width:100%}.folder{padding:24px;border:1px solid #e5e8ec;border-radius:12px;cursor:pointer}.folder strong{display:block;margin:12px 0}.folder .icon{font-size:35px;color:#c6a367}footer{padding:0 40px 20px;color:#b2b7c0;font-size:9px;letter-spacing:1px}footer span{float:right}#toast{position:fixed;bottom:35px;left:55%;transform:translateX(-50%);background:#303841;color:white;padding:12px 24px;border-radius:9px;display:none;z-index:10}.spin{display:inline-block;width:13px;height:13px;border:2px solid #ffffff66;border-top-color:white;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){aside{width:195px;padding:25px 12px}.shell{margin-left:195px}main{padding:24px}.two{grid-template-columns:1fr}.toolbar{gap:8px}.templates{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:static;width:100%;height:auto}.brand{padding-bottom:10px}.workspace,.side-bottom,nav h5{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap;width:auto}.shell{margin:0}header{padding:0 15px}.demo{display:none}main{padding:20px}.grid{grid-template-columns:repeat(2,1fr)}.composer{gap:8px}.composer textarea{width:100px}.heading .pill{display:none}}