.phone-ai { display:none; }
.phone-ai-points { display:none; }
html.phone-client .phone-ai-points:not([hidden]) { display:inline-flex; align-items:center; white-space:nowrap; border:1px solid #38647e; border-radius:5px; color:#d6efff; background:#102438; padding:5px 7px; font:11px "Segoe UI",Arial,sans-serif; cursor:pointer; }
.phone-fullscreen { display:none; }
html.phone-client .phone-fullscreen:not([hidden]) { display:inline-block; border:1px solid #38647e; border-radius:5px; color:#d6efff; background:#102438; padding:5px 7px; font:11px "Segoe UI",Arial,sans-serif; }
html.phone-client .phone-ai { display:block; position:absolute; inset:0; z-index:40; pointer-events:none; color:#dcf5ff; font:12px/1.3 "Segoe UI",Arial,sans-serif; }
html.phone-client .phone-ai[hidden] { display:none; }
.phone-ai button,.phone-ai form { pointer-events:auto; }
.phone-ai button { touch-action:none; border:1px solid #38647e; border-radius:10px; color:#d6efff; background:linear-gradient(145deg,#102438ef,#03121ff5); padding:7px; box-shadow:inset 0 0 16px #0d375132; }
.phone-ai button:hover,.phone-ai button:focus-visible { border-color:#48d7ff; outline:1px solid #48d7ff; outline-offset:2px; }
.phone-ai button:disabled { opacity:.45; }
.phone-ai button[aria-pressed="true"] { color:#62e0ff; border-color:#38d7ff; box-shadow:0 0 12px #00baff55,inset 0 0 20px #00baff25; }
.phone-ai svg { display:block; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linejoin:round; stroke-linecap:round; }
.phone-ai-tools { position:absolute; top:8px; bottom:30px; left:7px; width:76px; display:grid; grid-template-rows:repeat(4,minmax(0,1fr)); gap:7px; }
.phone-ai-tools button { min-height:42px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; font-size:10px; }
.phone-ai-tools svg { width:32px; height:32px; flex-shrink:0; }
.phone-ai-bar { position:absolute; top:7px; right:8px; display:flex; gap:5px; align-items:center; }
.phone-ai-bar button { padding:5px 9px; font-size:11px; border-radius:16px; }
.phone-ai-message { position:absolute; bottom:31px; left:96px; right:108px; margin:auto; max-width:560px; border:1px solid #295773; border-radius:18px; padding:8px 12px; background:#061624ed; text-align:center; font-size:11px; max-height:62px; overflow:auto; pointer-events:auto; }
.phone-ai-message[hidden] { display:none; }
.phone-ai-mic { position:absolute; bottom:30px; right:8px; width:88px; min-height:107px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.phone-ai-mic svg { width:44px; height:44px; padding:9px; border:2px solid #40cfff; border-radius:50%; box-shadow:0 0 16px #00baff65; box-sizing:content-box; }
.phone-ai-mic.recording { background:#4e1823; border-color:#ff6687; }
.phone-ai-mic.recording svg { color:#ffa8b8; border-color:#ff6687; box-shadow:0 0 16px #ff668766; }
.phone-ai-input { position:absolute; bottom:101px; left:96px; right:108px; max-width:560px; margin:auto; padding:10px; border:1px solid #397e9f; border-radius:12px; background:#071a2bf5; }
.phone-ai-input[hidden] { display:none; }
.phone-ai-input label { display:grid; gap:5px; }
.phone-ai-input textarea { width:100%; min-height:45px; resize:vertical; box-sizing:border-box; background:#04101b; color:#e5f6ff; border:1px solid #38647e; border-radius:5px; padding:6px; font:16px/1.3 "Segoe UI",Arial,sans-serif; }
.phone-ai-input>div { display:flex; justify-content:flex-end; gap:7px; margin-top:7px; }
.phone-ai-dialog { color:#def4ff; background:#081a29; border:1px solid #3d829f; border-radius:14px; width:min(420px,calc(100vw - 48px)); max-height:calc(100dvh - 24px); overflow:auto; padding:18px; font:14px/1.4 "Segoe UI",Arial,sans-serif; }
.phone-ai-dialog::backdrop { background:#0009; }
.phone-ai-dialog h3 { margin:0 0 10px; }
.phone-ai-dialog label { display:grid; gap:4px; margin:8px 0; }
.phone-ai-dialog input,.phone-ai-dialog textarea,.phone-ai-dialog select { width:100%; box-sizing:border-box; color:#eaf8ff; background:#03111d; border:1px solid #3d647f; border-radius:5px; padding:7px; font:16px "Segoe UI",Arial,sans-serif; }
.phone-ai-dialog button { color:#eaf8ff; background:#123b53; border:1px solid #367b9e; border-radius:6px; padding:8px 14px; min-height:38px; }
.phone-ai-dialog footer,.phone-ai-dialog form[method="dialog"] { display:flex; justify-content:flex-end; gap:8px; margin-top:13px; }
.phone-ai-dialog [role="alert"] { color:#ffb3a3; }
.phone-cloud-dimensions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.phone-cloud-preview { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:39; }
.phone-cloud-preview polygon { fill:#48d4ff13; stroke:#4dd5ff; stroke-width:2; stroke-dasharray:5 3; }
html.phone-client .command-console { display:none; }
html.phone-client .phone-ai ~ .command-console { display:none; }
@media (max-height:390px) {
  .phone-ai-tools { width:65px; gap:4px; top:5px; bottom:26px; }
  .phone-ai-tools svg { width:23px; height:23px; }
  .phone-ai-tools button { font-size:9px; padding:4px; gap:2px; }
  .phone-ai-message { left:84px; right:90px; bottom:27px; padding:6px 10px; }
  .phone-ai-mic { width:72px; min-height:87px; bottom:27px; font-size:10px; }
  .phone-ai-mic svg { width:33px; height:33px; padding:7px; }
  .phone-ai-input { left:84px; right:90px; bottom:91px; padding:7px; }
}