.k3-choice{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0;padding:14px 18px;border:1px solid #81958f;border-radius:12px;background:#142d30;color:#f7efdf}
.k3-choice p{flex:1;margin:0;min-width:200px;line-height:1.5}
.k3-choice button,.k3-shell button{font:600 15px/1.35 system-ui;min-height:44px;padding:10px 14px;border:1px solid #9db5ac;border-radius:7px;background:#244b4e;color:#fff4dd;cursor:pointer}
.k3-choice button:focus-visible,.k3-shell :is(button,canvas,summary):focus-visible{outline:3px solid #ffe199;outline-offset:4px}
.k3-shell[hidden],.k3-choice[hidden]{display:none!important}
.k3-active>.world-frame{display:none}
.k3-shell{background:#11282d;color:#f5eddf;border:1px solid #8a9e96;border-radius:14px;padding:14px;margin:12px 0}
.k3-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.k3-toolbar strong{margin-right:auto;font:20px Georgia,serif}
.k3-viewport{position:relative;background:#1c2b32;border-radius:7px;overflow:hidden}
.k3-viewport canvas{display:block;width:100%;height:min(64vh,620px);min-height:280px;touch-action:pan-y;cursor:grab}
.k3-viewport canvas:active{cursor:grabbing}
.k3-shell .k3-interact{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);background:#142e31f5;border-color:#e5cca0;box-shadow:0 4px 18px #0008;min-height:48px}
.k3-shell .k3-interact:disabled{opacity:.85;background:#142e31dc;color:#e1e9e3;border-color:#768c86}
.k3-map-label{position:absolute;left:12px;top:12px;margin:0;padding:7px 10px;background:#102328e8;border:1px solid #708680;border-radius:6px;font:13px/1.4 system-ui;pointer-events:none}
.k3-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px}
.k3-controls p{flex:1;min-width:200px;margin:0;font:14px/1.55 system-ui}
.k3-shell button:disabled{opacity:.55;cursor:default}
.k3-shell details{font:13px/1.6 system-ui;border-top:1px solid #65817b;margin-top:14px;padding-top:10px}
.k3-shell output{display:block;font-variant-numeric:tabular-nums}
.k3-status{font:14px/1.5 system-ui;margin:10px 0}
.k3-phone-note{font-size:13px;opacity:.9}
.k3-readable-controls .k3-viewport{display:flex;flex-direction:column}
.k3-readable-controls .k3-viewport .k3-map-label{position:static;order:2;max-width:none!important;margin:8px;pointer-events:auto}
.k3-shell.k3-readable-controls .k3-interact{position:static;order:1;left:auto;bottom:auto;transform:none;width:calc(100% - 16px);max-width:none;margin:8px;box-shadow:none;white-space:normal;overflow-wrap:anywhere}
.k3-readable-controls .k3-room-plan{max-height:calc(var(--k3-camera-height,340px) - 24px)}
@media(max-width:650px){.k3-toolbar strong{width:100%}.k3-viewport canvas{height:340px}.k3-map-label{max-width:85%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.k3-shell *{animation:none!important;transition:none!important}}