:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#26352e;background:#f7f8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe5da}.brand{color:inherit;font-size:22px;font-weight:800;text-decoration:none;letter-spacing:1px}.brand span{font-size:15px;font-weight:500;margin-left:15px}.tag,.eyebrow{font-size:12px;letter-spacing:2px;color:#657b5a}.tag{border:1px solid #d2ddca;padding:8px 12px;border-radius:20px}main{max-width:1440px;margin:auto;padding:40px 5%}.intro{margin:12px 0 36px}.intro h1{font-size:clamp(26px,3vw,42px);letter-spacing:-1px;margin:12px 0}.intro p:not(.eyebrow){color:#697568;line-height:1.8}.workspace{display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:start}form,.result{padding:26px;border:1px solid #dde4d7;border-radius:20px;background:white}h2{font-size:17px;margin:0 0 22px}h3{font-size:16px;margin-top:28px}label{display:block;font-size:13px;font-weight:600;margin-bottom:17px}input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #d8dfd2;border-radius:8px;font:inherit;background:#fafbf7}.upload{padding:22px 14px;text-align:center;border:2px dashed #bacbab;background:#f4f8ed;border-radius:12px;cursor:pointer;line-height:1.8}.upload input{font-size:11px;background:transparent;border:0;padding:5px}.upload small{display:block;color:#72816b;font-size:11px;font-weight:400}#source{max-width:100%;max-height:150px;object-fit:contain;display:block;margin:0 auto 16px}#source[hidden]{display:none}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint,#status{font-size:12px;line-height:1.8;color:#73806d}button{cursor:pointer;font:inherit;border:0;border-radius:9px;padding:12px 16px;background:#eaf0e3;color:#34472c}button:focus-visible,a:focus-visible{outline:3px solid #b8d892;outline-offset:3px}#generate{width:100%;background:#365b35;color:white;font-weight:600;margin-top:12px}button:disabled{opacity:.5;cursor:wait}#cancel{margin-top:10px;width:100%}.result{min-height:650px}#empty{text-align:center;padding:150px 10px;color:#8b9882}.motif{font-size:90px;color:#a6be94}#empty p{font-size:13px}.result-head{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.result-head h2{margin:0}#summary{font-size:12px;color:#627253}.tabs{display:flex;gap:8px;margin:20px 0}.canvas-wrap{overflow:auto;background:#f4f6f0;border:1px solid #e3e9dd;border-radius:12px;padding:15px;text-align:center}.canvas-wrap canvas{max-width:100%;height:auto;image-rendering:pixelated}#downloads{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}#downloads a{padding:10px;background:#eef4e8;color:#35552b;border-radius:8px;font-size:12px;text-decoration:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8ece3}th{color:#718066;background:#f6f8f2}.swatch{display:inline-block;width:16px;height:16px;border:1px solid #999;vertical-align:middle;margin-right:8px;border-radius:4px}footer{text-align:center;color:#8b9683;font-size:12px;padding:30px}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}.result{min-height:350px}.tag{display:none}#empty{padding:60px 10px}main{padding:25px 4%}header{padding:20px 4%}.brand span{margin-left:4px}form,.result{padding:20px}}