.model-tool{color:var(--mu-body);padding-top:20px;padding-bottom:28px}.model-panel{background:var(--mu-card);border-radius:3px;padding:20px;margin-bottom:12px}.model-header,.model-preview-heading,.model-actions,.model-search-row,.model-controls,.model-pagination{display:flex;align-items:center;gap:8px;justify-content:space-between}.model-header h1{font-size:24px;font-weight:700}.model-header p,.model-preview-heading p,.model-hint{color:var(--mu-muted);font-size:13px;margin-top:5px}.model-button,.model-categories button,.model-list button,.model-dropdown button{border:0;border-radius:3px;padding:9px 12px;color:var(--mu-body);background:#ffffff08;cursor:pointer;font-size:14px}.model-button:hover,.model-list button:hover,.model-dropdown button:hover{background:#d6b56820}.model-tool button[aria-pressed=true]{background:#d6b568;color:#25221a}.model-categories{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:14px;border-bottom:1px solid #ffffff18}.model-categories button{background:transparent;padding:7px 10px}.model-search-row{margin-top:14px;justify-content:flex-start;gap:12px}.model-search{display:flex;align-items:center;flex:1;min-width:0;background:var(--mu-head);border:1px solid #d6b56840;border-radius:3px}.model-search input{width:100%;min-width:0;height:40px;padding:0 12px;background:transparent;border:0;color:var(--mu-body);outline:none}.model-search:focus-within{border-color:#d6b568}.model-search button{padding:0 12px;font-size:22px;color:var(--mu-body);background:transparent;border:0}.model-dropdown{position:relative;min-width:150px}.model-dropdown summary{list-style:none;background:var(--mu-head);border:1px solid #d6b56840;padding:9px 12px;border-radius:3px;cursor:pointer;font-size:14px}.model-dropdown summary:after{content:'⌄';float:right;color:#d6b568}.model-dropdown>div{position:absolute;top:45px;right:0;width:220px;max-height:340px;overflow:auto;background:var(--mu-card);border:1px solid #d6b56840;padding:6px;z-index:20;box-shadow:0 10px 30px #0006;border-radius:3px}.model-dropdown button{display:block;width:100%;text-align:left;background:transparent}.model-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px;align-items:start}.model-library{padding:12px;display:flex;flex-direction:column;height:650px}.model-list{overflow:auto;flex:1;min-height:0;position:relative}.model-list button{display:block;text-align:left;width:100%;margin-bottom:6px;padding:12px;color:var(--mu-body);line-height:1.5}.model-list button small{display:block;color:var(--mu-muted);font-size:12px;margin-top:4px;overflow-wrap:anywhere}.model-list button[aria-pressed=true] small{color:#4a3e25}.model-pagination{border-top:1px solid #ffffff18;padding-top:12px;margin-top:12px;font-size:13px}.model-pagination button{padding:8px}.model-button:disabled{opacity:.4;cursor:default}.model-preview{padding:16px}.model-preview h2{font-size:17px;font-weight:600;color:#00ff66}.model-link{color:#edd18d;font-size:13px;white-space:nowrap}.model-stage{height:470px;background:#111;border-radius:3px;position:relative;margin-top:14px;overflow:hidden}.model-stage canvas{display:block;width:100%;height:100%;touch-action:none}.model-stage-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#111c;padding:24px;text-align:center;color:#eee;pointer-events:none}.model-stage-status.loading:before,.model-list.loading:before{content:'';display:block;width:24px;height:24px;border:2px solid #d6b56830;border-top-color:#d6b568;border-radius:50%;animation:model-spin .8s linear infinite}.model-list.loading:before{margin:100px auto 16px}.model-list.loading{opacity:.7}.model-controls{justify-content:flex-start;flex-wrap:wrap;margin-top:14px}.model-tool [hidden]{display:none!important}.model-hint{margin-top:12px}.model-help{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--mu-card);color:var(--mu-body);padding:24px;border:1px solid #d6b56850;border-radius:3px}.model-help::backdrop{background:#0009}.model-help p{margin-top:14px;line-height:1.7}.model-tool :is(button,a,summary,input):focus-visible{outline:2px solid #d6b568;outline-offset:2px}.model-tool #model-count{font-size:13px;color:var(--mu-muted);white-space:nowrap}.model-preview-heading{min-height:43px}html.dark .model-tool,html.tw-dark .model-tool{--mu-body:#f3f1ec;--mu-muted:#d2cec5}@keyframes model-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.model-layout{grid-template-columns:250px minmax(0,1fr)}.model-stage{height:430px}}@media(max-width:760px){.model-panel{padding:14px}.model-header{align-items:flex-start;flex-wrap:wrap}.model-header h1{font-size:22px}.model-search-row{flex-wrap:wrap}.model-search{flex-basis:100%}.model-dropdown{flex:1}.model-layout{display:flex;flex-direction:column}.model-library,.model-preview{width:100%}.model-library{height:290px}.model-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}.model-list button{margin:0;padding:10px;font-size:13px}.model-stage{height:360px}.model-controls .model-button{padding:8px 10px;font-size:13px}.model-categories{flex-wrap:nowrap;overflow-x:auto}.model-categories button{flex:none;white-space:nowrap}.model-actions{flex-wrap:wrap}.model-preview-heading{align-items:flex-start}}
.model-header{padding:24px 26px}.model-header h1{font-size:28px}.model-header p{font-size:14px;margin-top:8px}.model-layout{grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:stretch}.model-library{height:740px;padding:14px}.model-list-wrap{position:relative;flex:1;min-height:0}.model-list{height:100%;scrollbar-width:thin;scrollbar-color:#706951 transparent}.model-list.loading:before{display:none}.model-list button{padding:14px 16px;background:#ffffff04;margin-bottom:8px}.model-list button strong{font-size:15px;font-weight:500}.model-list button small{font-size:12px;opacity:.8}.model-list button[aria-pressed=true]{background:#d6b56822;color:#f4daa0;box-shadow:inset 3px 0 #d6b568}.model-list button[aria-pressed=true] small{color:var(--mu-muted)}.model-list-empty{padding:30px 16px;color:var(--mu-muted);line-height:1.7}.model-list-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:var(--mu-card);color:var(--mu-muted);font-size:13px;z-index:2}.model-list-loading i{width:26px;height:26px;border:2px solid #d6b56830;border-top-color:#d6b568;border-radius:50%;animation:model-spin .8s linear infinite}.model-pagination{flex-direction:column;gap:10px;padding-top:14px;margin-top:14px}.model-pagination .model-button{width:100%;background:#d6b56818;color:#edd18d;min-height:38px}.model-pagination>span{color:var(--mu-muted);font-size:12px}.model-preview{padding:22px;display:flex;flex-direction:column}.model-preview-heading h2{font-size:20px}.model-stage{height:560px;flex:1;min-height:440px;margin-top:18px;background:radial-gradient(ellipse at center,#242119,#111 75%)}.model-controls{gap:10px;padding-top:18px;margin-top:0}.model-controls .model-button{min-height:38px;padding:9px 15px;border:1px solid #d6b56825;background:#ffffff06}.model-hint{font-size:13px;margin-top:14px}.model-filters{padding:20px 24px}.model-categories{gap:8px}.model-categories button{font-size:14px}.model-search input{height:44px}.model-dropdown summary{padding:11px 14px}@media(min-width:1500px){.model-layout{grid-template-columns:330px minmax(0,1fr)}.model-library{height:790px}.model-stage{height:610px}}@media(max-width:900px){.model-layout{grid-template-columns:250px minmax(0,1fr)}.model-preview{padding:18px}}@media(max-width:760px){.model-header,.model-filters{padding:16px}.model-header h1{font-size:24px}.model-library{height:340px;padding:12px}.model-list button{padding:10px;margin-bottom:0}.model-list button strong{font-size:14px}.model-preview{padding:16px}.model-stage{height:400px;min-height:350px;flex:none}.model-pagination{flex-direction:row;justify-content:space-between;margin-top:10px;padding-top:10px}.model-pagination .model-button{width:auto;min-width:120px}.model-controls{gap:8px;padding-top:14px}.model-controls .model-button{padding:8px 10px}.model-preview-heading h2{font-size:18px}}

.model-title{display:flex;align-items:center;gap:16px}.model-title-icon{width:38px;height:38px;flex:none;color:#d6b568}@media(max-width:760px){.model-title{gap:12px}.model-title-icon{width:32px;height:32px}}