/* Forever AI — code preview UI (added after build) */
.fx-code-wrap{position:relative;margin-bottom:.5rem}
.fx-code-wrap:last-child{margin-bottom:0}
.fx-code-pre{padding-top:2.4rem !important}
.fx-code-tools{position:absolute;right:.5rem;top:.5rem;z-index:10;display:flex;align-items:center;gap:.25rem;opacity:0;transition:opacity .15s ease}
.fx-code-wrap:hover .fx-code-tools,.fx-code-tools:focus-within{opacity:1}
.fx-code-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:1.75rem;height:1.75rem;padding:0;border:1px solid #2a2a2e;border-radius:.375rem;background:rgba(24,24,27,.95);color:#a1a1aa;font-size:11px;font-weight:500;line-height:1;cursor:pointer;backdrop-filter:blur(6px);transition:color .15s,border-color .15s}
.fx-code-btn:hover{color:#fafafa;border-color:#3f3f46}
.fx-code-btn svg{flex:none}
.fx-pc-btn{display:inline-flex;align-items:center;gap:.375rem;height:2.25rem;flex:none;padding:0 .625rem;border:1px solid #27272a;border-radius:9999px;background:transparent;color:#a1a1aa;font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.fx-pc-btn:hover{color:#fafafa;border-color:#3f3f46}
.fx-pc-on{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.12);color:#4ade80}
.fx-pc-on:hover{color:#86efac;border-color:rgba(34,197,94,.85);background:rgba(34,197,94,.18)}
.fx-pc-label{display:inline}
.fx-preview-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,1)}
.fx-preview-box{display:flex;flex-direction:column;overflow:auto;border:1px solid #2a2a2e;border-radius:1rem;background:#18181b;box-shadow:0 24px 80px rgba(0,0,0,.55);resize:both;min-width:320px;min-height:220px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}
.fx-preview-head{display:flex;align-items:center;justify-content:space-between;flex:none;padding:.5rem .75rem;border-bottom:1px solid #2a2a2e}
.fx-preview-lang{color:#a1a1aa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.fx-preview-close{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0;border-radius:.375rem;background:transparent;color:#a1a1aa;font-size:18px;line-height:1;cursor:pointer}
.fx-preview-close:hover{background:#27272a;color:#fafafa}
.fx-preview-frame{flex:1 1 auto;min-height:0;width:100%;border:0;background:#fff}
@media (hover:none){.fx-code-tools{opacity:1}}
@media (max-width:640px){.fx-preview-box{width:96vw;height:80vh}.fx-pc-label{display:none}.fx-pc-btn{padding:0 .5rem}}