.composer{width:100%;max-width:720px;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:16px 16px 12px;box-shadow:0 24px 60px #00000073;text-align:left;position:relative}.composer textarea{width:100%;min-height:74px;resize:none;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:1.02rem;line-height:1.5;padding:2px 2px 6px}.composer textarea::placeholder{color:#6b7280}.chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:16px}.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-family:inherit;font-size:.84rem;cursor:pointer;transition:.15s}.chip:hover{color:var(--text);border-color:#7c3aed80;background:#7c3aed1a;transform:translateY(-1px)}.chip i{color:var(--accent-2)}.composer-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.composer-bar .left{display:flex;align-items:center;gap:8px}.tool{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;transition:.15s}.tool:hover,.tool.active{color:var(--text);border-color:#7c3aed8c;background:#7c3aed24}.counter{font-size:.76rem;color:var(--muted)}.limit-upsell{border:none;background:none;color:var(--accent-2);font-size:.76rem;cursor:pointer;font-family:inherit;padding:0;text-decoration:underline}.limit-upsell.hot{color:#f59e0b}.limit-upsell.hidden{display:none}.send{height:44px;padding:0 18px;border-radius:14px;border:none;cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;transition:.15s}.send:disabled{opacity:.5;cursor:not-allowed}.send:not(:disabled):hover{transform:translateY(-1px)}.files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.files.hidden{display:none}.file-chip{position:relative;width:54px;height:54px;border-radius:10px;overflow:hidden;background:#ffffff0d;border:1px solid var(--border);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem}.file-chip img{width:100%;height:100%;object-fit:cover;display:block}.file-chip .x{position:absolute;top:2px;right:2px;width:17px;height:17px;border-radius:50%;background:#000000a8;color:#fff;font-size:.6rem;line-height:17px;text-align:center;cursor:pointer;opacity:0;transition:opacity .15s}.file-chip:hover .x{opacity:1}.file-chip .x:hover{background:#ef4444}.file-chip .n{position:absolute;left:2px;bottom:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#04070fd1;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}.addmenu{margin:0 12px 12px;border-top:1px solid var(--border);padding:8px 0 0;animation:addmenu-in .14s ease-out}.addmenu>.am-row,.addmenu>div{max-width:252px}@keyframes addmenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (max-width: 620px){.am-sub{position:static;margin:2px 0 6px 26px;box-shadow:none;min-width:0}}.addmenu.hidden{display:none}.am-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text);font-family:inherit;font-size:.86rem;text-align:left}.am-row:hover,.am-row.open{background:#ffffff0f}.am-row .ic{width:16px;text-align:center;color:var(--muted);flex:0 0 auto}.am-row .lbl{flex:1}.am-row .val{color:var(--muted);font-size:.78rem}.am-row .arw{color:var(--muted);font-size:.7rem}.am-sep{height:1px;background:var(--border);margin:5px 4px}.am-sub{position:absolute;left:calc(100% + 6px);min-width:200px;z-index:31;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 18px 50px #0000008c}.am-sub.hidden{display:none}.am-opt{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text);font-family:inherit;font-size:.84rem;text-align:left}.am-opt:hover{background:#ffffff0f}.am-opt[disabled]{opacity:.45;cursor:not-allowed}.am-opt .shape{flex:0 0 auto;border:1.5px solid var(--muted);border-radius:3px}.am-opt .name{flex:1}.am-opt .hint{color:var(--muted);font-size:.75rem}.am-opt.sel{color:#c4b5fd}.am-opt.sel .shape{border-color:#a78bfa}.am-opt .am-play{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff12;color:var(--muted);font-size:.58rem;cursor:pointer;transition:background .12s,color .12s,transform .12s}.am-opt .am-play:hover{background:#7c3aed73;color:#fff;transform:scale(1.08)}.am-opt .am-play.playing{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.am-opt .am-play.loading{background:#ffffff1a;color:#cbd5e1;cursor:progress}.voice-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#04070fb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.voice-box{width:min(460px,100%);max-height:min(560px,86vh);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px #0000008c;overflow:hidden}.voice-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.voice-head b{font-size:.95rem}.voice-filters{margin-left:auto;display:inline-flex;gap:4px}.voice-filters button{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 11px;font:inherit;font-size:.75rem;cursor:pointer}.voice-filters button.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent}.voice-x{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:2px 4px}.voice-x:hover{color:#fff}.voice-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.voice-item{font-size:.88rem}.voice-empty{color:var(--muted);font-size:.85rem;text-align:center;padding:22px}.composer{transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s ease,box-shadow .8s ease}.composer.flowing{position:relative;z-index:50;transform:translateY(var(--gen-dy, 0px)) scale(1.02);animation:genAura 4.5s ease-in-out infinite}.composer.flowing:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--a),#7c3aed,#3b82f6,#ec4899,#f59e0b,#7c3aed);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:genSpin 3s linear infinite}.composer.flowing textarea{pointer-events:none}.composer.flowing .composer-bar,.composer.flowing .settings-panel{opacity:0;pointer-events:none;transition:opacity .3s ease}.composer.flowing.handoff{opacity:0;transform:translateY(calc(var(--gen-dy, 0px) - 12px)) scale(1.01);transition:opacity .5s ease,transform .5s ease}.composer-work{display:none;padding:2px 4px}.composer.flowing .composer-work{display:block;animation:workIn .5s ease .2s both}.composer-light{--panel:#ffffff;--panel-2:#ffffff;--border:rgba(15,23,42,.14);--muted:#475569;--text:#0f172a}.composer-light .composer{box-shadow:0 18px 44px #0f172a1f}.composer-light .composer textarea::placeholder{color:#94a3b8}.composer-light .chip{background:#0f172a09}.composer-light .chip:hover{background:#7c3aed1a;border-color:#7c3aed73}.composer-light .tool{background:#0f172a0b}.composer-light .tool:hover,.composer-light .tool.active{background:#7c3aed1f}.composer-light .file-chip{background:#0f172a0d}.composer-light .am-sub{box-shadow:0 18px 44px #0f172a2e}.composer-light .am-row:hover,.composer-light .am-row.open,.composer-light .am-opt:hover{background:#0f172a0f}.composer-light .am-opt.sel{color:#6d28d9}.composer-light .am-opt.sel .shape{border-color:#7c3aed}.composer-light .am-opt .am-play{background:#0f172a12}.composer-light .am-opt .am-play.loading{background:#0f172a1a;color:#475569}
