.phone-layout-hint{position:fixed;z-index:25000;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--rule,#ccc);border-radius:12px;background:var(--paper,var(--surface,#fff));color:var(--ink,var(--text,#222));box-shadow:0 4px 20px #0003;font:16px/1.5 system-ui}
.phone-layout-hint[hidden]{display:none}
.phone-layout-hint button{font:inherit;font-weight:600;min-height:44px;padding:6px 12px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
[data-phone-layout-panel]{margin:16px 0;padding:14px;border:1px solid var(--rule,#ccc);border-radius:10px;min-width:0}
[data-phone-layout-panel] legend{font-weight:600}
[data-phone-layout-panel] label{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
[data-phone-layout-panel] select{font:inherit;font-size:16px;min-height:44px;max-width:100%;background:var(--paper,var(--surface,#fff));color:inherit;border:1px solid var(--rule,#ccc);border-radius:6px;padding:6px}
[data-phone-layout-panel] p{font-size:13px;line-height:1.5;margin:8px 0 0}