/* Viewer */
.dks-webar-pro{position:relative;display:grid;gap:.75rem}
.dks-webar-pro .dks-mv{width:100%;height:auto;background:#fff;border-radius:12px;overflow:hidden}
model-viewer::part(default-ar-button){ display:none !important; }

.dks-webar-ui{position:relative;z-index:2;pointer-events:auto;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.dks-btn{border:none;border-radius:16px;padding:.75rem .95rem;background:#1f6feb;color:#fff;cursor:pointer;font:600 15px/1.1 system-ui,Arial}
.dks-btn:disabled{opacity:.5;cursor:not-allowed}
.dks-btn-gyro{background:#7c3aed}
.dks-webar-note{font:13px/1.4 system-ui,Arial;color:#4b5563}

/* Desktop hint (sem RA) */
.dks-desktop-hint{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.85rem}
.dks-desktop-hint .msg{font:500 14px/1.35 system-ui,Arial;color:#111}

/* Gyro AR overlay */
.dks-gyro-overlay{position:fixed;inset:0;background:#000;z-index:100000}
.dks-gyro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.dks-gyro-wrap{position:absolute;inset:0}
.dks-gyro-topbar{position:fixed;top:calc(12px + env(safe-area-inset-top));left:12px;z-index:5}
.dks-back{background:rgba(0,0,0,.55);color:#fff;border:none;border-radius:12px;padding:.5rem .65rem;cursor:pointer}

/* Menu vertical top-right */
.dks-gyro-menu{position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:6;display:grid;gap:.4rem;justify-items:end}
.dks-gyro-menu .menu-toggle{width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font:700 18px/1 system-ui,Arial}
.dks-gyro-menu .menu-rail{display:grid;gap:.45rem;justify-items:end;transition:opacity .18s ease, transform .18s ease}
.dks-gyro-menu .menu-rail.collapsed{opacity:0;transform:translateY(-6px);pointer-events:none}
.dks-gyro-menu .ic{width:42px;height:42px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font:700 16px/1 system-ui,Arial;display:flex;align-items:center;justify-content:center}

/* Footer (título) */
.dks-gyro-footer{position:fixed;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));text-align:center;color:#fff;z-index:5}
.dks-gyro-footer .title{display:inline-block;background:rgba(0,0,0,.45);padding:.4rem .6rem;border-radius:10px;font:600 13px/1.2 system-ui;text-shadow:0 1px 2px rgba(0,0,0,.6)}

.dks-gyro-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:transparent}

/* Admin converter */
.dks-convert-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;max-width:820px}