:root{--bg:#f8f9fa;--fg:#111;--card-bg:#fff;--card-border:rgba(16,24,40,.08);--muted:#6c757d;--shadow:0 2px 16px rgba(16,24,40,.08)}:root[data-theme="dark"]{--bg:#0b0e12;--fg:#e6e7ea;--card-bg:#131821;--card-border:#273043;--muted:#9aa3b2;--shadow:0 2px 16px rgba(0,0,0,.35)}:root[data-theme="sepia"]{--bg:#cec379;--fg:#2a211c;--card-bg:#cec379;--card-border:#cbc9c6;--muted:#7c6b5f;--shadow:0 2px 16px rgba(70,50,20,.12)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0b0e12;--fg:#e6e7ea;--card-bg:#131821;--card-border:#273043;--muted:#9aa3b2;--shadow:0 2px 16px rgba(0,0,0,.35)}}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.wrap{max-width:1100px;margin:0 auto;padding:16px}.head{display:flex;align-items:center;gap:12px;margin:8px 0 12px}.head img{height:36px;object-fit:contain}.card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:8px;outline:1px solid var(--card-border)}.frame{display:grid;grid-template-rows:1fr;min-height:760px;width:100%}.frame iframe{position:relative;border:0;width:100%;height:100%;background:transparent}.muted{color:var(--muted);font-size:.9rem;margin-top:8px}h1{font-size:1.125rem;margin:0}