.one-ai-clean-page{max-width:640px;margin:0 auto;padding:3.5rem 1.2rem;background:#fff;font-family:lato,Helvetica,Arial,sans-serif;color:#111;}

.smo-of-badges{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center;margin:0 0 2rem;}
.smo-of-badge{display:inline-flex;align-items:center;gap:.4rem;color:#888;font-size:.74rem;font-weight:600;letter-spacing:.01em;}
.smo-of-badge svg{flex-shrink:0;opacity:.7;}

#one-ai-chat-root{margin:0 0 1.4rem;}
.smo-of-panel{border:1px solid #eee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:400px;background:#fff;}
.smo-of-messages{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.7rem;background:#fff;}
.smo-of-msg{max-width:82%;padding:.55rem .8rem;border-radius:10px;font-size:.86rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;color:#111;}
.smo-of-msg--assistant{background:#f5f5f5;align-self:flex-start;}
.smo-of-msg--user{background:#111;color:#fff;align-self:flex-end;}
.smo-of-chat-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.75rem;color:#666;border-top:1px solid #f0f0f0;}
.smo-of-chat-preview img{width:26px;height:26px;object-fit:cover;border-radius:5px;}
.smo-of-chat-preview button{margin-left:auto;background:none;border:none;cursor:pointer;color:#aaa;font-size:1rem;}
.smo-of-inputrow{display:flex;gap:.5rem;padding:.8rem;border-top:1px solid #f0f0f0;align-items:center;}

/* Inputs: Theme (Enfold #top input[type=...]) hat hoehere Spezifitaet und
   erzwingt sonst Kasten-Look + graue Schrift -- deshalb !important noetig. */
.smo-of-input,.smo-of-contact-input,.smo-of-contact-textarea{
  appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;
  box-shadow:none!important;outline:none!important;background:transparent!important;color:#111!important;
  border:none!important;border-bottom:1px solid #ddd!important;border-radius:0!important;
  font-family:inherit!important;margin:0!important;width:auto!important;display:inline-block!important;
}
.smo-of-input::placeholder,.smo-of-contact-input::placeholder,.smo-of-contact-textarea::placeholder{color:#999;}
.smo-of-input:focus,.smo-of-contact-input:focus,.smo-of-contact-textarea:focus{border-color:#111;}

.smo-of-input{flex:1;min-width:0;padding:.5rem .2rem!important;font-size:.86rem!important;}
.smo-of-attach{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#999;width:34px;height:34px;border-radius:50%;cursor:pointer;}
.smo-of-attach:hover{color:#111;background:#f5f5f5;}
.smo-of-send{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;border:none;border-radius:50%;width:34px;height:34px;cursor:pointer;}
.smo-of-send:hover{background:#333;}
.smo-of-send:disabled{opacity:.35;cursor:default;}

.smo-of-contact{padding:1.6rem 0 0;border-top:1px solid #f0f0f0;}
.smo-of-contact-toggle{display:flex;align-items:center;gap:.7rem;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left;}
.smo-of-contact-header{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem;}
.smo-of-contact-photo{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.smo-of-contact-title{flex:1;font-size:.85rem;color:#111;font-weight:600;}
.smo-of-contact-chevron{flex-shrink:0;color:#999;transition:transform .2s;}
.smo-of-contact-toggle--open .smo-of-contact-chevron{transform:rotate(180deg);}
.smo-of-contact-body{margin-top:1.1rem;}
.smo-of-contact-row{display:flex;gap:1rem;margin-bottom:.8rem;}
.smo-of-contact-input{flex:1;min-width:0;padding:.4rem .1rem!important;font-size:.82rem!important;}
.smo-of-contact-textarea{width:100%!important;box-sizing:border-box;padding:.4rem .1rem!important;font-size:.82rem!important;resize:vertical;margin-bottom:1rem!important;display:block!important;}
.smo-of-media-label{font-size:.76rem;color:#444;margin-bottom:.5rem;}
.smo-of-media-drop{border:1px dashed #ccc;border-radius:8px;padding:1rem;font-size:.78rem;color:#777;cursor:pointer;text-align:center;transition:border-color .15s,color .15s;}
.smo-of-media-drop:hover,.smo-of-media-drop--over{border-color:#111;color:#111;}
.smo-of-media-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem;}
.smo-of-media-thumb{position:relative;width:32px;height:32px;border-radius:6px;overflow:hidden;background:#f0f0f0;}
.smo-of-media-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.smo-of-media-thumb .smo-of-media-vid{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.9rem;}
.smo-of-media-thumb .smo-of-media-x{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#c00;color:#fff;font-size:.6rem;line-height:14px;text-align:center;cursor:pointer;}
.smo-of-media-hint{font-size:.74rem;color:#777;margin-top:.5rem;}
.smo-of-contact-send{margin-top:1rem;background:#111;color:#fff;border:none;border-radius:999px;padding:.5rem 1.15rem;font-size:.78rem;font-weight:700;cursor:pointer;}
.smo-of-contact-send:disabled{opacity:.35;cursor:default;}
.smo-of-contact-status{margin-top:.5rem;font-size:.76rem;color:#555;}
@media(max-width:480px){.smo-of-contact-row{flex-direction:column;gap:.6rem;}}