.dynamic-tool-showcase{--w:#5b4cf0;--i:#111827;--m:#64748b;--l:#e2e8f0;position:relative}.tool-showcase-editor,.dynamic-tools-empty{padding:2rem;border:1px dashed #a5b4fc;border-radius:24px;background:#f7f7ff}.dynamic-tools-empty{display:grid;min-height:16rem;place-items:center;align-content:center;text-align:center}.dynamic-tools-empty svg{width:3rem;color:var(--w)}.dynamic-tools-empty h3{margin:.8rem 0 .2rem}.dynamic-tools-empty p{margin:0;color:var(--m)}.dynamic-tools-empty a{margin-top:1rem;padding:.7rem 1rem;color:#fff;border-radius:10px;background:var(--w)}
.workspace-app{overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 35px 100px rgba(38,31,108,.2);backdrop-filter:blur(24px);transform:perspective(1200px) rotateY(-2deg);transition:.4s ease}.workspace-app:hover{transform:perspective(1200px) rotateY(0) translateY(-4px)}.workspace-app__chrome{display:flex;min-height:3.5rem;align-items:center;gap:.4rem;padding:.75rem 1rem;border-bottom:1px solid var(--l);background:rgba(248,250,252,.8)}.workspace-app__chrome>span{width:.58rem;height:.58rem;border-radius:50%;background:#f87171}.workspace-app__chrome>span:nth-child(2){background:#fbbf24}.workspace-app__chrome>span:nth-child(3){background:#34d399}.workspace-app__chrome strong{margin-left:.5rem;color:var(--i);font-size:.78rem}.workspace-app__chrome i{margin-left:auto;color:#047857;font-size:.65rem;font-style:normal}.workspace-tabs{display:flex;gap:.25rem;padding:.6rem .8rem;overflow-x:auto;border-bottom:1px solid var(--l);scrollbar-width:none}.workspace-tabs button{flex:0 0 auto;min-height:2.5rem;padding:.55rem .72rem;color:#64748b;font-size:.7rem;font-weight:750;cursor:pointer;border:0;border-radius:9px;background:transparent}.workspace-tabs button[aria-selected=true]{color:#4338ca;background:#ede9fe}.workspace-tools{min-height:29rem;padding:1rem}.workspace-tool-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;animation:w-in .3s ease}.workspace-tool-card[hidden]{display:none}.workspace-tool-card>svg{width:3rem;height:3rem;padding:.7rem;color:var(--w);border-radius:14px;background:#ede9fe}.workspace-tool-card>div>span{color:#7c3aed;font-size:.65rem;font-weight:800;text-transform:uppercase}.workspace-tool-card h3{margin:.25rem 0;font-size:1.35rem}.workspace-tool-card p{margin:0;color:var(--m);font-size:.82rem}.workspace-dropzone{grid-column:1/-1;display:grid;min-height:11rem;place-items:center;align-content:center;padding:1rem;text-align:center;border:2px dashed #c7d2fe;border-radius:18px;background:linear-gradient(145deg,#fbfaff,#f2f7ff);animation:w-pulse 3s ease-in-out infinite}.workspace-dropzone small{margin:.25rem 0 .8rem;color:var(--m)}.workspace-dropzone button,.workspace-start{position:relative;overflow:hidden;padding:.7rem 1rem;color:#fff;font-weight:800;cursor:pointer;border:0;border-radius:10px;background:linear-gradient(135deg,#5b4cf0,#7c3aed)}.workspace-providers{grid-column:1/-1;display:flex;gap:.5rem;flex-wrap:wrap}.workspace-providers button{padding:.5rem .7rem;color:#475569;font-size:.68rem;cursor:pointer;border:1px solid var(--l);border-radius:9px;background:#fff}.workspace-start{grid-column:1/-1;justify-self:stretch;text-align:center}.button-ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.55);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:w-ripple .65s ease-out}
.dynamic-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.dynamic-tool-card{display:flex;min-height:15rem;flex-direction:column;padding:1.25rem;border:1px solid var(--l);border-radius:24px;background:linear-gradient(145deg,#fff,#f8f7ff);box-shadow:0 8px 30px rgba(15,23,42,.06);transition:.25s ease}.dynamic-tool-card:hover{border-color:#c4b5fd;box-shadow:0 20px 50px rgba(67,56,202,.14);transform:translateY(-7px)}.dynamic-tool-card__icon{display:grid;width:3rem;height:3rem;place-items:center;color:var(--w);border-radius:14px;background:#ede9fe}.dynamic-tool-card__icon svg{width:1.5rem}.dynamic-tool-card h3{margin:1rem 0 .35rem;font-size:1.05rem}.dynamic-tool-card p{flex:1;margin:0;color:var(--m);font-size:.78rem}.dynamic-tool-card>a{position:relative;overflow:hidden;display:flex;justify-content:space-between;margin-top:1rem;color:#4338ca;font-size:.78rem;font-weight:800}
.dynamic-mega-menu>summary{display:flex;min-height:2.75rem;align-items:center;gap:.35rem;color:#334155;font-size:.9rem;font-weight:700;cursor:pointer;list-style:none}.dynamic-mega-menu>summary::-webkit-details-marker{display:none}.dynamic-mega-menu__panel{position:absolute;z-index:30;top:calc(100% + .6rem);left:50%;display:grid;width:min(1080px,calc(100vw - 2rem));grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;border:1px solid var(--l);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 30px 90px rgba(15,23,42,.2);transform:translateX(-50%);backdrop-filter:blur(20px)}.dynamic-mega-menu__panel>div{padding:.6rem}.dynamic-mega-menu__panel>div>strong{display:block;margin:.2rem .5rem .6rem;color:#94a3b8;font-size:.65rem;text-transform:uppercase}.dynamic-mega-menu__panel a{display:flex;gap:.65rem;padding:.65rem;color:var(--i);border-radius:12px}.dynamic-mega-menu__panel a:hover{text-decoration:none;background:#f8fafc}.dynamic-mega-menu__panel svg{flex:0 0 2rem;width:2rem;padding:.4rem;color:var(--w);border-radius:8px;background:#ede9fe}.dynamic-mega-menu__panel a span{display:flex;min-width:0;flex-direction:column;font-size:.78rem;font-weight:750}.dynamic-mega-menu__panel small{max-width:12rem;overflow:hidden;color:var(--m);font-size:.65rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}@keyframes w-in{from{opacity:0;transform:translateY(12px)}}@keyframes w-pulse{50%{border-color:#8b5cf6;box-shadow:inset 0 0 0 4px rgba(124,58,237,.04)}}@keyframes w-ripple{to{opacity:0;transform:translate(-50%,-50%) scale(20)}}
@media(min-width:600px){.dynamic-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:960px){.dynamic-tool-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:899px){.workspace-app{transform:none}.dynamic-mega-menu__panel{position:fixed;top:4.5rem;grid-template-columns:1fr;max-height:calc(100vh - 6rem);overflow:auto}}@media(max-width:599px){.workspace-tools{min-height:32rem;padding:.75rem}.workspace-tool-card{grid-template-columns:1fr}.workspace-dropzone,.workspace-providers,.workspace-start{grid-column:1}.dynamic-tool-grid{grid-template-columns:1fr}.dynamic-tool-card{min-height:13rem}.workspace-app__chrome i{display:none}}[data-theme=dark] .dynamic-tool-showcase{--i:#f1f5f9;--m:#94a3b8;--l:#334155}[data-theme=dark] .workspace-app,[data-theme=dark] .dynamic-tool-card,[data-theme=dark] .dynamic-mega-menu__panel,[data-theme=dark] .dynamic-tools-empty{border-color:#334155;background:rgba(15,23,42,.94)}[data-theme=dark] .workspace-app__chrome{background:#0f172a}[data-theme=dark] .workspace-dropzone{border-color:#4338ca;background:#10162a}[data-theme=dark] .workspace-providers button{color:#cbd5e1;border-color:#334155;background:#111827}[data-theme=dark] .dynamic-mega-menu>summary,[data-theme=dark] .dynamic-mega-menu__panel a{color:#e2e8f0}@media(prefers-reduced-motion:reduce){.workspace-app,.dynamic-tool-card,.workspace-dropzone,.workspace-tool-card,.button-ripple{animation:none!important;transition:none!important}}