.dani{max-width:1280px;margin:24px auto 60px;color:#25233e}.dani *{box-sizing:border-box}.dani-intro{padding:40px;border:1px solid #e9dff5;border-radius:28px;background:radial-gradient(at 0 0,#f8dff0,transparent 65%),#f3f0ff;margin-bottom:24px}.dani-intro>span{color:#8143a7;font-size:13px;font-weight:700}.dani h1{font-size:clamp(26px,3vw,40px);margin:12px 0}.dani-intro p{max-width:740px;line-height:2;color:#656077}.dani-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.dani-tags span{font-size:12px;background:#ffffffb8;border-radius:30px;padding:7px 13px}.dani-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.dani-panel{background:white;border:1px solid #e8e5ef;border-radius:24px;padding:24px;min-width:0;box-shadow:0 10px 35px #30204b06}.dani-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #eeebf3}.dani h2{font-size:18px;margin:0}.dani button{font:inherit;cursor:pointer;border:0}.dani-panel-head button{background:#f3effa;border-radius:8px;padding:8px 12px;color:#70419a;font-size:12px}.dani-panel-head>span{font-size:12px;color:#8b819d}#dani-chat{height:340px;overflow:auto;padding:20px 0;display:flex;flex-direction:column;gap:12px}.dani-bubble{white-space:pre-wrap;margin:0;max-width:92%;padding:15px 18px;background:#f3f1f8;border-radius:18px 18px 4px 18px;font-size:14px;line-height:1.9;align-self:flex-start}.dani-user{background:#7540a3;color:#fff;align-self:flex-end;border-radius:18px 18px 18px 4px}.dani-prompts{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.dani-prompts button{padding:8px 12px;background:#fcf7fc;color:#815079;border:1px solid #efdfec;border-radius:20px;font-size:11px}.dani label{display:block;font-size:12px;font-weight:700;margin:12px 0 8px}.dani textarea{display:block;width:100%;resize:vertical;min-height:90px;max-height:220px;border:1px solid #ddd6e9;border-radius:14px;padding:14px;font:inherit;font-size:14px;background:#fcfbfe}.dani-compose{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.dani-compose button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 18px;min-height:46px;background:#f1eafa;color:#724198}#dani-send{background:#803fb0;color:white}#dani-mic svg{width:22px;height:22px}#dani-mic[aria-pressed=true]{background:#fde3f0;color:#ba196f}.dani button:disabled{opacity:.5;cursor:not-allowed}#dani-status{font-size:12px;line-height:1.8;color:#775c8e;margin:12px 0}.dani small{display:block;color:#8b8594;font-size:10px;line-height:1.8}.dani-empty{text-align:center;padding:60px 20px;color:#8a8397;line-height:1.9}.dani-empty>span{font-size:64px;color:#bf9dd7}.dani-empty h3{font-size:17px;color:#655374}.dani-product{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #eeebf3;text-decoration:none;color:inherit}.dani-product img{width:100px;height:100px;object-fit:contain;border-radius:12px}.dani-product h3{font-size:14px;line-height:1.8;margin:0}.dani-product p{font-size:13px;color:#544166}.dani-product span{font-size:12px;color:#8c38ab}.dani-category{display:inline-block;margin:12px 0 0 8px;padding:9px 14px;background:#f2edf7;border-radius:10px;color:#75418e;font-size:13px}.dani :is(button,a,textarea):focus-visible{outline:3px solid #a16cca;outline-offset:3px}@media(max-width:800px){.dani-layout{grid-template-columns:1fr}.dani-intro{padding:24px}.dani-panel{padding:18px}.dani{margin:12px auto 36px}#dani-chat{height:300px}.dani-empty{padding:30px 12px}}@media(max-width:380px){.dani-compose button{padding:10px}.dani-product{grid-template-columns:76px 1fr}.dani-product img{width:76px;height:76px}}

#dani-status{background:#f5effb;border:1px solid #dfcee9;border-radius:10px;padding:12px;color:#56356f;min-height:44px;font-size:13px;}