.otter-ww-wrap{max-width:1180px;margin:40px auto;padding:0 16px}.otter-ww-card{background:#fff;border:1px solid #e8edf2;border-radius:20px;box-shadow:0 18px 50px rgba(15,23,42,.06);padding:28px}.otter-ww-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.otter-ww-panel h2,.otter-ww-panel h3{margin:0 0 10px;color:#0f172a}.otter-ww-panel p{margin:0 0 20px;color:#475569}.otter-ww-field{margin-bottom:16px}.otter-ww-field label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:7px}.otter-ww-field input,.otter-ww-field textarea,.otter-ww-field select{width:100%;border:1px solid #dbe3ea;border-radius:12px;padding:12px 14px;font-size:14px;background:#fff;box-sizing:border-box}.otter-ww-field input[type=color]{height:48px;padding:6px}.otter-ww-field textarea{min-height:110px;resize:vertical}.otter-ww-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.otter-ww-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.otter-ww-primary,.otter-ww-secondary,.otter-ww-danger,.otter-ww-link-btn{border:0;border-radius:12px;padding:12px 16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.otter-ww-primary{background:#111827;color:#fff}.otter-ww-secondary,.otter-ww-link-btn{background:#f8fafc;color:#0f172a;border:1px solid #dbe3ea}.otter-ww-danger{background:#fee2e2;color:#991b1b}.otter-ww-actions{display:flex;gap:10px;flex-wrap:wrap}.otter-ww-subcard{margin-top:20px;background:#fcfdff}.otter-ww-message{margin-top:14px;font-size:14px;color:#0f172a}.otter-ww-preview-panel{background:linear-gradient(180deg,#f8fbff 0%,#f1f5f9 100%);border-radius:18px;padding:18px}.otter-ww-preview-header{font-weight:700;color:#0f172a;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.otter-ww-badge{background:#e0f2fe;color:#075985;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.otter-ww-preview-box{position:relative;height:460px;border:1px dashed #cbd5e1;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);overflow:hidden}.otter-ww-preview-note{position:absolute;top:20px;left:20px;right:20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;color:#475569;box-shadow:0 10px 25px rgba(0,0,0,.05)}#otter-ww-preview-widget{position:absolute;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;font-weight:700;box-shadow:0 18px 34px rgba(37,211,102,.28);transition:all .2s ease}#otter-ww-preview-widget.otter-style-pill{border-radius:999px}#otter-ww-preview-widget.otter-style-square{border-radius:14px}#otter-ww-preview-widget.otter-style-icon-only{border-radius:999px;padding:0}#otter-ww-preview-widget.otter-style-icon-only .otter-ww-preview-text{display:none}#otter-ww-preview-widget.otter-pos-right{right:20px}#otter-ww-preview-widget.otter-pos-left{left:20px}#otter-ww-preview-widget.otter-vpos-bottom{bottom:20px}#otter-ww-preview-widget.otter-vpos-top{top:80px}#otter-ww-preview-widget.otter-size-small{height:48px;padding:0 15px;font-size:13px}#otter-ww-preview-widget.otter-size-small .otter-ww-preview-icon svg{width:18px;height:18px}#otter-ww-preview-widget.otter-size-small.otter-style-icon-only{width:48px}#otter-ww-preview-widget.otter-size-medium{height:56px;padding:0 18px;font-size:14px}#otter-ww-preview-widget.otter-size-medium .otter-ww-preview-icon svg{width:22px;height:22px}#otter-ww-preview-widget.otter-size-medium.otter-style-icon-only{width:56px}#otter-ww-preview-widget.otter-size-large{height:64px;padding:0 22px;font-size:15px}#otter-ww-preview-widget.otter-size-large .otter-ww-preview-icon svg{width:24px;height:24px}#otter-ww-preview-widget.otter-size-large.otter-style-icon-only{width:64px}@keyframes otterPulse{0%{transform:scale(1);box-shadow:0 18px 34px rgba(37,211,102,.28)}50%{transform:scale(1.06);box-shadow:0 24px 42px rgba(37,211,102,.34)}100%{transform:scale(1);box-shadow:0 18px 34px rgba(37,211,102,.28)}}@keyframes otterBounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-6px)}65%{transform:translateY(0)}}#otter-ww-preview-widget.otter-anim-pulse{animation:otterPulse 1.9s infinite}#otter-ww-preview-widget.otter-anim-bounce{animation:otterBounce 1.8s infinite}.otter-ww-preview-meta{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px;color:#475569;font-size:13px}.otter-ww-table{width:100%;border-collapse:collapse;margin-top:16px}.otter-ww-table th,.otter-ww-table td{padding:12px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}.otter-ww-table code{display:block;max-width:320px;white-space:pre-wrap;word-break:break-all;font-size:12px;background:#f8fafc;padding:8px;border-radius:8px}.otter-ww-table-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.otter-ww-row-actions{display:flex;gap:8px;flex-wrap:wrap}.otter-auth-grid{grid-template-columns:1fr 1fr}.otter-ww-install-note{margin:12px 0 0;color:#9a3412;font-size:14px;background:#fff7ed;border:1px solid #fdba74;padding:12px 14px;border-radius:10px}.otter-ww-help-tip{color:#475569;font-size:13px;margin-top:10px}hr{border:none;border-top:1px solid #e2e8f0;margin:22px 0}.otter-ww-preview-icon svg{display:block}@media (max-width:900px){.otter-ww-grid,.otter-auth-grid,.otter-ww-two-col,.otter-ww-three-col{grid-template-columns:1fr}.otter-ww-table{display:block;overflow:auto}.otter-ww-table-head{align-items:flex-start;flex-direction:column}}