@font-face{font-family:PreviewInter;src:url("fonts/Inter-Regular.eba360005eef.ttf") format('truetype');font-display:swap}
@font-face{font-family:PreviewRoboto;src:url("fonts/Roboto.0db2a8485c8f.ttf") format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:PreviewNunito;src:url("fonts/Nunito.1f0e8654e8e5.ttf") format('truetype');font-weight:200 1000;font-display:swap}
.appearance-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}.appearance-heading h3{margin-bottom:8px}.appearance-heading p{margin:0;color:#586b80}.appearance-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1fr);gap:28px;align-items:start}.appearance-controls{margin:0}.appearance-controls fieldset{border:0;padding:0;margin:0;min-width:0}.appearance-controls legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.appearance-controls h4{margin:24px 0 14px}.appearance-controls label{margin-bottom:14px}.appearance-color{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.appearance-color input[type=color]{width:48px;height:44px;padding:3px;cursor:pointer}.appearance-color input[type=text]{font-family:monospace}.appearance-presets{display:flex;gap:8px;flex-wrap:wrap}.appearance-presets button{font-size:14px;padding:10px 12px}.appearance-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.appearance-actions button{flex:1 1 180px}.appearance-issues{padding:12px 16px;background:#fff4df;border-radius:10px;color:#69440a}.appearance-issues p{margin:8px 0}.appearance-preview-column{position:sticky;top:16px;min-width:0}.appearance-preview-controls{background:#fff;padding:20px;border-radius:16px;border:1px solid #dce5ee;margin-bottom:20px}.appearance-preview-controls h4{margin:0 0 16px}.appearance-preview-controls .check{align-self:end;font-size:14px}.appearance-phone-wrap{display:flex;justify-content:center;overflow:hidden;padding:8px 4px 16px}.appearance-phone{--ap-primary:#277ac0;--ap-secondary:#2067a3;--ap-background:#fff;--ap-surface:#fff;--ap-text:#262438;--ap-muted:#626878;--ap-border:#dcdfe7;--ap-on-primary:#fff;--ap-radius:8px;--ap-height:56px;--ap-scale:1;box-sizing:border-box;flex:0 1 360px;width:360px;max-width:100%;border:7px solid #243142;border-radius:34px;overflow:hidden;background:var(--ap-background);color:var(--ap-text);font-family:PreviewInter,sans-serif;box-shadow:0 12px 28px #21364b24;font-size:calc(16px * var(--ap-scale));line-height:1.4}.appearance-phone *{box-sizing:border-box}.appearance-phone-status{display:flex;justify-content:space-between;padding:12px 20px 0;background:var(--ap-surface);font:600 11px sans-serif;color:var(--ap-text)}.appearance-phone-header{display:flex;align-items:center;gap:12px;padding:16px 12px;background:var(--ap-surface)}.appearance-phone-header strong{flex:1;min-width:0;font-size:calc(18px * var(--ap-scale))}.appearance-phone-header button{border:0;background:none;color:var(--ap-text);padding:2px;font-family:inherit;font-size:22px;min-width:28px}.appearance-phone-body{height:510px;overflow:auto;padding:8px 10px 20px;scrollbar-width:thin}.appearance-phone button:focus-visible{outline:3px solid var(--ap-secondary);outline-offset:2px}.appearance-phone p{color:var(--ap-text);font-size:inherit;overflow-wrap:anywhere}.appearance-phone h3{font-size:calc(19px * var(--ap-scale));margin:12px 0;color:var(--ap-text)}.appearance-phone small{color:var(--ap-muted);font-size:calc(12px * var(--ap-scale))}.appearance-phone .ap-card{width:100%;display:flex;gap:10px;align-items:center;padding:12px 8px;margin:0 0 10px;border:1px solid var(--ap-border);border-radius:8px;background:var(--ap-surface);color:var(--ap-text);font-family:inherit;text-align:left;font-size:inherit;line-height:1.3;min-height:82px}.appearance-phone .ap-card img{width:55px;height:65px;object-fit:contain;flex-shrink:0}.appearance-phone .ap-card strong{flex:1;overflow-wrap:anywhere}.appearance-phone .ap-card span{flex-shrink:0}.appearance-phone .ap-action{width:100%;min-height:var(--ap-height);border-radius:var(--ap-radius);background:var(--ap-primary);color:var(--ap-on-primary);border:1px solid var(--ap-primary);padding:12px 14px;margin:4px 0 16px;font-family:inherit;font-size:inherit;line-height:1.3;white-space:normal}.appearance-phone.ap-outline .ap-action{background:var(--ap-surface);color:var(--ap-primary)}.appearance-phone .ap-page-image{max-width:100%;max-height:210px;object-fit:contain;display:block;margin:12px auto}.appearance-phone .ap-option{display:flex;gap:10px;align-items:start;padding:12px;margin:10px 0;border:1px solid var(--ap-border);border-radius:var(--ap-radius);background:var(--ap-surface)}.appearance-phone .ap-option input{width:18px;height:18px;margin:2px 0;accent-color:var(--ap-primary);flex-shrink:0}.appearance-phone .ap-result{border-left:4px solid #56bc43;padding:8px 12px;background:var(--ap-surface)}.appearance-phone .ap-result.ap-error{border-color:#d53e07}.appearance-phone-nav{display:flex;justify-content:space-around;gap:2px;padding:10px 3px 14px;background:var(--ap-surface);border-top:1px solid var(--ap-border)}.appearance-phone-nav button{background:none;border:0;border-radius:0;color:var(--ap-muted);padding:4px;min-width:0;font-size:calc(12px * var(--ap-scale));font-family:inherit;white-space:normal}.appearance-phone-nav button.active{color:var(--ap-primary)}.appearance-phone .ap-empty{padding:20px 10px;text-align:center;color:var(--ap-muted)}
@media(max-width:1050px){.appearance-layout{grid-template-columns:1fr}.appearance-preview-column{position:static}.appearance-preview-controls{max-width:600px;margin-inline:auto}.appearance-controls{padding:20px}.appearance-phone-body{height:460px}}@media(max-width:520px){.appearance-heading{align-items:start}.appearance-heading h3{font-size:22px}.appearance-heading button{font-size:14px;padding:10px}.appearance-preview-controls .form-grid{grid-template-columns:1fr}.appearance-actions button{flex-basis:100%}.appearance-phone{border-width:5px}.appearance-layout{gap:16px}.appearance-phone-wrap{padding-inline:0}}