.intro{padding-bottom:32px}.intro h1 em{color:#ff40bc;font-style:normal}.install-button{margin-top:18px;padding:12px 18px;border:1px solid #b853963d;border-radius:99px;background:#ffffff08;color:inherit;cursor:pointer}.install-button:hover{border-color:#ff40bc;background:#ff40bc12}#install-hint{max-width:50ch}.ai-workshop{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border:1px solid #ffffff20;border-radius:28px;overflow:hidden;background:#151018;margin-bottom:36px;box-shadow:0 24px 80px #0003}.ai-controls{padding:30px;background:radial-gradient(ellipse at 0 0,#ff16b511,transparent 70%)}.ai-heading,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.ai-heading .eyebrow{font-size:11px;letter-spacing:2px}.free-badge{border:1px solid #ff40bc66;border-radius:99px;padding:7px 13px;color:#ff83d5;font-weight:700}.ai-controls h2{font-size:30px;margin:15px 0 22px}.ai-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.ai-modes button{padding:15px 12px;border:1px solid #ffffff26;border-radius:14px;background:#ffffff04;color:#ede5ed;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.ai-modes button[aria-pressed=true]{background:#ff40bc16;border-color:#ff40bc;box-shadow:inset 0 0 24px #ff40bc09}.ai-modes button:hover{transform:translateY(-2px)}.ai-modes strong,.ai-modes small{display:block}.ai-modes small{font-size:11px;color:#c1afc0;margin-top:5px}.ai-controls label{display:block;font-size:13px;color:#e2d5e0;margin:0 0 8px}.ai-controls textarea,.ai-controls select,.ai-result-actions input{box-sizing:border-box;width:100%;padding:13px;background:#0d0a10;color:#f9f1fa;border:1px solid #ffffff28;border-radius:10px;font:inherit}.ai-controls textarea{resize:vertical;min-height:110px;line-height:1.5;font-size:15px}.ai-controls select{margin-top:8px;font-size:14px}.ai-controls :is(textarea,select):focus-visible,.ai-result-actions input:focus-visible{outline:2px solid #ff40bc;outline-offset:3px}.prompt-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 22px}.prompt-chips button{font:inherit;font-size:11px;padding:7px 10px;border-radius:99px;background:transparent;color:#cdbbcc;border:1px solid #ffffff1e;cursor:pointer}.prompt-chips button:hover{color:#ff83d5;border-color:#ff83d5}.ai-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px}#body-label:has(select:disabled){opacity:.45}.ai-generate{width:100%;border:0;border-radius:12px;padding:18px;margin:14px 0 8px;background:#ff2bb6;color:#160411;font:inherit;font-weight:750;cursor:pointer;box-shadow:0 7px 26px #ff2bb629;transition:filter .2s,transform .2s}.ai-generate:hover:enabled{filter:brightness(1.13);transform:translateY(-2px)}.ai-generate:disabled{opacity:.45;cursor:default;box-shadow:none}.ai-limit,.ai-privacy{font-size:11px;line-height:1.6;color:#ae9eaf}.ai-privacy a{color:#d7b4d1}.ai-status{font-size:13px;line-height:1.5;color:#f0c7e4;min-height:40px;padding:12px;background:#ffffff05;border-left:2px solid #ff40bc;border-radius:0 8px 8px 0}.ai-preview{padding:24px;background:#0d0a10;border-left:1px solid #ffffff12}.preview-heading{font-size:9px;letter-spacing:1.3px;color:#c0aabe;margin:0 0 17px}.preview-heading span:last-child{color:#ff73cf}.result-frame{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#211925}.result-frame>img{width:100%;height:100%;object-fit:contain;display:block}#ai-loading:not([hidden]){position:absolute;inset:0;background:#100a16e8;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:24px;text-align:center}#ai-loading>span:last-child{font-size:12px;color:#cdbbcc}.ai-spinner{width:38px;height:38px;border:2px solid #ff40bc30;border-top-color:#ff40bc;border-radius:50%;animation:ai-spin 1s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.ai-result-actions>button:first-child{grid-column:1/-1}.ai-result-actions button{border-radius:10px;padding:12px;font:inherit;font-size:13px;cursor:pointer}.ai-result-actions button:disabled{opacity:.4;cursor:default}.ai-result-actions label{font-size:11px;color:#bfaabc}.ai-result-actions input{margin-top:5px;padding:9px}.ai-result-actions .secondary{align-self:end;background:#ffffff08;border:1px solid #ffffff28;color:#eadcea}.offline-editor{border:1px solid #ffffff25;border-radius:16px;margin:0 0 48px;overflow:hidden}.offline-editor>summary{cursor:pointer;padding:22px;color:#ead4e6;background:#ffffff04;font-size:15px}.offline-editor[open]>summary{margin-bottom:24px;border-bottom:1px solid #ffffff16}.offline-editor .save-panel{padding:18px}.ai-preview>.muted{font-size:11px;line-height:1.6}.ai-controls>.muted{font-size:12px;line-height:1.6}.ai-workshop button:focus-visible,.offline-editor>summary:focus-visible,.install-button:focus-visible{outline:2px solid #ff8cda;outline-offset:3px}@media(max-width:800px){.ai-workshop{grid-template-columns:1fr;border-radius:20px}.ai-controls{padding:22px}.ai-preview{border-left:0;border-top:1px solid #ffffff12;padding:18px}.ai-controls h2{font-size:26px}.intro h1{font-size:clamp(34px,8vw,64px)}}@media(max-width:380px){.ai-controls{padding:16px}.ai-selects{grid-template-columns:1fr}.ai-modes strong{font-size:12px}.preview-heading{font-size:8px}}@media(prefers-reduced-motion:reduce){.ai-workshop *{animation:none!important;transition:none!important}}

#ai-generator,#offline-editor,#generator-data{scroll-margin-top:100px}@media(max-width:500px){.ai-selects{grid-template-columns:1fr}}