.hooked-parts{position:fixed;inset:0;z-index:20;background:#17272e;color:#e9f0f1;font:14px Arial,sans-serif;display:flex;flex-direction:column}.hooked-parts *{box-sizing:border-box}.hooked-parts button,.hooked-parts input,.hooked-parts select{font:inherit;color:inherit}.hooked-parts button{cursor:pointer}.hooked-parts button:disabled{opacity:.45;cursor:default}.hooked-parts a{color:#bedbe5}.hooked-parts :focus-visible{outline:3px solid #ff8138;outline-offset:2px}.hooked-top{height:76px;gap:24px;padding:12px 24px;border-bottom:1px solid #34464e;flex-shrink:0}.hooked-brand,.hooked-top{display:flex;align-items:center}.hooked-brand{gap:8px}.hooked-brand img{width:40px;height:40px;object-fit:contain}.hooked-brand small{font-size:10px}.hooked-product{display:flex;align-items:baseline;gap:10px}.hooked-product>span{font-size:11px;letter-spacing:.15em}.hooked-product strong{font-size:25px}.hooked-product small{color:#a8bfc9}.hooked-guide-link{margin-left:auto}.hooked-parts select{padding:9px;border:1px solid #405963;border-radius:8px;background:#233a44;min-width:0}.hooked-workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:0;flex:1}.hooked-viewer{display:flex;flex-direction:column;min-width:0;min-height:0;background:#20343d}.hooked-view-head{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #34464e;flex-shrink:0}.hooked-view-head strong{font-size:14px}.hooked-view-head>span{color:#a8bfc9;font-size:11px}.hooked-view-head>button{margin-left:auto}.hooked-view-head>button,.hooked-view-tools>button{padding:8px 12px;border:1px solid #405b67;border-radius:8px;background:#29434f;font-size:12px}.hooked-view-tools{display:flex;align-items:center;gap:8px;padding:8px 20px;flex-shrink:0}.hooked-view-tools select{max-width:280px;margin-right:auto;font-size:12px}.hooked-diagram{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#d8e1e4;touch-action:none}.hooked-drawing{position:relative;flex-shrink:0;transform-origin:center;container-type:inline-size;box-shadow:0 2px 18px #00000012}.hooked-drawing>img{width:100%;height:100%;display:block;pointer-events:none}.hooked-hotspot{position:absolute;transform:translate(-50%,-50%);width:5%;height:3%;padding:0;border:1px solid transparent;border-radius:2px;background:transparent!important;color:transparent!important;font-size:clamp(6px,1.9cqw,14px)!important;line-height:1;min-width:0;min-height:0}.hooked-hotspot:focus-visible,.hooked-hotspot:hover{border-color:#ff8138;background:#ff813855!important}.hooked-hotspot[aria-pressed=true]{background:#ff8138!important;color:#172128!important;border-color:#b54500;box-shadow:0 0 0 2px #ff81383b}.hooked-view-footer{padding:10px 18px;font-size:11px;line-height:1.4;color:#b4cbd4;flex-shrink:0}.hooked-catalog{display:flex;flex-direction:column;min-height:0;min-width:0;padding:22px 18px 12px;border-left:1px solid #34464e}.hooked-catalog-head p{font-size:11px;color:#a8bfc9;margin:0 0 8px}.hooked-catalog-head p:first-child{font-size:10px;letter-spacing:.14em}.hooked-catalog h1{font-size:24px;margin:0 0 10px;letter-spacing:-.03em}.hooked-catalog input{border:1px solid #405963;border-radius:8px;padding:11px;width:100%;background:#233a44}.hooked-selects{display:flex;gap:7px;margin-top:8px}.hooked-selects select{flex:1;font-size:12px}.hooked-list-count{padding:14px 0 8px;display:flex;justify-content:space-between;color:#a8bfc9;font-size:11px}.hooked-list{flex:1;min-height:60px;overflow:auto;overscroll-behavior:contain;margin:0 -7px}.hooked-list>button{display:flex;width:100%;align-items:center;gap:12px;border:0;border-bottom:1px solid #34464e;background:transparent;text-align:left;padding:13px 8px}.hooked-list>button[aria-pressed=true]{background:#2c4853;box-shadow:inset 3px 0 #ff8138}.hooked-ref{font-size:11px;color:#a8bfc9;min-width:42px;max-width:56px;overflow-wrap:anywhere}.hooked-list b{display:block;font-size:13px;line-height:1.4;font-weight:600}.hooked-list small{font-size:11px;color:#a8bfc9;display:block;margin-top:5px;overflow-wrap:anywhere}.hooked-list>button>span:last-child{margin-left:auto}.hooked-detail{margin-top:12px;padding:16px;border:1px solid #46616b;border-radius:12px;background:#1d323b;max-height:42%;overflow:auto;overscroll-behavior:contain;flex-shrink:0}.hooked-detail header{display:flex;justify-content:space-between;align-items:center;color:#ffad7b;font-size:11px}.hooked-detail header button{background:transparent;border:0;font-size:22px;padding:0 4px}.hooked-detail h2{font-size:19px;margin:8px 0 12px;line-height:1.2}.hooked-detail h3{font-size:15px;margin:12px 0}.hooked-detail p{font-size:12px;line-height:1.5;margin:12px 0}.hooked-code{display:flex;gap:8px;align-items:center;padding:10px;background:#233a44;border-radius:8px}.hooked-code strong{font-size:13px;overflow-wrap:anywhere;user-select:all}.hooked-code button{margin-left:auto;border:1px solid #405b67;background:#29434f;padding:8px;border-radius:6px;font-size:11px}.hooked-kit-note{display:block;color:#b4cbd4;margin-top:5px}.hooked-note{border-left:2px solid #ff8138;padding-left:9px}.hooked-detail details{font-size:11px;color:#a8bfc9;margin-top:12px}.hooked-detail summary{cursor:pointer}.hooked-options{display:grid;gap:6px}.hooked-options button{padding:10px;text-align:left;background:#29434f;border:1px solid #405b67;border-radius:7px;font-size:12px}.hooked-options button[aria-pressed=true]{border-color:#ff8138}.hooked-options small{display:block;color:#a8bfc9;margin-top:5px}.hooked-catalog footer,.hooked-empty-detail{color:#a8bfc9;font-size:11px;line-height:1.5;padding-top:12px;margin:0}.hooked-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50;background:#15232a;color:white;border:1px solid #46616b;border-radius:10px;padding:14px 22px}.hooked-viewer:fullscreen{height:100dvh;width:100vw;background:#20343d}@media(max-width:1000px){.hooked-workspace{grid-template-columns:minmax(0,1fr) 340px}.hooked-top{gap:14px}.hooked-product small{display:none}}@media(max-width:680px){.hooked-top{height:60px;padding:9px 12px;gap:10px}.hooked-brand img{width:29px;height:29px}.hooked-brand small,.hooked-product>span{display:none}.hooked-product strong{font-size:20px}.hooked-guide-link{font-size:11px}.hooked-top select{max-width:90px;padding:7px;font-size:11px}.hooked-workspace{grid-template-columns:1fr;grid-template-rows:minmax(230px,46%) minmax(0,1fr)}.hooked-view-head{padding:7px 12px}.hooked-view-head strong{font-size:12px}.hooked-view-head>button{padding:5px 9px}.hooked-view-tools{padding:6px 10px;gap:5px}.hooked-view-tools select{flex:1;width:130px}.hooked-view-tools select,.hooked-view-tools>button{padding:7px;font-size:11px}.hooked-view-footer{padding:7px 12px;font-size:10px}.hooked-catalog{padding:12px;border-left:0;border-top:1px solid #34464e}.hooked-catalog-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.hooked-catalog-head p:first-child{display:none}.hooked-catalog-head h1{font-size:18px;margin:0 0 6px}.hooked-catalog-head p{font-size:10px;margin:0 0 8px}.hooked-catalog input{padding:8px;font-size:12px}.hooked-selects{margin-top:6px}.hooked-selects select{padding:6px;font-size:11px}.hooked-list-count{padding:7px 0}.hooked-list{min-height:42px}.hooked-list>button{padding:10px 7px}.hooked-detail{position:absolute;left:12px;right:12px;bottom:12px;max-height:32%;margin:0;padding:12px;box-shadow:0 -10px 30px #14212955;z-index:3}.hooked-detail h2{font-size:17px}.hooked-catalog:has(.hooked-detail) .hooked-list{padding-bottom:180px}.hooked-catalog footer,.hooked-empty-detail{padding-top:7px;font-size:10px}}@media(max-height:500px) and (min-width:681px){.hooked-top{height:50px}.hooked-catalog{padding:10px 14px}.hooked-catalog h1{font-size:18px}.hooked-catalog-head p{margin-bottom:5px}.hooked-view-head,.hooked-view-tools{padding:5px 14px}.hooked-view-footer{font-size:10px;padding:6px 14px}.hooked-detail{max-height:58%}.hooked-catalog:has(.hooked-detail) .hooked-list{min-height:40px}}@media(max-height:500px) and (min-width:681px){.hooked-catalog{padding:8px 14px;overflow:hidden}.hooked-catalog-head p:first-child{display:none}.hooked-catalog h1{font-size:16px;margin:0 0 4px}.hooked-catalog-head p{font-size:9px;margin:0 0 4px}.hooked-catalog input{padding:6px;font-size:12px}.hooked-selects{margin-top:6px}.hooked-selects select{padding:6px;font-size:11px}.hooked-list-count{padding:5px 0}.hooked-catalog footer{display:none}.hooked-detail{max-height:50%;margin-top:8px;padding:10px}.hooked-catalog:has(.hooked-detail) .hooked-list{min-height:35px}}@media(max-width:680px){.hooked-parts{overflow:auto}.hooked-workspace{display:flex;flex-direction:column;flex:none}.hooked-viewer{height:clamp(420px,58dvh,520px);flex:none}.hooked-catalog{height:auto;min-height:480px;flex:none;overflow:visible}.hooked-list{order:2;flex:none;min-height:0;max-height:320px}.hooked-detail{position:static;order:1;max-height:none;margin-top:12px;padding:16px;box-shadow:none}.hooked-empty-detail{order:1}.hooked-catalog footer{order:3}.hooked-catalog:has(.hooked-detail) .hooked-list{padding-bottom:0}}