.medaka3d-root{--bg:#eef7fb;--ink:#17324d;--sub:#678096;--line:#d7e6ef;--main:#1e3a5f;--accent:#d4af37;position:relative;width:100%;height:100vh;height:100dvh;min-height:560px;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:linear-gradient(180deg,#f7fbfd,#e9f5fa);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif}
body.admin-bar .medaka3d-root{height:calc(100vh - 32px);height:calc(100dvh - 32px)}
.medaka3d-root *{box-sizing:border-box}.medaka3d-root button{font:inherit}.medaka3d-header{min-height:62px;display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--main);border-bottom:3px solid var(--accent);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.13);z-index:3}.medaka3d-header h1{margin:0;font-size:clamp(18px,2.4vw,28px);font-weight:900}.medaka3d-source{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.medaka3d-source span{width:8px;height:8px;border-radius:50%;background:#7ce3a7;box-shadow:0 0 0 3px rgba(124,227,167,.16)}
.medaka3d-viewer{position:relative;min-height:0;overflow:hidden}.medaka3d-viewer canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.medaka3d-viewer canvas:active{cursor:grabbing}.medaka3d-status{position:absolute;top:12px;left:12px;max-width:min(460px,calc(100% - 92px));padding:8px 11px;border-radius:11px;background:rgba(255,255,255,.94);border:1px solid rgba(30,58,95,.12);font-size:12px;font-weight:800;color:var(--sub);box-shadow:0 3px 12px rgba(20,56,80,.08)}.medaka3d-status.ok{color:#1d6b43}.medaka3d-status.error{color:#a33}.medaka3d-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:8px 14px;border:1px solid rgba(30,58,95,.15);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 4px 18px rgba(20,56,80,.12);font-size:12px;font-weight:800;pointer-events:none;white-space:nowrap}.medaka3d-credit{position:absolute;left:12px;bottom:10px;font-size:11px;color:#678096}
.medaka3d-sex-switch{position:absolute;top:12px;left:50%;z-index:7;display:flex;gap:4px;transform:translateX(-50%);padding:4px;border:1px solid rgba(30,58,95,.18);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 4px 16px rgba(20,56,80,.13)}.medaka3d-sex-switch button{min-width:76px;min-height:42px;padding:7px 18px;border:0;border-radius:999px;background:transparent;color:var(--main);font-weight:900;cursor:pointer;touch-action:manipulation}.medaka3d-sex-switch button:hover,.medaka3d-sex-switch button:focus-visible{outline:3px solid rgba(212,175,55,.3);outline-offset:1px}.medaka3d-sex-switch button.is-active{background:var(--main);color:#fff;box-shadow:inset 0 -3px 0 var(--accent)}.medaka3d-sex-switch button:disabled{cursor:wait;opacity:.65}
.medaka3d-float-tools{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:8;display:flex;flex-direction:column;gap:10px}.medaka3d-tool{position:relative;width:56px;height:56px;display:grid;place-items:center;padding:0;border:2px solid #dbe6ee;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 5px 16px rgba(20,56,80,.18);cursor:pointer;touch-action:manipulation}.medaka3d-tool svg{width:27px;height:27px;fill:currentColor}.medaka3d-tool:hover,.medaka3d-tool:focus-visible{border-color:var(--accent);outline:3px solid rgba(212,175,55,.3);outline-offset:2px}.medaka3d-tool.active,.medaka3d-tool-primary{background:var(--main);border-color:var(--main);color:#fff;box-shadow:0 0 0 3px var(--accent),0 5px 16px rgba(20,56,80,.22)}.medaka3d-tool::before{content:attr(data-tooltip);position:absolute;right:66px;padding:7px 10px;border-radius:9px;background:#102a44;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;opacity:0;transform:translateX(4px);pointer-events:none;transition:.15s}.medaka3d-tool:hover::before,.medaka3d-tool:focus-visible::before{opacity:1;transform:none}
.medaka3d-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;background:rgba(8,24,40,.58);backdrop-filter:blur(4px)}.medaka3d-modal[hidden]{display:none}.medaka3d-dialog{width:min(620px,100%);max-height:min(82dvh,680px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.medaka3d-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.medaka3d-dialog-head h2{margin:0;font-size:20px}.medaka3d-dialog-head button{width:42px;height:42px;border:0;border-radius:50%;background:#eaf1f6;color:var(--ink);font-size:24px;font-weight:900;cursor:pointer}.medaka3d-dialog-body{padding:18px}.medaka3d-dialog-body dl{display:grid;grid-template-columns:120px 1fr;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.medaka3d-dialog-body dt,.medaka3d-dialog-body dd{margin:0;padding:11px 12px;border-bottom:1px solid var(--line)}.medaka3d-dialog-body dt{background:#f4f8fb;font-weight:900}.medaka3d-dialog-body dd{overflow-wrap:anywhere}.medaka3d-dialog-body p{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#edf7ff;color:#28506d;font-size:13px;line-height:1.7}
@media(max-width:782px){body.admin-bar .medaka3d-root{height:calc(100vh - 46px);height:calc(100dvh - 46px)}}@media(max-width:700px){.medaka3d-header{min-height:54px;padding:8px 10px}.medaka3d-source{display:none}.medaka3d-sex-switch{top:9px}.medaka3d-sex-switch button{min-width:64px;min-height:38px;padding:6px 14px}.medaka3d-status{top:60px}.medaka3d-tool{width:48px;height:48px}.medaka3d-tool::before{right:57px}.medaka3d-hint{bottom:10px;font-size:11px;padding:7px 10px}.medaka3d-credit{display:none}}