.kob3d-host{position:relative}
.kob3d-open{position:absolute;z-index:30;top:18px;right:18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:calc(100% - 36px);min-height:44px;padding:9px 15px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(8,38,58,.94);box-shadow:0 10px 30px rgba(5,35,54,.24);color:#fff;font:700 13px/1.2 inherit;letter-spacing:.01em;white-space:nowrap;cursor:pointer;backdrop-filter:blur(10px);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.kob3d-open[hidden]{display:none!important}.kob3d-open:hover{transform:translateY(-2px);background:#086b9f;box-shadow:0 14px 34px rgba(5,69,105,.3)}.kob3d-open svg{width:22px;height:22px;fill:currentColor}.kob3d-open__pulse{position:absolute;left:15px;width:20px;height:20px;border:2px solid rgba(111,203,248,.75);border-radius:50%;animation:kob3d-pulse 2.2s ease-out infinite;pointer-events:none}
@keyframes kob3d-pulse{0%{transform:scale(.75);opacity:.9}75%,100%{transform:scale(2);opacity:0}}
.kob3d-lock{overflow:hidden}.kob3d-modal[hidden]{display:none!important}.kob3d-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:24px}.kob3d-backdrop{position:absolute;inset:0;background:rgba(3,18,28,.72);backdrop-filter:blur(7px)}.kob3d-dialog{position:relative;display:grid;grid-template-rows:auto minmax(360px,68vh) auto;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.34)}
.kob3d-header,.kob3d-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:#fff}.kob3d-header{border-bottom:1px solid #e3ebf0}.kob3d-header h2{margin:2px 0 0!important;color:#102f42!important;font-size:22px!important;line-height:1.2!important}.kob3d-eyebrow{display:block;color:#1385bd;font-size:10px;font-weight:800;letter-spacing:.18em}.kob3d-close{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:#edf3f6;color:#163b50;font:400 30px/1 Arial,sans-serif;cursor:pointer}.kob3d-close:hover{background:#dceaf1}.kob3d-stage{position:relative;min-height:360px;background:radial-gradient(circle at 50% 40%,#fff 0,#edf4f7 70%,#dfe9ee 100%);overflow:hidden}.kob3d-stage canvas{display:block;width:100%;height:100%;touch-action:none}.kob3d-status{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#456275;font-size:14px;font-weight:650}.kob3d-status[hidden]{display:none}.kob3d-status.is-error{color:#a83232}.kob3d-footer{border-top:1px solid #e3ebf0}.kob3d-footer p{margin:0;color:#617785;font-size:13px}.kob3d-actions{display:flex;gap:9px}.kob3d-actions button{min-height:38px;padding:8px 13px;border:1px solid #d3e1e8;border-radius:10px;background:#f5f8fa;color:#173d52;font:700 12px/1.2 inherit;cursor:pointer}.kob3d-actions button:hover,.kob3d-actions button[aria-pressed=true]{border-color:#1689c1;background:#e8f5fb;color:#096c9d}
[dir=rtl] .kob3d-open{right:auto;left:18px}[dir=rtl] .kob3d-open__pulse{left:auto;right:15px}
@media(max-width:700px){.kob3d-open{top:10px;right:10px;max-width:calc(100% - 20px);min-height:42px;padding:8px 12px;font-size:12px;box-shadow:0 8px 24px rgba(5,35,54,.3)}.kob3d-open svg{flex:0 0 auto;width:20px;height:20px}.kob3d-open__pulse{left:13px;width:18px;height:18px}[dir=rtl] .kob3d-open{right:auto;left:10px}[dir=rtl] .kob3d-open__pulse{left:auto;right:13px}.kob3d-modal{padding:10px}.kob3d-dialog{grid-template-rows:auto minmax(300px,1fr) auto;height:min(720px,calc(100vh - 20px));max-height:calc(100vh - 20px);border-radius:18px}.kob3d-header,.kob3d-footer{padding:14px}.kob3d-header h2{font-size:18px!important}.kob3d-stage{min-height:300px}.kob3d-footer{align-items:flex-start;flex-direction:column;gap:10px}.kob3d-actions{width:100%}.kob3d-actions button{flex:1}.kob3d-footer p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.kob3d-open__pulse{animation:none}.kob3d-open{transition:none}}