/* Magic Code poster generator */
.mc-page{--mc-gold:#D4AF37;--mc-ink:#EDE8D0}
.mc-dust{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.mc-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f7d573;box-shadow:0 0 8px 2px #f7d57366;opacity:.5;animation:mcDrift 14s ease-in-out infinite alternate}
@keyframes mcDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(18px,-40px,0) scale(1.4);opacity:.15}}
@media (prefers-reduced-motion:reduce){.mc-dust i{animation:none}}
.mc-page main{position:relative;z-index:1}
.mc-kicker{font-family:'Fragment Mono',monospace;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mc-gold)!important}
.mc-motif{font-size:2.2rem;margin:.2em 0;color:var(--mc-gold)!important;text-shadow:0 0 18px #d4af3788}
.mc-he,.mc-he-s,[lang=he]{unicode-bidi:isolate;font-family:'Noto Serif Hebrew',serif}
.mc-arrow{font-size:1.2rem;color:#83d3e0;vertical-align:middle;margin:0 .4em}
.mc-gold{color:var(--mc-gold)}
.mc-intro p,.mc-intro li,.mc-tips li,.mc-loop-card p{font-size:1.02rem;line-height:1.6}
.mc-defs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0}
.mc-defs>div,.mc-ego{background:rgba(8,10,29,.45);border:1px solid #d4af3733;border-radius:14px;padding:12px 14px}
.mc-defs h3,.mc-ego h3{margin:.1em 0 .3em;font-size:1rem}
.mc-tech{padding-left:1.2em}.mc-tech li{margin:.4em 0}
.mc-eq{text-align:center;font-family:'Cinzel',serif;font-weight:700;letter-spacing:.25em;color:var(--mc-gold);font-size:1.1rem;text-shadow:0 0 14px #d4af3766}
.mc-loop{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:10px 0 0;counter-reset:l}
.mc-loop li{flex:1 1 110px;text-align:center;padding:10px 6px;border:1px solid #4eb9dc55;border-radius:12px;background:rgba(78,185,220,.06);position:relative}
.mc-loop li b{display:block;font-family:'Cinzel',serif;color:var(--mc-gold);letter-spacing:.1em}
.mc-loop li span{font-family:'Fragment Mono',monospace;font-size:.7rem;color:var(--mute);letter-spacing:.15em;text-transform:uppercase}
.mc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px;align-items:start;margin:18px 0}
.mc-out{position:sticky;top:76px}
.mc-form fieldset{border:1px solid #d4af3733;border-radius:14px;padding:10px 12px 4px;margin:0 0 12px}
.mc-form legend{font-family:'Cinzel',serif;font-weight:700;letter-spacing:.14em;color:var(--mc-gold);text-transform:uppercase;padding:0 6px;font-size:.92rem}
.mc-form legend em{font-family:'Fragment Mono',monospace;font-style:normal;font-weight:400;font-size:.68rem;color:var(--mute);letter-spacing:.2em;margin-left:6px}
.mc-n{font-family:'Fragment Mono',monospace;color:#83d3e0;margin-right:4px}
.mc-form label{display:block;margin:0 0 10px;font-size:.92rem;color:var(--txt)}
.mc-form input,.mc-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:9px 10px;border-radius:10px;color:var(--txt);font:1rem/1.45 'Cormorant Garamond',Georgia,serif;font-size:1.05rem}
.mc-form textarea{background:rgba(8,10,29,.6);border:1px solid #4eb9dc55;resize:vertical}
.mc-form textarea:focus{outline:none;border-color:#f7d573;box-shadow:0 0 0 3px #f7d57322}
.mc-form small{display:block;color:var(--mute);font-size:.78rem;margin-top:3px}
.mc-iam-pre{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--mc-gold);font-size:1.05rem}
.mc-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mc-chips input{font-family:'Fragment Mono',monospace;font-size:.85rem;text-transform:uppercase}
.mc-note{color:var(--mute);font-size:.85rem}
.mc-formats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.mc-formats label{cursor:pointer}.mc-formats input{position:absolute;opacity:0}
.mc-formats span{display:block;text-align:center;padding:8px 4px;border:1px solid #4eb9dc55;border-radius:10px;font-family:'Exo 2',sans-serif;font-size:.8rem;font-weight:600}
.mc-formats small{display:block;font-weight:400;color:var(--mute);font-size:.68rem}
.mc-formats input:checked+span{border-color:var(--mc-gold);background:rgba(212,175,55,.12);box-shadow:0 0 14px #d4af3744;color:var(--mc-gold)}
.mc-formats input:focus-visible+span{outline:2px solid #83d3e0}
.mc-stage{background:#050507;border-radius:12px;padding:10px;display:flex;justify-content:center;box-shadow:inset 0 0 30px #000}
#mc-canvas{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;box-shadow:0 0 30px #d4af3722}
.mc-slides{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;font-family:'Fragment Mono',monospace;color:var(--mc-gold)}
.mc-slides[hidden],.mc-actions [hidden]{display:none}
.mc-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.mc-credit{text-align:center;font-family:'Fragment Mono',monospace;font-size:.75rem;letter-spacing:.2em;color:var(--mc-gold);margin:22px 0 8px}
@media (max-width:860px){.mc-layout{grid-template-columns:1fr}.mc-out{position:static;order:-1}.mc-formats{grid-template-columns:repeat(2,1fr)}#mc-canvas{max-height:64vh}}
@media print{body.mc-page *{visibility:hidden}body.mc-page #mc-print-img,body.mc-page #mc-print-img *{visibility:visible}
body.mc-page #mc-print-img{display:block!important;position:fixed;left:0;top:0;width:100%;height:auto;margin:0}
body.mc-page header,body.mc-page footer,body.mc-page .tabbar,.mc-dust{display:none!important}}
