.access-logout{position:fixed;bottom:16px;right:18px;z-index:9999;background:white;border:1px solid #a4b4c9;border-radius:8px;padding:10px 16px;color:#12344e;cursor:pointer}.pc-integrated .access-logout{bottom:80px}
.access-page,.access-page *{box-sizing:border-box}.access-page{margin:0;background:#eef3f7;color:#12344e;font:16px system-ui,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}.access-card{width:min(460px,100%);padding:34px;background:white;border:1px solid #d8e2eb;border-radius:18px;box-shadow:0 16px 50px #12344e14}.access-card img{width:190px;max-width:100%;height:auto;margin-bottom:22px}.access-card h1{font-size:26px;line-height:1.2;margin:0 0 16px}.access-card p{line-height:1.6;color:#526a7b}.access-card form{display:grid;gap:14px}.access-card input{min-width:0;width:100%;padding:13px;border:1px solid #7893a7;border-radius:8px;font:inherit}.access-card button{padding:13px;border:0;border-radius:8px;background:#ffcf00;color:#102e43;font:700 16px system-ui;cursor:pointer}.access-card button:disabled{opacity:.6}.access-card :focus-visible{outline:3px solid #0872a8;outline-offset:3px}#accessError{min-height:22px;margin:0;color:#b32727;font-size:14px}

.preview-page,.preview-page *{box-sizing:border-box}.preview-page{margin:0;background:#edf3f7;color:#12344e;font:15px system-ui,sans-serif}.preview-nav{position:fixed;inset:0 auto 0 0;width:248px;background:#0b2c55;padding:28px 16px;color:white}.preview-nav>img{width:190px;background:white;border-radius:10px;padding:10px;max-width:100%}.preview-nav>p{font-weight:700;line-height:1.5;margin:24px 8px}.preview-nav nav{display:grid;gap:10px}.preview-nav button{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;padding:14px 12px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff0a;color:white;font:600 14px system-ui;cursor:pointer}.preview-nav button:hover{background:#ff7514}.preview-main{margin-left:248px}.preview-main>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:white;border-bottom:1px solid #d8e2eb}.preview-main header strong{font-size:21px}.preview-main header p{line-height:1.5;margin-bottom:0;color:#536a80}.preview-main header button{flex-shrink:0;border:0;border-radius:8px;background:#ffcf00;padding:14px;color:#12344e;font-weight:700;cursor:pointer}.preview-image{display:block;padding:0;border:0;width:100%;cursor:pointer;background:white}.preview-image img{display:block;width:100%;height:auto}.preview-page :focus-visible{outline:3px solid #ffae00;outline-offset:3px}#accessDialog{color:#12344e;max-height:calc(100dvh - 32px);overflow:auto}#accessDialog::backdrop{background:#041c3dc9}#accessDialog .access-close{display:block;margin:0 0 18px auto;background:#edf3f7;font-size:14px;padding:8px 12px}
@media(max-width:700px){.preview-nav{position:static;width:100%;padding:16px}.preview-nav>p{margin:12px 0}.preview-nav nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview-nav button{font-size:12px;padding:12px}.preview-main{margin-left:0}.preview-main>header{align-items:flex-start;flex-direction:column;padding:20px}.access-card{padding:24px}}