@font-face{font-family:'AP Sans';src:url('/assets/fonts/NotoSans-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#081522;color:#eef3f8;font:14px/1.6 'AP Sans',Arial,sans-serif}a{color:#9ed0f9;text-decoration:none}button,select{font:inherit}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 5%;border-bottom:1px solid #294554;background:#0c1e2d}.preview-brand{color:#eef3f8;font-size:20px;letter-spacing:.05em;font-weight:bold}.preview-brand span{display:inline-block;font-size:13px;font-weight:400;color:#afc1ca;margin-left:14px;letter-spacing:0}main{padding:24px 4%}.preview-toolbar{display:flex;align-items:end;justify-content:center;gap:20px;flex-wrap:wrap}.preview-toolbar label{display:flex;flex-direction:column;gap:6px;color:#b3c9d8;font-size:12px}.preview-toolbar select{display:block;background:#102839;color:#edf4fa;border:1px solid #45667f;border-radius:8px;padding:11px;min-height:46px;font-size:14px}.device-buttons{display:flex;gap:0;border:1px solid #45667f;border-radius:10px;overflow:hidden}.device-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;min-height:46px;border:0;border-right:1px solid #45667f;background:#102839;color:#afc1ca;cursor:pointer}.device-buttons button:last-child{border:0}.device-buttons button[aria-pressed=true]{background:#78b7f3;color:#081522}.device-buttons svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none}.preview-toolbar>a,#size-label{padding-bottom:12px}.preview-help,.preview-note{text-align:center;color:#afc1ca;margin:18px auto;max-width:650px}.preview-stage{overflow:auto;max-width:100%;padding:16px 0 24px;display:flex;align-items:start;justify-content:safe center;background:radial-gradient(ellipse,#19394f66,transparent 65%);scrollbar-color:#527994 #081522}iframe{display:block;flex:0 0 auto;border:1px solid #50718a;border-radius:18px;background:#081522;box-shadow:0 20px 65px #0006;max-width:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #dfc888;outline-offset:3px}@media(max-width:600px){.preview-header{padding:16px;align-items:start}.preview-brand{font-size:17px}.preview-brand span{display:block;margin:3px 0 0}.back{font-size:12px}main{padding:20px 12px}.preview-toolbar{gap:12px}.preview-toolbar label{width:100%}.device-buttons{width:100%}.device-buttons button{flex:1;padding:11px 8px}.preview-toolbar>a,#size-label{padding:0}.preview-stage{justify-content:flex-start}.preview-help,.preview-note{font-size:13px}iframe{border-radius:12px}}