.ai-page{background:#faf9f6}.ai-page header{padding:24px 5%;background:#fff}.back-link{font-size:14px}.ai-main{max-width:1240px;margin:auto;padding:45px 24px}.ai-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.ai-intro h1{font-size:clamp(32px,4.5vw,54px);line-height:1.16;margin:18px 0}.ai-intro h1 em{color:#3045e8}.ai-intro p{color:#73768b;line-height:1.7}.ai-badge{padding:25px;background:#eeedff;border-radius:24px;transform:rotate(3deg);min-width:260px}.ai-badge>span{display:block;color:#3444ed;font-size:46px}.ai-badge strong{display:block}.ai-status{display:flex;gap:12px;align-items:flex-start;background:#fff6df;border:1px solid #eaddb9;border-radius:12px;padding:15px 18px;margin-bottom:24px;font-size:13px}.ai-status p{margin:6px 0 0;line-height:1.6}.status-dot{width:8px;height:8px;border-radius:50%;background:#b58624;margin-top:7px;flex-shrink:0}.ai-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start}.ai-card{background:#fff;border:1px solid #e5e4ef;border-radius:20px;padding:26px;min-width:0}.step-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.step-title>span{background:#ededff;color:#3045e8;padding:8px;border-radius:50%;font-size:13px;font-weight:bold}.step-title h2{font-size:21px;margin:0}.ai-card label{display:block;font-size:14px;margin:18px 0 8px}.ai-card input,.ai-card textarea,.ai-card select{width:100%;margin-top:8px;box-sizing:border-box}.ai-card textarea{resize:vertical;min-height:100px}.ai-card fieldset{padding:0;border:0;margin:22px 0}.ai-card legend{font-size:14px}.prompt-suggestions,.result-actions{display:flex;gap:8px;flex-wrap:wrap}.prompt-suggestions button,.quiet-button{background:#fff;border:1px solid #dcddea;color:#323751;padding:10px 12px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer;min-height:42px}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.style-grid label{position:relative;margin:10px 0 0;cursor:pointer}.style-grid input{position:absolute;opacity:0;width:1px}.style-grid span{display:flex;flex-direction:column;align-items:center;font-size:25px;gap:7px;border:1px solid #dedfeb;border-radius:10px;padding:14px 3px}.style-grid b{font-size:11px;font-weight:500}.style-grid input:checked+span{background:#efefff;border-color:#3545e9;color:#3545e9}.style-grid input:focus-visible+span{outline:3px solid #687aff}.ai-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.helper,.ai-upload small{font-size:12px;color:#70778a;line-height:1.6}.ai-card details{margin:20px 0}.ai-card summary{font-size:13px;cursor:pointer}.ai-card .button:disabled{opacity:.5;cursor:not-allowed}.art-stage{aspect-ratio:1;display:grid;place-items:center;background-color:#fafafa;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:14px;overflow:hidden}.art-stage canvas{max-width:100%;max-height:100%;width:100%;object-fit:contain}.art-stage canvas[hidden]{display:none}#artEmpty{text-align:center;max-width:270px;padding:20px}#artEmpty>span{font-size:72px;color:#c5c4ec}#artEmpty h3{font-size:18px}#artEmpty p{font-size:13px;line-height:1.7;color:#71778b}.sample-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:13px;margin:22px 0 12px}.sample-heading small{color:#777e8c}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sample-grid button{background:#faf9f6;border:1px solid #e5e3ec;border-radius:12px;padding:10px;font:inherit;font-size:12px;cursor:pointer}.sample-grid button[aria-pressed=true]{outline:2px solid #3545e9}.sample-grid span{display:block;font-size:40px;margin:4px 0 8px}.sample-flower{color:#3045e8}.sample-stars{color:#8074a4}.sample-heart{color:#c66a83}.ai-upload{padding:14px;background:#f7f7fc;border-radius:12px}.ai-upload small{display:block;margin-top:9px}.ai-next{border-top:1px solid #e4e4ef;padding-top:20px;margin-top:22px}.ai-next small{display:block;font-size:12px;color:#747b8b;margin:8px 0 16px}.ai-next .button{width:100%;justify-content:center}.ai-footnote{text-align:center;font-size:13px;color:#747b8b;margin:24px 0}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #8992fc;outline-offset:3px}.ai-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-radius:18px;background:#efedff;margin:20px 0 30px}.ai-entry p{margin:5px 0;font-size:14px}.ai-entry a{white-space:nowrap}.ai-hero-link{display:inline-block;margin-top:16px;color:#3045e8;font-weight:600;font-size:14px}@media(max-width:700px){.ai-main{padding:26px 14px}.ai-intro{display:block}.ai-badge{display:none}.ai-intro h1{font-size:34px}.ai-intro p{font-size:14px}.ai-layout{grid-template-columns:1fr;gap:16px}.ai-card{padding:18px}.ai-page header{padding:18px 16px}.ai-page .brand{font-size:22px}.ai-status{font-size:12px}.ai-entry{flex-direction:column;align-items:flex-start}.ai-card input,.ai-card select,.ai-card textarea{font-size:16px}.ai-page footer{padding:24px}.art-stage{max-height:440px}.ai-next .button{min-height:50px}}
.ai-product-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ai-product-checks label{display:flex;align-items:center;gap:8px;padding:10px;margin:0;border:1px solid #dfdbd0;border-radius:9px;font-size:13px}.ai-product-checks input{width:18px;height:18px;flex-shrink:0}.ai-product-checks label:has(:checked){background:#eaf4f0;border-color:#005a61}.ai-page label[hidden]{display:none}
.ai-card #aiProductPicker{margin:14px 0 8px;border:1px solid #d9e2dd;border-radius:10px;padding:0;background:#fffdf8}.ai-card #aiProductPicker summary{padding:11px 13px;font-size:13px;font-weight:600;min-height:44px;color:var(--teal)}.ai-card #aiProductPicker .ai-product-search{display:block;margin:0;padding:0 12px 8px;font-size:11px}.ai-card #aiProductPicker .ai-product-search input{padding:9px 10px;border:1px solid #d9e2dd;border-radius:7px;font-size:13px;margin:4px 0 0;min-height:38px}.ai-card #aiProductPicker .ai-product-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px;overflow-y:auto;gap:2px 6px;padding:0 10px 8px;overscroll-behavior:contain}.ai-card #aiProductPicker .ai-product-checks label{display:flex;align-items:center;gap:7px;margin:0;padding:7px 5px;min-height:36px;border:0;border-radius:6px;font-size:12px;line-height:1.4;min-width:0;overflow-wrap:anywhere;cursor:pointer}.ai-card #aiProductPicker .ai-product-checks label[hidden]{display:none!important}.ai-card #aiProductPicker .ai-product-checks input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:var(--orange)}#aiProductSearchStatus{display:block;padding:0 12px 8px;font-size:11px;color:var(--muted)}#aiProductSearchStatus:empty{display:none}#aiSelectedProducts{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;margin-bottom:12px;scrollbar-width:thin;font-size:11px;color:var(--muted)}#aiSelectedProducts span{flex:0 0 auto;border:1px solid #c8dfd7;background:#eff7f3;color:var(--teal);border-radius:20px;padding:5px 9px;white-space:nowrap}#aiProductPicker[open] summary{border-bottom:1px solid #e4eae5;margin-bottom:8px}@media(max-width:700px){.ai-card #aiProductPicker .ai-product-checks{grid-template-columns:1fr;max-height:216px}.ai-card #aiProductPicker .ai-product-checks label{min-height:38px}.ai-card #aiProductPicker .ai-product-search input{font-size:16px}}
