.beauty-demo{--b-green:var(--ir-green,#586447);--b-border:#dbe7e0;width:calc(100% - 96px);max-width:1280px;margin:48px auto 64px;padding:32px;color:#203b31;font-family:inherit;font-size:15px;line-height:1.8;background:transparent;border-radius:28px;box-sizing:border-box}.beauty-demo *{box-sizing:border-box}.beauty-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,2fr);gap:36px;align-items:start}.beauty-intro{padding:24px 10px}.beauty-intro h1{font-size:clamp(22px,2.1vw,30px);white-space:nowrap;line-height:1.6;color:var(--b-green);margin:12px 0 20px}.beauty-intro p{margin:18px 0}.beauty-eyebrow{font-weight:800;letter-spacing:2px;color:var(--b-green)}.beauty-store{font-weight:700}.beauty-source,.beauty-small{font-size:12px;color:#63786e}.beauty-demo a{color:var(--b-green);text-decoration:underline}.beauty-chat{background:white;border:1px solid var(--b-border);border-radius:24px;overflow:hidden;box-shadow:0 16px 50px #173b2710;min-width:0}.beauty-chat-head{padding:20px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--b-border)}.beauty-chat-head h2{font-size:18px;margin:0}.beauty-demo button{font:inherit;cursor:pointer;border:1px solid #b7d1c3;border-radius:12px;background:var(--b-green);color:white;padding:8px 13px;line-height:1.7}.beauty-demo button:hover{background:var(--ir-green-hover,#3E4933)}.beauty-demo button:disabled{opacity:.5;cursor:default}.beauty-demo :focus-visible{outline:3px solid var(--b-green);outline-offset:3px}.beauty-disclaimer{font-size:12px;background:#edf6f0;color:#456757;margin:0;padding:9px 20px}.beauty-log{height:590px;overflow-y:auto;padding:20px;scroll-behavior:smooth;overscroll-behavior:contain}.beauty-message{background:#f0f7f3;border-radius:16px 4px 16px 16px;padding:14px 16px;margin:12px 0;max-width:100%;overflow-wrap:anywhere}.beauty-message-user{background:var(--b-green);color:white;margin-right:auto;width:fit-content;max-width:85%;border-radius:4px 16px 16px 16px}.beauty-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.beauty-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.beauty-card{padding:12px;border:1px solid var(--b-border);border-radius:16px;min-width:0;background:white}.beauty-card img{width:100%;height:155px;object-fit:contain;border-radius:12px;background:#fafcfb}.beauty-card h3{font-size:15px;margin:10px 0 3px}.beauty-card p{font-size:12px;margin:6px 0}.beauty-card a{font-size:11px}.beauty-skin{display:block;font-size:13px;color:var(--b-green)}.beauty-card .beauty-price{font-size:15px;font-weight:800}.beauty-card button{font-size:12px;width:100%;padding:7px}.beauty-compose{border-top:1px solid var(--b-border);padding:14px 20px}.beauty-compose>label{font-size:12px;display:block;margin-bottom:5px}.beauty-input-row{display:flex;gap:8px}.beauty-demo input:not([type=checkbox]),.beauty-demo select{font:inherit;background:white;border:1px solid #bcd3c5;border-radius:10px;padding:9px;min-width:0;color:#203b31}.beauty-input-row input{flex:1;width:0}.beauty-input-row button{background:var(--b-green);color:white}.beauty-error{padding:0 20px;color:#ae3030}.beauty-error:empty{display:none}.beauty-cart-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 0;border-bottom:1px solid #d7e6dc;font-size:13px}.beauty-cart-row strong{flex:1;min-width:140px}.beauty-cart-row input{width:70px}.beauty-delivery{display:grid;gap:12px;margin-top:12px}.beauty-delivery label,.beauty-settings>label,.beauty-custom-field>label{display:grid;gap:5px}.beauty-table-wrap{overflow-x:auto}.beauty-demo table{width:100%;font-size:12px;border-collapse:collapse;margin-top:12px}.beauty-demo th,.beauty-demo td{padding:10px 8px;text-align:right;border-bottom:1px solid #d4e5d9}.beauty-settings{font:inherit;color:#203b31;width:min(620px,92vw);max-height:85vh;overflow:auto;border:1px solid var(--b-border);border-radius:20px;padding:25px}.beauty-settings::backdrop{background:#183b2a66}.beauty-close{float:left}.beauty-setting-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--b-border)}.beauty-setting-row label{display:flex;align-items:center;gap:7px;flex:1}.beauty-custom-field{display:grid;gap:10px;margin-top:18px}.beauty-custom-field label:has([type=checkbox]){display:flex}.beauty-payment{max-width:540px;margin:30px auto;padding:35px;background:white;border-radius:20px}.beauty-payment h1{font-size:26px}@media(max-width:800px){.beauty-demo{width:calc(100% - 32px);margin:24px auto 32px;padding:14px;border-radius:20px}.beauty-layout{grid-template-columns:1fr;gap:16px}.beauty-intro{padding:5px 10px}.beauty-intro h1{font-size:clamp(19px,5.6vw,26px);margin:5px 0 10px}.beauty-intro p{margin:10px 0}.beauty-chat-head{padding:14px}.beauty-chat-head h2{font-size:15px}.beauty-chat-head button{font-size:11px}.beauty-log{height:560px;padding:14px}.beauty-cards{grid-template-columns:1fr}.beauty-card{display:block}.beauty-card img{height:180px}.beauty-card button{width:auto}.beauty-card .beauty-actions{flex-wrap:wrap}.beauty-compose{padding:12px}.beauty-disclaimer{padding:8px 14px}}