:root{font-family:Arial,Helvetica,sans-serif;color:#1c222b;background:#f3f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:90px;background:#171b22;color:white;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #e73743}.brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:1px}.brand-mark{font-size:40px;font-style:italic;letter-spacing:-7px;width:48px}.brand-mark span{color:#ec3b47}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:6px}.header-label{font-size:12px;letter-spacing:2px;color:#c0c5cd}main{max-width:1510px;margin:auto;padding:38px 5% 48px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;color:#717885;margin:0 0 12px}h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1.2px;margin:0 0 12px}p.intro{font-size:16px;line-height:1.5;color:#606976;margin:0}.count{font-size:14px;border:1px solid #d5d9df;padding:10px 14px;border-radius:6px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.map-panel{background:white;border:1px solid #dde0e5;border-radius:10px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #eceef1}h2{font-size:16px;margin:0}.panel-top span{font-size:14px;color:#727b87}.map{position:relative;margin:14px auto 4px;width:100%;max-width:890px}.map img{display:block;width:100%;height:auto}.hotspot{position:absolute;border:2px solid transparent;background:transparent;cursor:pointer;padding:0;border-radius:3px;transition:background .15s,border-color .15s,box-shadow .15s}.hotspot:hover,.hotspot:focus-visible{background:#f03e4855;border-color:#e52636;outline:3px solid #fff;z-index:2}.hotspot[aria-pressed=true]{background:#e5263635;border-color:#e52636;box-shadow:0 0 0 3px #ffffff,0 0 0 5px #e52636;z-index:1}.hotspot .number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#17202c;color:#fff;font-size:12px;font-weight:700;box-shadow:0 1px 5px #0004}.hotspot[aria-pressed=true] .number{background:#d62130}.map-footer{font-size:12px;color:#626b76;padding:15px 20px;display:flex;align-items:center;gap:8px;border-top:1px solid #eceef1}.key{width:10px;height:10px;background:#e73743;border-radius:2px}.source{margin-left:auto;color:#858c95}.detail{background:#fff;border:1px solid #dce0e5;border-top:4px solid #e73743;border-radius:9px;min-height:390px;padding:25px;position:sticky;top:22px}.detail:focus{outline:none}.detail-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.detail-top .eyebrow{font-size:11px}.detail-top>span:last-child{font-size:12px;color:#7b8490;white-space:nowrap}.detail h2{font-size:28px;letter-spacing:-.6px;margin:19px 0 7px}.english{font-size:14px;color:#7b8490;margin:0 0 30px}.contents-label{font-size:14px;font-weight:700;margin:0 0 14px}.items{list-style:none;padding:0;margin:0}.items li{padding:14px 0;border-top:1px solid #e9ecf0;display:flex;align-items:baseline;gap:12px;font-size:16px;line-height:1.45}.items li:before{content:'—';color:#dd3341}.note{line-height:1.6;color:#6b7380;font-size:16px}.inventory-link{display:block;color:#bd1e2b;font-size:15px;line-height:1.5;margin-top:20px;text-underline-offset:4px}.detail-bottom{margin-top:32px;padding-top:20px;border-top:1px solid #e9ecf0;font-size:13px;line-height:1.6;color:#727b87}.locations{margin-top:28px}.locations h2{margin-bottom:14px}#location-buttons{display:flex;flex-wrap:wrap;gap:9px}.location{font:inherit;font-size:14px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #d8dde4;padding:12px 14px;border-radius:5px;cursor:pointer;color:#404956}.location span{font-size:12px;color:#89909a}.location:hover{border-color:#8d96a3}.location[aria-pressed=true]{border-color:#da2d3c;background:#fff1f2;color:#b01927}.location:focus-visible{outline:3px solid #242c38;outline-offset:2px}footer{max-width:1510px;margin:auto;padding:0 5% 28px;font-size:12px;letter-spacing:1px;color:#7d8590;display:flex;justify-content:space-between}@media(min-width:1400px){.workspace{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 290px}.detail{padding:20px}.source{display:none}.count{display:none}}@media(max-width:700px){header{height:76px}.header-label{display:none}main{padding-top:28px}.heading{margin-bottom:22px}.workspace{grid-template-columns:1fr;gap:18px}.detail{position:static;min-height:0}.map{margin:8px 0}.panel-top{padding:15px}.hotspot .number{width:20px;height:20px;font-size:11px}.detail h2{margin-top:12px}.english{margin-bottom:22px}.detail-bottom{margin-top:22px}.locations{margin-top:24px}.location{flex:1 1 145px;font-size:14px;padding:13px 10px}.map-footer{padding:13px 15px}h1{letter-spacing:-.7px}}

.brand-logo{display:block;width:205px;height:auto;max-height:66px;object-fit:contain;background:#fff;padding:7px 10px;border-radius:3px}@media(max-width:700px){.brand-logo{width:180px;max-height:56px}}

.brand-symbol{display:block;width:48px;height:44px;overflow:hidden;flex-shrink:0}.brand-symbol img{display:block;width:48px;height:auto}
.header-actions{display:flex;align-items:center;gap:24px}.admin-link{font-size:14px;color:white;text-decoration:none;border:1px solid #626977;border-radius:5px;padding:9px 13px}.shelves-title{font-size:16px!important;margin:26px 0 12px!important}.shelf-display{border:1px solid #dce0e5;border-bottom:4px solid #a4adb9;background:#f7f8fa;padding:14px;margin:10px 0;border-radius:4px}.shelf-display h4{font-size:14px;margin:0 0 8px}.shelf-display p{font-size:15px;line-height:1.5;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.shelf-empty{color:#727b87}.load-error{color:#a2232d;font-size:14px;line-height:1.5}.detail{max-height:calc(100vh - 44px);overflow:auto}@media(max-width:700px){.detail{max-height:none}.admin-link{font-size:13px;padding:8px}.brand{font-size:13px;gap:9px}.brand small{font-size:8px;letter-spacing:1px}}
.tool-search{background:#fff;border:1px solid #dce0e5;border-radius:9px;padding:21px 24px;margin-bottom:24px}.tool-search label{display:block;font-size:16px;font-weight:700;margin-bottom:12px}.search-input-row{display:flex;gap:10px}.search-input-row input{width:100%;min-width:0;border:1px solid #abb3bf;border-radius:5px;padding:13px 15px;font:inherit;font-size:16px;background:#fafbfc;color:#1c222b}.search-input-row input:focus{outline:2px solid #c82b39;outline-offset:2px}.search-input-row button{font:inherit;font-size:14px;padding:0 14px;border:1px solid #d4d9df;border-radius:5px;background:white;white-space:nowrap;cursor:pointer}#search-status{font-size:14px;color:#626d7a;line-height:1.5;margin:12px 0 0}#search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto}#search-results:not(:empty){margin-top:16px}.tool-result{display:flex;flex-direction:column;gap:8px;text-align:left;background:#f7f8fa;border:1px solid #dce0e5;border-left:3px solid #d53442;border-radius:5px;padding:16px;font:inherit;cursor:pointer;color:#242d39;min-width:0}.tool-result strong{font-size:15px}.tool-result span{font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.tool-result:hover{background:#fff1f2;border-color:#d53442}.tool-result:focus-visible{outline:2px solid #c82b39;outline-offset:-2px}.search-selected{outline:3px solid #c82b39;outline-offset:2px}.shelf-display.search-selected{background:#fff1f2}@media(max-width:700px){.tool-search{padding:18px}#search-results{grid-template-columns:1fr}.search-input-row button{padding:0 10px}}

.cabinet-photo{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:8px;background:#f2f3f4;margin:12px 0}.cabinet-photo-editor{margin:20px 0 28px}.cabinet-photo-editor button{margin-top:12px}.cabinet-photo-link{display:block}
