.screen-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.screen-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--text);box-shadow:0 4px 16px #1018280a}.screen-card small{display:block;color:var(--muted);margin-top:4px}.screen-thumb{height:300px;border-radius:11px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px;margin-bottom:12px}.screen-thumb img{max-width:90px;max-height:65px;margin:auto}.screen-thumb span{width:90%;text-align:center;padding:9px;border-radius:24px;font-weight:700}.designer-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.designer-preview{position:sticky;top:90px}.phone-screen{width:350px;min-height:650px;margin:auto;border:10px solid #172033;border-radius:38px;background-color:var(--screen-bg);background-size:cover;background-position:center;color:var(--screen-text);padding:28px 24px;display:flex;box-shadow:0 18px 45px #10182824}.phone-screen.pos-top{align-items:flex-start}.phone-screen.pos-center{align-items:center}.phone-screen.pos-bottom{align-items:flex-end}.screen-content{width:100%;text-align:center}.screen-content.logo-left{text-align:left}.screen-content.logo-right{text-align:right}.screen-content img{max-width:130px;max-height:100px;object-fit:contain}.screen-buttons{display:flex;flex-direction:column;gap:10px;width:100%;text-align:center}.screen-buttons.buttons-top{margin:12px 0 30px}.screen-buttons.buttons-center{margin:30px 0}.screen-buttons.buttons-bottom{margin-top:80px}.screen-buttons span{display:block;background:var(--btn-bg);color:var(--btn-text);padding:12px;border-radius:30px;font-weight:750}.screen-buttons .secondary{background:var(--btn2-bg);color:var(--btn2-text)}.option-row{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.location-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:220px;overflow:auto;padding:12px;background:#f8fafc;border-radius:10px}.portal-experience{min-height:100vh;background:var(--screen-bg);color:var(--screen-text);background-image:var(--mobile-bg);background-size:cover;background-position:center;padding:20px}.welcome-screen{min-height:calc(100vh - 40px);display:flex;max-width:520px;margin:auto}.welcome-screen.pos-top{align-items:flex-start}.welcome-screen.pos-center{align-items:center}.welcome-screen.pos-bottom{align-items:flex-end}.welcome-content{width:100%;text-align:center;padding:30px 22px}.welcome-content.logo-left{text-align:left}.welcome-content.logo-right{text-align:right}.welcome-actions{display:flex;flex-direction:column;gap:12px}.welcome-actions.buttons-top{margin:18px 0 40px}.welcome-actions.buttons-center{margin:45px 0}.welcome-actions.buttons-bottom{margin-top:100px}.welcome-actions button,.secondary-action{width:100%;padding:14px 18px;border-radius:30px;margin:0;text-align:center;background:var(--btn-bg);color:var(--btn-text);font-weight:800}.secondary-action{background:var(--btn2-bg);color:var(--btn2-text)}.portal-experience .portal{background:#fff;color:var(--text);margin:0 auto}.portal-experience .portal label{color:var(--text)}.back-screen{background:transparent;color:#344054;padding:6px 0;margin:0 0 15px}.portal-experience [hidden]{display:none!important}@media(min-width:800px){.portal-experience{background-image:var(--desktop-bg)}}@media(max-width:900px){.designer-layout{grid-template-columns:1fr}.designer-preview{position:static}.designer-panel{max-width:700px;margin:auto}}@media(max-width:600px){.phone-screen{width:min(350px,100%)}.color-grid,.location-picker{grid-template-columns:1fr 1fr}}