*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:#333;background:#eeede9;padding:2rem 1rem}.container{margin:0 2rem;background:#eeede9;padding:2rem;border-radius:.5rem;box-shadow:0 .125rem .5rem #0000001a}.header{display:flex;align-items:center;gap:.875rem;margin-bottom:1.5rem}.logo{height:2.5rem;width:auto;object-fit:cover;object-position:left center}h1{color:#2c3e50;margin:0;font-size:1.75rem}p{color:#666;margin-bottom:1.5rem}#url{margin-bottom:1rem;padding:.75rem;background:#e8f4f8;border-radius:.25rem;font-size:.875rem;color:#2c3e50}#url a{color:#06c;text-decoration:none}#url a:hover{text-decoration:underline}.preview-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}#portal{width:100%;height:30rem;border:.0625rem solid #ddd;border-radius:.25rem;background:#fff}pre{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:.25rem;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.875rem;height:30rem;margin:0}@media(max-width:768px){.preview-container{grid-template-columns:1fr}}