:root{--bg: #0e1420;--panel: #141b28;--panel-2: #1a2333;--panel-3: #212d42;--border: #26324a;--border-soft: #1e2740;--text: #e7edf6;--text-dim: #a2b2c8;--text-faint: #6f8098;--accent: #46cfe0;--accent-strong: #7fe6f2;--select: #ffcc33;--danger: #e2607a;--radius: 10px;--radius-sm: 7px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;color:inherit}.app{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:340px;min-width:340px;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--panel),#10161f);border-right:1px solid var(--border);z-index:5}.sidebar__header{padding:18px 18px 14px;border-bottom:1px solid var(--border-soft)}.sidebar__title{margin:0;font-size:17px;font-weight:650;letter-spacing:.02em;background:linear-gradient(90deg,#fff,var(--accent-strong));-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar__subtitle{margin:4px 0 0;font-size:11.5px;color:var(--text-faint)}.sidebar__scroll{flex:1;overflow-y:auto;padding:6px 14px 14px}.sidebar__scroll::-webkit-scrollbar{width:9px}.sidebar__scroll::-webkit-scrollbar-thumb{background:#2a3852;border-radius:6px;border:2px solid transparent;background-clip:padding-box}.sidebar__footer{padding:12px 14px;border-top:1px solid var(--border-soft)}.sidebar__note{margin:8px 2px 0;font-size:10.5px;line-height:1.5;color:var(--text-faint)}.section{padding:12px 0;border-bottom:1px solid var(--border-soft)}.section:last-child{border-bottom:none}.section__title{margin:0 0 9px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.section__body{display:flex;flex-direction:column;gap:9px}.layer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.layer-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);transition:background .15s,border-color .15s}.layer-row:hover{border-color:#38496a}.layer-row.is-on{background:var(--panel-3);border-color:#3a4d70}.layer-row__swatch{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff40;flex:none}.layer-row__name{flex:1;text-align:left;font-size:13.5px;font-weight:550}.layer-row:not(.is-on) .layer-row__name{color:var(--text-dim)}.layer-row__count{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.toggle{width:34px;height:19px;border-radius:999px;background:#313f5a;position:relative;transition:background .18s;flex:none}.toggle.is-on{background:var(--accent)}.toggle__knob{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .18s}.toggle.is-on .toggle__knob{transform:translate(15px)}.segmented{display:flex;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:3px;gap:3px}.segmented__btn{flex:1;padding:7px 4px;font-size:12px;border:none;background:transparent;color:var(--text-dim);border-radius:5px;transition:background .15s,color .15s}.segmented__btn:hover{color:var(--text)}.segmented__btn.is-active{background:var(--accent);color:#0c1119;font-weight:650}.hint-inline{margin:7px 2px 0;font-size:11px;color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 11px;font-size:12px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:999px;color:var(--text-dim);transition:all .15s}.chip:hover{border-color:#38496a;color:var(--text)}.chip.is-active{background:var(--accent);border-color:var(--accent);color:#0c1119;font-weight:600}.chip--sm{padding:4px 9px;font-size:11px}.field{display:flex;align-items:center;gap:8px}.field__label{font-size:12px;color:var(--text-dim);min-width:40px}.field__select{flex:1;padding:8px 10px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text);font-size:13px}.field__select:focus{outline:none;border-color:var(--accent)}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:11px;font-size:15px;color:var(--text-faint);pointer-events:none}.search__input{width:100%;padding:9px 32px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text);font-size:13px}.search__input::placeholder{color:var(--text-faint)}.search__input:focus{outline:none;border-color:var(--accent)}.search__clear{position:absolute;right:8px;width:20px;height:20px;border:none;background:#33425e;color:var(--text-dim);border-radius:50%;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.part-list{display:flex;flex-direction:column;gap:12px}.empty{font-size:12.5px;color:var(--text-faint);padding:6px 2px}.part-group__head{display:flex;align-items:center;gap:7px;padding:0 2px 6px}.part-group__dot{width:9px;height:9px;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff40}.part-group__name{font-size:12px;font-weight:600;color:var(--text-dim)}.part-group__count{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.part-group__bulk{margin-left:auto;display:flex;gap:4px}.part-group__bulk button{font-size:10.5px;padding:3px 7px;background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--text-faint)}.part-group__bulk button:hover{color:var(--text);border-color:#38496a}.part-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.part-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s}.part-row:hover{background:var(--panel-2)}.part-row.is-selected{background:#ffcc331f;border-color:#ffcc3380}.part-row.is-layer-off{opacity:.5}.part-row__check{width:15px;height:15px;accent-color:var(--accent);flex:none;cursor:pointer}.part-row__name{flex:1;font-size:13px;display:flex;align-items:center;gap:6px}.part-row__side{font-size:10px;padding:1px 5px;border-radius:4px;background:#33425e;color:var(--text-dim)}.part-row__sub{font-size:10.5px;color:var(--text-faint)}.btn{padding:9px 14px;font-size:13px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:var(--radius-sm);transition:all .15s}.btn:hover{border-color:#3a4d70;background:var(--panel-3)}.btn.is-active{border-color:var(--accent);color:var(--accent-strong)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#0c1119;font-weight:650}.btn--primary:hover{background:var(--accent-strong)}.btn--ghost{background:transparent}.btn--block{width:100%}.viewport{flex:1;position:relative;min-width:0;background:radial-gradient(120% 80% at 50% 12%,#1c2b47,#121d31 42%,#080d17),#070b13}.viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(46% 52% at 50% 46%,rgba(90,150,220,.16),transparent 70%)}.viewport canvas{display:block;touch-action:none;position:relative;z-index:1}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-dim);font-size:13px;background:#080c148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay__spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(120,150,190,.25);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewbar{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:4}.viewbar--top{top:16px}.viewbar--bottom{bottom:16px}.viewbar__group{display:flex;gap:2px;padding:4px;background:#121926d1;border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.viewbtn{padding:7px 12px;font-size:12.5px;border:none;background:transparent;color:var(--text-dim);border-radius:7px;transition:background .13s,color .13s}.viewbtn:hover{background:var(--panel-3);color:var(--text)}.viewbtn--accent{background:#121926d1;border:1px solid var(--border);color:var(--accent-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.viewbtn--accent:hover{background:var(--panel-3)}.count-pill{padding:8px 14px;font-size:12px;color:var(--text-dim);background:#121926d1;border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.count-pill strong{color:var(--accent-strong);font-size:14px;font-variant-numeric:tabular-nums;margin:0 2px}.legend{position:absolute;top:16px;left:16px;z-index:4;width:154px;background:#101724d1;border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);overflow:hidden}.legend.is-collapsed{width:96px}.legend__head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:transparent;border:none;color:var(--text-dim)}.legend__title{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.legend__chevron{font-size:10px;color:var(--text-faint)}.legend__list{list-style:none;margin:0;padding:0 6px 8px;display:flex;flex-direction:column;gap:2px}.legend__item{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;background:transparent;border:none;border-radius:6px;transition:background .13s,opacity .13s;opacity:.45}.legend__item:hover{background:var(--panel-2)}.legend__item.is-on{opacity:1}.legend__dot{width:11px;height:11px;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff40;flex:none}.legend__item.is-on .legend__dot{box-shadow:inset 0 0 0 1px #ffffff4d,0 0 8px currentColor}.legend__name{flex:1;text-align:left;font-size:12px;color:var(--text)}.legend__count{font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.infopanel{position:absolute;right:16px;bottom:16px;width:320px;max-width:calc(100% - 32px);background:#111825f0;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;z-index:4;animation:infopanel-in .18s ease}@keyframes infopanel-in{0%{opacity:0;transform:translateY(8px)}}.infopanel--empty{background:#111825b3}.infopanel__hint{margin:0;font-size:12.5px;color:var(--text-faint);line-height:1.6}.infopanel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.infopanel__name{font-size:18px;font-weight:700;letter-spacing:.01em}.infopanel__nameen{font-size:12px;color:var(--text-faint);margin-top:2px}.infopanel__close{border:none;background:#29374f;color:var(--text-dim);width:24px;height:24px;border-radius:50%;font-size:16px;line-height:1;flex:none}.infopanel__close:hover{background:#354765;color:var(--text)}.infopanel__badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px}.badge--outline{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-weight:500}.infopanel__dl{margin:0}.infopanel__dl dt{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-top:10px}.infopanel__dl dd{margin:3px 0 0;font-size:13px;line-height:1.65;color:var(--text)}.infopanel__related{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.infopanel__related-label{font-size:11px;color:var(--text-faint)}.infopanel__actions{display:flex;gap:8px;margin-top:15px}.infopanel__actions .btn{flex:1}.label-tag{font-family:system-ui,Noto Sans JP,Meiryo,sans-serif;font-size:11.5px;font-weight:600;white-space:nowrap;padding:3px 9px;border-radius:999px;background:#0e1420d1;border:1px solid rgba(120,150,190,.55);color:#e8f1ff;box-shadow:0 2px 8px #00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:translateY(-2px);transition:background .12s,border-color .12s;-webkit-user-select:none;user-select:none}.label-tag:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:12px;background:linear-gradient(#7896beb3,#7896be00);transform:translate(-50%)}.label-tag:before{content:"";position:absolute;left:50%;top:calc(100% + 12px);width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#a0bee1e6;box-shadow:0 0 6px #78a0dce6}.label-tag:hover{background:#1c283cf2;border-color:var(--accent)}.label-tag.is-selected{background:var(--select);border-color:var(--select);color:#1a1206;box-shadow:0 0 14px #fc39}.label-tag.is-selected:after{background:linear-gradient(#ffcc33e6,#fc30)}.label-tag.is-selected:before{background:var(--select);box-shadow:0 0 8px #ffcc33f2}@media (max-width: 820px){.sidebar{width:290px;min-width:290px}.infopanel{width:280px}}