:root{--ink:#202e2b;--muted:#78857f;--green:#21644d;--line:#e3e8e2;--bg:#f5f6f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px 'Microsoft YaHei',sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{border:1px solid var(--green);background:var(--green);color:white;border-radius:9px;padding:11px 17px;cursor:pointer;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}.sub{background:white;border-color:var(--line);color:var(--ink)}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:16px;align-items:center}.logo{display:grid;place-items:center;width:43px;height:43px;background:var(--green);color:white;border-radius:12px;font-weight:bold;font-size:22px}.brand strong{font-size:21px}.brand small{font-size:11px;color:var(--muted);letter-spacing:2px;margin-left:10px}.brand p{margin:5px 0 0;font-size:11px;color:var(--muted)}.tag{font-size:11px;padding:5px 9px;border-radius:5px;background:#ecf1e9;color:#54705c}main{max-width:1660px;margin:auto;padding:32px 4%}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:2px}h1{font-size:30px;letter-spacing:1px;margin:12px 0}p{line-height:1.7}.intro p,.muted{color:var(--muted);font-size:12px}.intro-actions{display:flex;gap:10px}.stepbar{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#eaf0e8;border:1px solid #dce6d9;border-radius:12px;margin:25px 0 15px}.stepbar b{color:var(--green);margin-right:10px;font-size:12px}.stepbar i{font-style:normal;color:#99aa98}#notice{padding:11px 15px;border-left:3px solid #88a17d;background:#f0f2eb;font-size:12px;margin-bottom:20px;line-height:1.8}#notice.error{border-color:#b14d3c;background:#fff0e9;color:#d32f2f}#notice.busy{border-color:#d69732;background:#fff8e8}.workspace{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title h2{margin:0;font-size:16px}.panel-title p{margin:8px 0}.panel-title>span{font-size:11px;color:var(--muted)}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #dce2db;border-radius:7px;padding:9px 10px;background:#fff;color:var(--ink);margin-top:7px}#projects{margin:18px 0}textarea{resize:vertical;min-height:75px}.reference{background:#f3f4f0;border:1px dashed #cdd6ca;border-radius:9px;min-height:190px;display:grid;place-items:center;overflow:hidden}.reference img{width:100%;display:block;cursor:zoom-in}.placeholder{text-align:center;padding:30px 12px}.placeholder>span{font-size:30px;color:#8fa287}.placeholder h3{font-size:13px}.placeholder p{font-size:11px;color:var(--muted)}#projectInfo{margin:12px 0;line-height:1.8}.rules{background:#f7f8f4;border-radius:8px;padding:15px 12px;margin:18px 0;font-size:11px}.rules p{margin:9px 0;color:#6e7d6c}.wide{width:100%}.hint{font-size:11px;color:var(--muted);line-height:1.8}details{border-top:1px solid var(--line);padding-top:14px;margin-top:17px}summary{font-size:12px;cursor:pointer}details button{margin-top:10px}.results{min-height:610px}.count{font-size:12px;background:#eef2e8;padding:3px 7px;border-radius:5px}.toolbar{display:flex;gap:15px;align-items:center;font-size:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:18px 0;color:var(--muted)}input[type=checkbox]{accent-color:var(--green);cursor:pointer}.spacer{flex:1}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-top{display:flex;justify-content:space-between;padding:10px 12px;font-size:11px}.card-top span{color:var(--muted)}.asset-img{height:185px;display:grid;place-items:center;background-color:#f8f8f5;background-image:linear-gradient(45deg,#eef0e9 25%,transparent 25%),linear-gradient(-45deg,#eef0e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0e9 75%),linear-gradient(-45deg,transparent 75%,#eef0e9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.asset-img img{max-width:94%;max-height:175px;object-fit:contain;cursor:zoom-in}.asset-img .waiting{font-size:12px;color:#84947c}.card-body{padding:12px}.card-body h3{margin:0 0 8px;font-size:13px}.card-body p{font-size:10px;color:var(--muted);margin:5px 0;min-height:16px}.card-actions{display:flex;gap:6px;margin-top:10px}.card-actions button,.card-actions a{font-size:10px;padding:6px 9px}.card-actions a{color:var(--green);text-decoration:none}.card details{margin-top:10px;padding-top:9px}.empty{grid-column:1/-1;text-align:center;padding:95px 20px;color:var(--muted)}.empty>div{font-size:50px;color:#abb8a4}.empty h3{font-size:16px;color:var(--ink)}.empty p{font-size:12px}.export{margin-top:22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.export h2{font-size:16px;margin:0}.export>label{width:110px;font-size:11px;color:var(--muted)}.export>label:has(select){width:175px}.export-info{width:100%;font-size:11px;color:var(--muted)}#downloads{display:flex;gap:12px;flex-wrap:wrap}#downloads a{font-size:12px;color:var(--green);padding:9px;background:#eff4eb;border-radius:6px}footer{display:flex;justify-content:space-between;padding:23px 0;color:#8b9788;font-size:11px}dialog{border:1px solid var(--line);border-radius:16px;padding:26px;max-width:580px;width:90%;box-shadow:0 24px 90px #153b2433}dialog::backdrop{background:#15241d70}dialog label{font-size:12px;display:block;margin-bottom:15px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#confirmText{white-space:pre-line;font-size:13px;line-height:1.9}#preview{max-width:1000px}#preview img{display:block;max-height:75vh;max-width:100%;margin:15px auto;background:#eee}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #daae51;outline-offset:3px}@media(max-width:1100px){.workspace{grid-template-columns:280px 1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{align-items:start}.intro-actions{flex-direction:column}.stepbar{padding:17px}}@media(max-width:740px){.workspace{grid-template-columns:1fr}.intro{display:block}.intro-actions{flex-direction:row;margin-top:20px}.stepbar{font-size:10px;padding:13px 8px}.stepbar b{margin-right:3px}.brand small{display:none}main{padding:22px 4%}.panel{padding:16px}h1{font-size:25px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
[hidden]{display:none!important}.intro-actions{flex-shrink:0}.intro-actions button{white-space:nowrap}

.material-source{max-width:100%;height:160px;object-fit:contain} .card-actions{flex-wrap:wrap} #materialOptions [hidden]{display:none}

#hdOptions{max-width:780px}#hdCanvas{width:100%;display:block;touch-action:none;cursor:crosshair;margin:12px 0}#hdTier{font-weight:600;color:var(--green)}
.card-top span.hd-badge{color:#d32f2f;font-weight:700}

.original-preview{padding:8px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.original-preview img{display:block;max-width:100%;height:90px;object-fit:contain;margin:6px auto;cursor:zoom-in}.reference-edit-image{display:block;width:100%;margin:8px 0;cursor:zoom-in}#prepareSheetBtn{margin-top:8px}#preparedSheetResult a{color:var(--green);font-size:12px}

.billing-warning{color:#d32f2f;font-weight:700;line-height:1.8}.billing-error{color:#d32f2f}.billing-order{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.billing-order p{margin:6px 0}#accountDialog{max-width:720px;max-height:90vh;overflow:auto}#billingPaymentLink{display:block;margin:12px 0}#billingPaymentLink[hidden]{display:none}

#taskWaiting{max-width:420px;text-align:center;padding:32px 24px}#taskWaitingMessage{overflow-wrap:anywhere;line-height:1.8}.task-spinner{width:60px;height:60px;margin:0 auto 20px;border:6px solid #e3e8e2;border-top-color:var(--green);border-radius:50%;animation:task-spin 1s linear infinite}@keyframes task-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.task-spinner{animation-duration:3s}}

#contactSupport{display:inline-block;text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:11px 17px;font-weight:600}#contactSupport:hover{filter:brightness(.94)}