.esk-preview{color:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.esk-preview *{box-sizing:border-box}.esk-phone{display:flex;justify-content:center;margin:0 auto;max-width:100%;width:420px}.esk-phone__bezel{background:#0b1220;border-radius:48px;box-shadow:0 10px 30px rgba(2,6,23,.25),inset 0 0 0 1px hsla(0,0%,100%,.06);padding:18px;position:relative;width:420px}.esk-phone__notch{background:#0b1220;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 1px 0 hsla(0,0%,100%,.06);height:20px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:160px}.esk-phone__screen{background:#f8fafc;border-radius:32px;display:flex;flex-direction:column;height:840px;overflow:hidden;position:relative;width:100%}.esk-phone__screen-inner{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 24px}.esk-appbar{background:#0f172a;color:#fff;font-weight:700;height:50px}.esk-appbar,.esk-bottombar{align-items:center;display:flex;justify-content:center}.esk-bottombar{background:#fff;border-top:1px solid #e5e7eb;gap:10px;height:58px;padding:8px}.esk-bottombar__btn{border-radius:12px;font-size:14px;font-weight:700;padding:10px 12px;user-select:none}.esk-bottombar__btn--ghost{background:#fff;border:1px dashed #cbd5e1;color:#64748b}.esk-bottombar__btn--primary{background:#0f172a;border:1px solid #0f172a;color:#fff}.esk-form{margin:0 auto;max-width:390px;width:100%}.esk-form__desc{color:#475569;font-size:14px;margin:8px 0 14px}.esk-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:12px;padding:14px}.esk-section__title{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 6px}.esk-section__desc{color:#64748b;font-size:13px;margin:2px 0 10px}.esk-field{border-top:1px dashed #e5e7eb;padding:10px 0}.esk-field:first-child{border-top:none}.esk-field__label{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:600;gap:6px}.esk-field__required{color:#ef4444}.esk-field__hint{color:#64748b;font-size:12px;margin-top:4px}.esk-ghost-input{height:40px}.esk-ghost-input,.esk-ghost-textarea{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px}.esk-ghost-textarea{height:90px}.esk-ghost-select{background:linear-gradient(90deg,#f8fafc 70%,#eef2f7 0);border:1px dashed #cbd5e1;border-radius:12px;height:40px}.esk-ghost-chipset{display:flex;flex-wrap:wrap;gap:6px}.esk-ghost-chip{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:999px;color:#64748b;font-size:12px;padding:6px 10px}.esk-ghost-photo{align-items:center;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#f1f5f9 0,#f1f5f9 20px);border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;display:flex;font-size:12px;height:140px;justify-content:center}.esk-ghost-barcode,.esk-ghost-gps{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.esk-ghost-sign{align-items:center;background:#f8fafc;border:2px dashed #94a3b8;border-radius:12px;color:#64748b;display:flex;font-style:italic;height:64px;justify-content:center}.esk-ghost-check-list,.esk-ghost-radio-list{display:grid;gap:6px;margin-top:6px}.esk-icon{background:#94a3b8;border-radius:3px;display:inline-block;height:16px;opacity:.7;width:16px}@media (max-width:480px){.esk-phone__bezel{border-radius:40px;padding:14px;width:100%}.esk-phone__screen{border-radius:28px;height:75vh}}