/* Approved Wayeel AI composition. Existing brand font and working composer. */
.wf-feature.wai-feature{padding:0 5.6vw;margin:0;width:100%;border:0;border-radius:0;overflow:hidden;color:var(--wayeel-navy);background:radial-gradient(ellipse at 20% 45%,var(--wayeel-white) 0%,var(--wayeel-gray) 65%);font-family:var(--wayeel-font)}
.wai-inner{position:relative;isolation:isolate;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr;gap:3vw;align-items:center;min-height:600px}
.wai-copy{position:relative;z-index:2;min-width:0;padding:46px 0}.wai-label{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:650;letter-spacing:.06em;color:var(--wayeel-purple);margin:0 0 21px}.wai-label>span{width:12px;height:12px;flex:none;border-radius:50%;background:var(--wayeel-purple)}
.wai-copy h2{margin:0 0 21px;font-size:clamp(32px,3.15vw,50px);font-weight:600;line-height:1.16;letter-spacing:-.04em;color:var(--wayeel-navy)}.wai-copy h2>span{display:block;white-space:nowrap}.wai-copy h2>span+span{margin-top:9px}
.wai-description{max-width:690px;font-size:15px;line-height:1.7;color:var(--wayeel-purple);margin:0 0 25px}
.wai-chat{width:100%;padding:20px;background:var(--wayeel-purple-light);border:1px solid var(--wayeel-border);border-radius:17px;box-shadow:0 10px 25px rgb(var(--wayeel-purple-rgb, 124 58 237) / 0.0706)}
.wai-chat .composer{padding:0;margin:0;max-width:none;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-margin-top:30px}
.wai-chat .composer>label{display:flex;gap:12px;align-items:center;color:var(--wayeel-navy);font-size:14px;font-weight:600;line-height:1.5;margin:0 0 14px}.wai-spark{color:var(--wayeel-purple);font-size:24px;line-height:1}
.wai-input{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 17px;background:var(--wayeel-white);border:1px solid var(--wayeel-purple-light);border-radius:30px;box-shadow:0 4px 10px rgb(var(--wayeel-navy-rgb, 15 23 42) / 0.0392)}.wai-input:focus-within{outline:2px solid var(--wayeel-purple);outline-offset:2px}
.wai-chat .composer textarea{display:block;flex:1;min-width:0;width:100%;min-height:38px;height:44px;max-height:120px;resize:vertical;line-height:1.5;font-size:14px;font-family:var(--wayeel-font);font-weight:400;padding:10px 0 4px;margin:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:var(--wayeel-navy)}.wai-chat textarea::placeholder{color:var(--wayeel-purple);opacity:1}
.wai-input #generate{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;flex:0 0 40px;border:0;border-radius:50%;padding:9px;background:var(--wayeel-purple);color:var(--wayeel-white);cursor:pointer}.wai-input #generate svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wai-input #generate:hover{background:var(--wayeel-purple)}.wai-input #generate:disabled{opacity:.6;cursor:wait}.wai-input #generate:focus-visible,.wai-chat .chip:focus-visible{outline:2px solid var(--wayeel-purple);outline-offset:3px}
.wai-chat .chips{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:14px 0 0}.wai-chat .chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--wayeel-purple-light);background:var(--wayeel-white);border-radius:22px;padding:10px 12px;font-family:var(--wayeel-font);font-size:11px;font-weight:500;line-height:1.4;color:var(--wayeel-navy);cursor:pointer;box-shadow:0 2px 6px rgb(var(--wayeel-purple-rgb, 124 58 237) / 0.0314);min-height:36px}.wai-chat .chip svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--wayeel-purple);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.wai-chat .chip:hover,.wai-chat .chip[aria-pressed=true]{background:var(--wayeel-purple-light);border-color:var(--wayeel-purple)}.wai-note{font-size:10px;line-height:1.5;color:var(--wayeel-purple);margin:11px 0 0}.wai-chat .status{font-size:13px;line-height:1.5;color:var(--wayeel-navy);margin:12px 0 0}.wai-chat .status[hidden]{display:none}.wai-chat .status a{text-decoration:underline}
.wai-photo{position:relative;align-self:stretch;margin:0 -5.6vw 0 0;min-width:0;z-index:1;overflow:hidden}.wai-photo svg{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.wai-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--wayeel-gray) 0%,rgb(var(--wayeel-gray-rgb, 248 250 252) / 0) 14%);pointer-events:none}
.wai-original-chat-link{margin:22px 0}
@media(min-width:1700px){.wai-chat .chip{font-size:11px;padding:10px 12px}.wai-inner{gap:50px;min-height:650px}.wai-description{font-size:17px}}
@media(max-width:1100px){.wai-inner{gap:2.5vw;grid-template-columns:1.35fr 1fr;min-height:540px}.wai-copy h2{font-size:clamp(23px,2.68vw,30px)}.wai-chat{padding:17px}.wai-description{font-size:14px}.wai-chat .chip{font-size:10px;padding:8px 9px}.wai-chat .chips{gap:7px}.wai-chat .composer textarea{font-size:13px;height:48px}.wai-copy{padding:35px 0}.wai-input{padding-left:13px}}
@media(max-width:700px){.wf-feature.wai-feature{padding:0 22px}.wai-inner{display:flex;flex-direction:column;gap:0;min-height:0}.wai-copy{width:100%;padding:32px 0 0}.wai-label{font-size:10px;margin-bottom:17px;gap:10px}.wai-label>span{width:10px;height:10px}.wai-copy h2{font-size:clamp(23px,5.9vw,36px);letter-spacing:-.04em;margin-bottom:19px}.wai-copy h2>span{white-space:normal}.wai-copy h2>span+span{margin-top:8px}.wai-description{font-size:14px;line-height:1.65;margin-bottom:22px}.wai-chat{padding:15px;border-radius:15px}.wai-chat .composer>label{font-size:13px;margin-bottom:13px;gap:9px}.wai-chat .composer textarea{font-size:13px;height:58px;min-height:48px;padding-top:8px;resize:vertical}.wai-input{padding-left:13px;gap:7px;border-radius:23px}.wai-input #generate{width:36px;height:36px;min-width:36px;flex-basis:36px;padding:8px}.wai-chat .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.wai-chat .chip{font-size:10px;padding:9px 8px;gap:6px}.wai-chat .chip svg{width:15px;height:15px}.wai-note{font-size:9px;margin-top:10px}.wai-photo{width:calc(100% + 44px);height:420px;align-self:center;margin:16px -22px 0}.wai-photo svg{position:relative;height:100%;width:100%}.wai-photo:after{background:linear-gradient(180deg,var(--wayeel-gray) 0%,rgb(var(--wayeel-gray-rgb, 248 250 252) / 0) 15%)} }
@media(max-width:360px){.wai-copy h2{font-size:22px}.wai-chat{padding:12px}.wai-chat .chip{font-size:9px;padding:9px 5px}.wai-chat .chip svg{width:14px;height:14px}.wai-photo{height:360px}}