.home-layout-intro { box-sizing:border-box; width:min(1100px,calc(100% - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:28px; border:1px solid var(--portal-border); border-radius:var(--portal-radius,8px); background:var(--portal-surface); color:var(--portal-text); box-shadow:var(--portal-shadow); overflow:auto; }
.home-layout-intro::backdrop { background:rgb(0 0 0 / .58); }
.home-intro-header { display:flex; align-items:flex-start; gap:20px; justify-content:space-between; }
.home-intro-header h2 { margin:6px 0 10px; font-size:26px; font-weight:700; line-height:1.25; }
.home-intro-header p { margin:0; max-width:800px; color:var(--portal-muted); font-size:15px; line-height:1.5; }
.home-intro-kicker { color:var(--portal-blue); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.home-intro-close { flex:0 0 36px; width:36px; height:36px; padding:8px; background:var(--portal-input-bg,var(--portal-surface)); color:var(--portal-text); border:1px solid var(--portal-border); border-radius:6px; cursor:pointer; }
.home-intro-close svg { width:18px; height:18px; }
.home-intro-options { margin:22px 0 0; border:0; padding:0; min-width:0; }
.home-intro-options legend { font-weight:600; margin-bottom:12px; }
.home-intro-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.home-intro-option { min-width:0; border:1px solid var(--portal-border); border-radius:8px; overflow:hidden; background:var(--portal-bg); }
.home-intro-option:has(input:checked) { border-color:var(--portal-blue); box-shadow:0 0 0 1px var(--portal-blue); }
.home-intro-preview { display:block; background:#f3f4f6; text-align:center; }
.home-intro-preview img { display:block; width:100%; height:230px; object-fit:contain; }
.home-intro-zoom { display:block; padding:6px 14px; font-size:12px; text-align:right; color:var(--portal-blue); text-decoration:underline; }
.home-intro-choice { display:flex; align-items:flex-start; gap:12px; margin:0; padding:14px; cursor:pointer; }
.home-intro-choice input { width:18px; height:18px; flex:0 0 18px; margin:2px 0 0; accent-color:var(--portal-blue); }
.home-intro-choice strong { display:block; font-size:17px; color:var(--portal-text); }
.home-intro-choice small { display:block; margin-top:5px; font-size:13px; line-height:1.4; color:var(--portal-muted); }
.home-intro-note { margin:14px 0; color:var(--portal-muted); font-size:13px; line-height:1.5; }
.home-intro-error { color:var(--portal-danger,#c62828); font-size:14px; }
.home-intro-footer { display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end; margin-top:18px; }
.home-layout-intro :focus-visible { outline:3px solid var(--portal-blue); outline-offset:3px; }
@media(max-width:680px) { .home-layout-intro { padding:20px; } .home-intro-grid { grid-template-columns:1fr; } .home-intro-header h2 { font-size:22px; } .home-intro-preview img { height:180px; } .home-intro-footer button { flex:1 1 100%; } }