.area-unit-lab{font-family:system-ui,sans-serif;color:#1e3a5f;background:#eef2f8;height:calc(100dvh - var(--area-admin,0px));display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;isolation:isolate;line-height:1.4;text-align:left}
.area-unit-lab *{box-sizing:border-box}.area-unit-lab [hidden]{display:none!important}.area-unit-lab header{background:#1e3a5f;color:#fff;border-bottom:3px solid #d4af37;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:none}.area-unit-lab h1{font-size:23px;color:#fff;margin:0;padding:0}.area-unit-lab button,.area-unit-lab select{font:inherit;font-weight:700;border:1px solid #ccd6e5;border-radius:12px;padding:10px 14px;background:#fff;color:#1e3a5f;cursor:pointer;line-height:1.3;min-height:44px;box-shadow:none;text-transform:none;letter-spacing:normal}.area-unit-lab button:disabled{opacity:.45;cursor:default}.area-unit-lab button:focus-visible,.area-unit-lab select:focus-visible{outline:3px solid #d4af37}.area-unit-lab .primary{background:#d4af37;color:#142c4a;border-color:#d4af37}.area-unit-lab [data-role=status]{margin-left:auto;font-size:15px;font-weight:700}.area-unit-lab main{flex:1;min-height:0;margin:0;display:flex;background:#fff;position:relative;overflow:hidden}.area-unit-lab [data-role=board]{outline:none;display:block;width:100%;height:100%;min-height:0;touch-action:none;user-select:none}.area-unit-lab .piece{outline:none;cursor:grab;stroke:#a44859;stroke-width:.025;fill:#f3aab7;fill-opacity:.85}.area-unit-lab .piece.full{fill:#83cbbd;stroke:#277f70}.area-unit-lab .piece.made{fill:#f4cf5f;stroke:#a78218}.area-unit-lab .piece.selected{fill:#679de8;fill-opacity:.95}.area-unit-lab footer{flex:none;padding:6px 12px;min-height:30px;font-size:14px;color:#1e3a5f}.area-unit-lab .piece-tools{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:5px;border-radius:16px;background:#ffffffee;box-shadow:0 3px 14px #1e3a5f25}.area-unit-lab .float-tools{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:column;gap:8px}.area-unit-lab .round{width:60px;height:60px;border-radius:50%;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 3px 12px #1e3a5f25}.area-unit-lab .round small{font-size:10px;line-height:1.1}.area-unit-lab .area-icon{width:25px;height:25px;fill:currentColor}.area-unit-lab .reset-mark{font-size:29px;line-height:27px}.area-unit-lab dialog{max-width:min(90vw,440px);border:0;border-radius:18px;padding:24px;color:#1e3a5f;background:white;box-shadow:0 8px 40px #0004}.area-unit-lab dialog::backdrop{background:#10264277}.area-unit-lab dialog h2{font-size:22px;margin:0 0 18px}.area-unit-lab dialog p{font-size:14px;line-height:1.7}.area-unit-lab .auto-label{display:flex;align-items:center;gap:10px;font-size:18px}.area-unit-lab .auto-label input{width:22px;height:22px;accent-color:#1e3a5f}
body.admin-bar .area-unit-lab{--area-admin:32px}@media(max-width:782px){body.admin-bar .area-unit-lab{--area-admin:46px}}@media(max-width:700px){.area-unit-lab header{padding:8px;gap:8px}.area-unit-lab h1{font-size:19px}.area-unit-lab button,.area-unit-lab select{font-size:14px;padding:8px 10px}.area-unit-lab [data-role=status]{font-size:12px}.area-unit-lab footer{font-size:12px}.area-unit-lab .round{width:52px;height:52px}.area-unit-lab .float-tools{right:8px;bottom:8px}}

/* テーマのフォーム装飾による段差を防ぐ */
.area-unit-lab header>label{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0!important;line-height:1;white-space:nowrap}
.area-unit-lab header button,.area-unit-lab header select{height:46px;min-height:46px;margin:0!important;vertical-align:middle;align-self:center}
.area-unit-lab header select{display:block;width:auto;max-width:300px}
.area-unit-lab header h1{line-height:1.2;align-self:center}
.area-unit-lab .float-tools{bottom:84px;right:16px;z-index:20}
.area-unit-lab .float-tools button{margin:0!important;flex-shrink:0}
@media(max-width:700px){.area-unit-lab header button,.area-unit-lab header select{height:44px;min-height:44px}.area-unit-lab header select{max-width:210px}.area-unit-lab .float-tools{bottom:84px;right:10px}}
@media(max-height:500px){.area-unit-lab .float-tools{flex-direction:row;bottom:84px}}