/* LF-AI-004: modular asset tokens. Import into LF-AI-005; no global HTML overrides. */
:root{--ai-bg:#031711;--ai-shell:#071f1a;--ai-panel:#09231d;--ai-panel-raised:#0d2b24;--ai-border:rgba(112,187,151,.26);--ai-gold:#ecd18c;--ai-gold-deep:#b69552;--ai-ivory:#f5f0e4;--ai-muted:#bed2c8;--ai-positive:#8de8bb;--ai-negative:#e39a90;--ai-radius:13px;--ai-gap:11px;--ai-focus:0 0 0 3px rgba(240,206,136,.75)}
.ai-surface{background:linear-gradient(170deg,rgba(20,58,47,.62),rgba(5,27,22,.96) 52%);border:1px solid var(--ai-border);border-radius:var(--ai-radius);box-shadow:inset 0 1px rgba(225,249,221,.05),0 9px 26px rgba(0,0,0,.11);color:var(--ai-ivory)}
.ai-active{border-color:var(--ai-gold);box-shadow:0 0 0 1px rgba(243,214,153,.20),0 0 18px rgba(214,176,95,.12)}
.ai-focusable:focus-visible{outline:0;box-shadow:var(--ai-focus)}
.ai-hero-globe{position:absolute;right:15%;top:-14px;width:min(46vw,760px);height:auto;pointer-events:none;opacity:.96;z-index:0}
.ai-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none;color:currentColor}
.ai-photo-frame{position:relative;overflow:hidden;border:1px solid rgba(214,189,121,.30);border-radius:8px;background:linear-gradient(135deg,#15352e,#091c19);isolation:isolate}
.ai-photo-frame>img{display:block;width:100%;height:100%;object-fit:cover}
.ai-photo-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;height:100%;padding:10px;color:var(--ai-muted);font-size:12px}
.ai-photo-state .ai-icon{width:27px;height:27px;color:var(--ai-gold)}
@media(prefers-reduced-motion:reduce){.ai-surface,.ai-active{animation:none!important;transition:none!important}}