:root{--accent:#0b3e2f;--accent-dark:#115c43;--bg:#e5e7eb;--card:#f1f2f4;--text:#1e293b;--muted:#475569;--border:#cbd5e1;--border-light:#d1d5db;--ring:rgba(17,92,67,.25);--shadow:0 1px 3px rgba(0,0,0,.08);--radius-lg:14px;--radius-md:10px;--radius-sm:8px}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;justify-content:space-between;padding:20px clamp(16px,4vw,40px);-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);background:#e2e8f0;border-bottom:1px solid var(--border);color:var(--text)}.header,.logo{display:flex;align-items:center}.logo{gap:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:999px;display:grid;place-items:center}.logo-title{font-weight:800;font-size:24px;letter-spacing:-.02em}.logo-title .green{color:var(--accent-dark)}.toggle{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;cursor:pointer}.switch{position:relative;width:44px;height:24px;background:#e2e8f0;border-radius:999px;transition:background .2s ease}.switch input{position:absolute;inset:0;opacity:0;cursor:pointer}.knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:transform .2s ease}.switch input:checked+.knob{transform:translateX(20px)}.switch input:checked~.track{background:var(--accent)}.main{padding:32px clamp(16px,4vw,40px);display:grid;grid-gap:40px;gap:40px;grid-template-columns:1fr}@media (min-width:960px){.main{grid-template-columns:minmax(640px,820px) 1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.card-head{background:#e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-light);transition:background .2s ease}.card-head:hover{background:rgba(0,0,0,.03)}[data-theme=dark] .card-head:hover{background:hsla(0,0%,100%,.03)}.select-wrap{position:relative}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 34px 10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;color:#0f172a;background:#fff;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.select:focus{box-shadow:0 0 0 4px var(--ring);border-color:var(--accent)}.chev{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8;pointer-events:none;transition:transform .2s ease}.icon-btn{border:0;background:transparent;padding:8px;transition:background .2s ease,color .2s ease;border-radius:6px;color:#64748b;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:hsla(0,0%,100%,.08);color:#10a37f}.section{padding:16px}.label{font-size:13px;font-weight:600;color:#475569;margin-bottom:10px;display:block}.textarea{width:100%;min-height:110px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:10px 12px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.textarea:focus{box-shadow:0 0 0 4px var(--ring);border-color:var(--accent)}.floating-plus{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--accent-dark);color:#087954;border:0;cursor:pointer;box-shadow:0 6px 16px rgba(16,185,129,.35)}.row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.composer{padding:16px}.composer-row{display:flex;align-items:center;gap:8px}.input{background:#f9fafb;flex:1 1 auto;height:48px;padding:0 14px;border:1px solid var(--border);border-radius:12px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.input:focus{box-shadow:0 0 0 4px var(--ring);border-color:var(--accent)}.btn{height:48px;padding:0 14px;border-radius:12px;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.btn-ghost{background:transparent;border:none;color:inherit;transition:background .2s ease}.btn-ghost:hover{background:hsla(0,0%,100%,.08);color:#10a37f}.btn-primary{background:var(--accent-dark);color:#fff}.btn-primary:hover{background:var(--accent-dark);filter:brightness(1.05)}.rel{position:relative}.muted{color:var(--muted)}.hidden-md{display:none}@media (min-width:960px){.hidden-md{display:block}}.icon{width:20px;height:20px;display:block}.btn-primary{background-color:#087954!important;border-color:#087954!important;color:#fff!important}.btn-primary:hover{background-color:#066646!important;border-color:#066646!important}.card,.card *,.main,.main *,.modal,.modal *,header,header *{transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}@keyframes refreshBar{0%{background-position:0 50%}to{background-position:400% 50%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.select-wrap:hover .chev{opacity:.9}.select-wrap:focus-within .chev{transform:translateY(-50%) rotate(180deg)}.chat-scroll{scrollbar-color:hsla(0,0%,47%,.6) transparent}.chat-scroll::-webkit-scrollbar{width:12px}.chat-scroll::-webkit-scrollbar-track{background:transparent;margin-right:6px}.chat-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,47%,.55);border-radius:8px}html[data-theme=light]{--accent:#86328c!important;--accent-dark:#86328c!important}html[data-theme=light] .btn-primary,html[data-theme=light] .btn-primary:hover{background:#86328c!important;border-color:#86328c!important}html[data-theme=light] .btn-ghost:hover,html[data-theme=light] .icon-btn:hover{background:rgba(155,107,255,.18)!important;color:#5c2bbf!important}html[data-theme=light] .input:focus,html[data-theme=light] .select:focus,html[data-theme=light] .textarea:focus{border-color:#86328c!important;box-shadow:0 0 0 4px rgba(155,107,255,.25)!important}html[data-theme=light] .track[style*="#10A37F"],html[data-theme=light] button[aria-label="Add block (append panel)"],html[data-theme=light] button[aria-label="Add block (append panel)"]:hover{background:#86328c!important}html[data-theme=dark] .card{box-shadow:0 0 10px rgba(134,50,140,.65)!important}html[data-theme=dark]{--accent:#86328c!important;--accent-dark:#86328c!important}html[data-theme=dark] .btn-primary{background:#86328c!important;border-color:#86328c!important}html[data-theme=dark] .btn-primary:hover{background:#b041b8!important;border-color:#86328c!important}html[data-theme=dark] .btn-ghost:hover,html[data-theme=dark] .icon-btn:hover{background:rgba(74,39,143,.25)!important;color:#e0d4ff!important}html[data-theme=dark] .input:focus,html[data-theme=dark] .select:focus,html[data-theme=dark] .textarea:focus{border-color:#86328c!important;box-shadow:0 0 0 4px rgba(74,39,143,.25)!important}html[data-theme=dark] button[aria-label="Add block (append panel)"]{background:#86328c!important}html[data-theme=dark] button[aria-label="Add block (append panel)"]:hover{background:#b041b8!important}html[data-theme=dark] .track[style*="#5C2BBF"]{background:#86328c!important}html[data-theme=dark] .card .chat-scroll>div>div>div[style*=background],html[data-theme=light] .card .chat-scroll>div>div>div[style*=background]{background:#86328c!important;color:#fff!important}html[data-theme=dark] .dropdown:before,html[data-theme=dark] .menu:before,html[data-theme=dark] .popover:before{background:#2b2b2b!important;border-color:#2b2b2b!important}