:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#242d2c;background:#f7f9f8;font-size:14px;letter-spacing:0;--green:#176c55;--line:#e3e9e6;--muted:#76827d}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{letter-spacing:0}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.7}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #73b5a1;outline-offset:3px}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:210px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px;z-index:2}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 42px;font-size:23px;font-weight:700}.brand>svg{width:34px;height:34px;color:var(--green)}.brand-sub{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;text-align:left;display:flex;gap:12px;align-items:center;padding:13px;border-radius:6px;color:#63716b;width:100%;min-height:46px}.nav-item.active{background:#e9f3ef;color:var(--green);font-weight:600}.nav-item:hover{background:#f0f5f2}.nav-count{margin-left:auto;font-size:12px;color:inherit}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px;color:var(--muted);font-size:12px}.sidebar-bottom small{flex-basis:100%;margin-top:12px;font-size:10px}.status-dot{width:6px;height:6px;background:#36a17d;border-radius:50%}
.account-button{max-width:180px}.account-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand{flex-shrink:0}.nav-item span{white-space:nowrap}
@media(max-width:850px){.sidebar nav .nav-item{width:auto}}
.workspace{margin-left:210px;padding:30px 38px 16px;max-width:2000px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:10px}h1{font-size:26px;font-weight:600;margin:12px 0 0;line-height:1.3}.header-actions{display:flex;gap:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;border-radius:5px;border:1px solid var(--line);padding:9px 16px;font-size:13px;line-height:1.4;white-space:normal}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover:not(:disabled){background:#10543f}.secondary{background:#fff;color:#35423b}.secondary:hover:not(:disabled){background:#f0f5f2}.danger{background:white;color:#af4944;border-color:#eed6d3}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:0;background:transparent;color:#718078;border-radius:4px}.icon-button:hover{background:#eaf0ed;color:#243e33}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0 22px;gap:20px}.metrics>div{padding-left:24px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border-left:0}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:28px;font-weight:500;margin-top:8px}.metrics>div:nth-child(3) strong{color:var(--green)}.metrics>div:nth-child(2) strong{color:#ad7835}
.content-toolbar{display:flex;align-items:center;gap:12px;min-height:76px}.tabs{display:flex;gap:22px;align-self:stretch}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 2px;font-size:13px;color:#7a867f}.tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green);font-weight:600}.search{display:flex;align-items:center;gap:8px;margin-left:auto;border:1px solid var(--line);background:white;padding:0 10px;height:35px;border-radius:4px;color:#829087}.search input{width:155px;border:0;background:none;outline:none;font-size:12px;min-width:0}.model-workspace{display:grid;grid-template-columns:minmax(300px,36%) minmax(0,1fr);min-height:530px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.model-list{display:flex;flex-direction:column;border-right:1px solid var(--line);min-width:0}.list-heading{padding:17px 20px;background:#fafcfb;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}#jobs{max-height:490px;overflow-y:auto}.job-row{border:0;border-bottom:1px solid #edf1ef;padding:18px 16px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;cursor:pointer;min-height:85px;background:white}.job-row.selected{background:#edf5f1;box-shadow:inset 3px 0 var(--green)}.job-row:hover{background:#f6f9f7}.job-icon{width:35px;height:38px;display:grid;place-items:center;border:1px solid #dfe7e2;border-radius:5px;color:var(--green);background:white}.job-main{min-width:0}.job-name{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-meta{color:var(--muted);font-size:10px;margin-top:7px;display:block}.badge{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:500}.badge.ready{color:#176c55;background:#e6f2eb}.badge.queued,.badge.waiting_worker,.badge.uploading,.badge.converting{color:#986c2a;background:#fbf1dd}.badge.failed{color:#b6534c;background:#faeeec}.badge.neutral,.badge.cancelled{color:#77857f;background:#eef2f0}.list-footer{margin-top:auto;border-top:1px solid var(--line);padding:14px 18px;display:flex;justify-content:space-between;color:#89948e;font-size:10px}.empty-list{flex:1;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9ba7a0;gap:12px}.empty-list>svg{width:34px;height:34px}.empty-list h2{font-size:14px;color:#586b5f;margin:0;font-weight:500}.empty-list span{font-size:12px}.preview-pane{min-width:0;display:flex;flex-direction:column}.preview-heading{min-height:79px;padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}.eyebrow{font-size:10px;color:#8c9891}.preview-heading h2{font-size:16px;margin:6px 0 0;font-weight:600;overflow-wrap:anywhere}.preview-stage{position:relative;flex:1;min-height:310px;background:#edf1ef;overflow:hidden}.preview-stage iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.preview-empty{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;color:#83938a;background-image:linear-gradient(#dfe6e140 1px,transparent 1px),linear-gradient(90deg,#dfe6e140 1px,transparent 1px);background-size:32px 32px}.preview-empty>svg{width:60px;height:60px;stroke-width:1;color:#a8b9af}.preview-empty h3{font-size:14px;font-weight:500;margin:18px 0 0;color:#526d5d}.preview-empty p{font-size:12px;line-height:1.8;max-width:350px}.preview-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 24px;border-bottom:1px solid var(--line)}.preview-details span{font-size:10px;color:#86928b;display:block;margin-bottom:6px}.preview-details strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.preview-actions{display:flex;gap:9px;align-items:center;padding:16px 24px}.preview-actions>span{margin-right:auto;font-size:11px;color:#849087}.preview-actions .button{min-height:35px;font-size:12px}.page-footer{display:flex;justify-content:space-between;padding:20px 0;color:#96a198;font-size:10px}.upload-progress{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#e9f2ee;border-top:1px solid #d5e7de;font-size:12px;color:#216248}.upload-progress progress{accent-color:var(--green);margin-left:auto;width:150px;height:5px}.upload-progress>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
dialog{border:1px solid var(--line);border-radius:8px;padding:25px;width:min(460px,calc(100vw - 32px));color:#25392c;box-shadow:0 20px 80px #14251d26}dialog::backdrop{background:#172b235c;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dialog-heading h2{font-size:18px;font-weight:600;margin:0}.confirmation-model{display:flex;gap:14px;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.confirmation-model>svg{height:34px;width:34px;color:var(--green)}.confirmation-model strong{display:block;overflow-wrap:anywhere;font-size:16px}.confirmation-model span{display:block;margin-top:8px;color:var(--muted);font-size:12px}.dialog-question{font-size:13px;margin:24px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.field-label{display:block;font-size:12px;color:var(--muted);margin:20px 0 10px}.copy-field{display:flex;gap:8px}.copy-field input,.text-input{width:100%;min-width:0;border:1px solid #dce4de;border-radius:4px;padding:11px;font-size:12px;background:#fafcfb;color:#374e40}.copy-field button{flex-shrink:0}.share-expiry,.share-policy{font-size:12px;color:var(--muted);line-height:1.7}.error-text{font-size:12px;color:#b54d45;min-height:18px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:20;background:#263d32;color:white;box-shadow:0 8px 25px #18352a26;padding:13px 20px;border-radius:6px;font-size:13px;max-width:min(600px,90vw);overflow-wrap:anywhere}.toast.error{background:#994f46}
.plan-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:5px;overflow:hidden}.plan-options label{position:relative;cursor:pointer;text-align:center}.plan-options input{position:absolute;opacity:0;width:1px;height:1px}.plan-options span{display:block;padding:12px 4px;font-size:13px;border-right:1px solid var(--line)}.plan-options label:last-child span{border-right:0}.plan-options input:checked+span{background:#e6f2eb;color:var(--green);box-shadow:inset 0 -2px var(--green);font-weight:600}.plan-options input:focus-visible+span{outline:2px solid var(--green);outline-offset:-3px}.quote-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 12px;font-size:12px;color:var(--muted)}.quote-line strong{font-size:26px;color:#243e33;font-weight:600}.order-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line)}.order-summary strong{font-size:12px;font-weight:500}.order-summary small{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.order-summary .button{flex-shrink:0}.badge.pending_payment{background:#fff0d6;color:#986c2a}.badge.expired{background:#eeedf2;color:#7c7187}.payment-instructions{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px}.settings-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:26px 0}.settings-heading h2{font-size:18px;font-weight:600}.pricing-form{max-width:760px;margin:0}.toggle{display:flex;align-items:center;gap:8px;font-size:13px}.toggle input,.reconcile-check input{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}.rate-row{display:grid;grid-template-columns:100px repeat(2,minmax(0,1fr));gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.rate-row strong{font-size:13px;font-weight:500}.rate-heading{font-size:12px;color:var(--muted);background:#f1f5f3}.pricing-form textarea{font:inherit;resize:vertical;width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;line-height:1.7;background:white}.reconcile-check{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:12px}.admin-order{position:relative;border-bottom:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;background:transparent}.admin-order-title{display:flex;align-items:center;gap:15px;min-width:0}.admin-order-title h2{font-size:15px;font-weight:600;margin:0;overflow-wrap:anywhere}.admin-order-description{grid-column:1;display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0;font-size:12px;color:var(--muted)}.admin-order-actions{grid-column:2;grid-row:1 / span 5;display:flex;align-items:center;gap:8px}.order-id{grid-column:1;display:block;color:#87938c;font-size:11px;overflow-wrap:anywhere;line-height:1.8}.admin-empty{text-align:center;color:var(--muted);padding:70px 0}.admin-orders{border-top:1px solid var(--line)}dialog h3{font-size:16px;overflow-wrap:anywhere}#payment-order{overflow-wrap:anywhere}.metrics strong{overflow-wrap:anywhere}
@media(max-width:600px){.rate-row{grid-template-columns:58px repeat(2,minmax(0,1fr));gap:10px}.rate-heading{font-size:10px}.admin-order{column-gap:10px}.admin-order-actions{grid-column:1;grid-row:auto;margin-top:12px}.order-summary{padding:14px 12px}.quote-line strong{font-size:23px}.metrics #revenue{font-size:19px}.settings-heading{margin:18px 0}}
.credit-balances{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0}.credit-balance-row{padding:8px 0;font-size:12px;color:#526d5d}.code-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.code-fields label{font-size:12px;color:var(--muted);min-width:0}.code-fields input,.code-fields select{display:block;margin-top:10px;min-height:40px}.issued-codes{border-top:1px solid var(--line);margin-top:24px;max-width:760px}.issued-codes textarea{width:100%;resize:vertical;padding:12px;font:12px/1.8 monospace;border:1px solid var(--line);border-radius:4px;overflow-wrap:anywhere}.header-actions{flex-wrap:wrap}.admin-order>.button{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end}
@media(max-width:600px){.code-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.code-fields label:last-child{grid-column:1 / -1}.header-actions #redeem-button{flex-basis:100%}.sidebar nav{flex-wrap:wrap}.sidebar .brand{font-size:17px}.admin-order>.button{grid-column:1;grid-row:auto;justify-self:start}.settings-heading h2{font-size:16px}}
.recharge-workspace{max-width:820px;margin:0 auto;padding:32px 24px}.recharge-workspace .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.recharge-workspace .metrics strong{font-size:24px}.test-notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #e8c987;border-bottom:1px solid #e8c987;color:#805c1d;font-size:13px;line-height:1.8}.test-notice span{flex-basis:100%;font-size:12px}.test-notice strong{font-weight:600}#credit-unit-field select{margin-top:8px}#quote-recharge{margin-top:6px}#topup-review-summary{overflow-wrap:anywhere}.recharge-workspace .pricing-form{max-width:100%}
.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line);margin-bottom:4px}.auth-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px 6px;font-size:13px}.auth-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green);font-weight:600}
@media(max-width:850px){.sidebar{flex-wrap:wrap}.sidebar nav{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:600px){.recharge-workspace{padding:22px 16px}.recharge-workspace .metrics strong{font-size:21px}}
/* The viewer is also a standalone, token-protected phone page. */
.viewer-body{overflow:hidden;background:#edf1ef}.viewer-shell{position:fixed;inset:0}.viewer-top{position:absolute;z-index:2;top:0;left:0;right:0;min-height:58px;background:#ffffffed;border-bottom:1px solid #dfe6e1;display:flex;align-items:center;gap:10px;padding:12px 18px}.viewer-top .mini-brand{color:var(--green);font-weight:600;display:flex;align-items:center;gap:6px;font-size:14px}.viewer-title{font-size:12px;border-left:1px solid #dfe6e1;padding-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.viewer-top .viewer-count{margin-left:auto;font-size:10px;color:#7c8f81;white-space:nowrap}.viewer-canvas{position:absolute;inset:0}.viewer-canvas canvas{width:100%;height:100%;display:block}.viewer-controls{position:absolute;right:16px;top:76px;display:grid;gap:4px;padding:5px;background:#ffffffed;border:1px solid #dfe6e1;border-radius:5px}.viewer-controls .icon-button.active{background:#dceee4;color:var(--green)}
.bg-menu{position:absolute;right:62px;top:76px;z-index:3;display:grid;gap:2px;padding:6px;background:#fffffff2;border:1px solid #dfe6e1;border-radius:6px;box-shadow:0 10px 30px rgba(22,42,31,.16);min-width:104px}
.bg-menu[hidden]{display:none}
.bg-swatch{display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:4px;background:transparent;font-size:12px;color:#35423b;white-space:nowrap;text-align:left}
.bg-swatch:hover{background:#eef4f1}
.bg-swatch[aria-selected="true"]{background:#dceee4;color:var(--green);font-weight:600}
.bg-swatch>span{width:14px;height:14px;border-radius:3px;border:1px solid #c8d3cd;flex:0 0 auto}
.viewer-search{position:absolute;z-index:3;left:50%;transform:translateX(-50%);top:58px;display:flex;align-items:center;gap:6px;padding:5px 8px;background:#ffffffed;border:1px solid #dfe6e1;border-radius:6px;box-shadow:0 4px 16px rgba(22,42,31,.08);width:min(430px,calc(100vw - 36px))}
.viewer-search-icon{color:#7c8f81;flex:0 0 auto}
.viewer-search input{flex:1;min-width:0;border:0;background:transparent;font-size:16px;line-height:1.4;padding:4px 0;color:#242d2c}
.viewer-search input:focus{outline:none}
.viewer-search input::-webkit-search-cancel-button{display:none}
.viewer-search .icon-button{width:26px;height:26px}
.viewer-search .icon-button.active{background:#dceee4;color:var(--green)}
.viewer-search-hits{font-size:11px;color:#627c6b;white-space:nowrap;flex:0 0 auto}
@media(max-width:600px){.viewer-search{width:calc(100vw - 20px);gap:5px;padding:4px 7px}.viewer-search input{font-size:16px}.viewer-search-hits{font-size:10px}}.viewer-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:13px;color:#526d5b;background:#edf1ef}.viewer-state.error{color:#ae5549}.viewer-bottom{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;color:#2f3b36;font-size:11px}
.viewer-bottom span{background:rgba(255,255,255,.92);padding:6px 9px;border-radius:4px;box-shadow:0 1px 4px rgba(22,42,31,.08)}
@media(max-width:600px){.viewer-bottom{left:10px;right:10px;bottom:10px;font-size:12px;gap:8px}.viewer-bottom span{padding:7px 10px}}.viewer-selected{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embedded .viewer-top{min-height:43px;padding:9px 12px}.embedded .mini-brand{display:none}.embedded .viewer-title{padding:0;border:0}.embedded .viewer-controls{top:56px;right:10px}.embedded .viewer-top .viewer-count{font-size:9px}.embedded .viewer-controls .icon-button{width:30px;height:30px}
@media(min-width:1700px){.workspace{padding:36px 52px}.model-workspace{min-height:640px}.preview-stage{min-height:410px}}
@media(max-width:1150px){.sidebar{width:175px;padding:25px 12px}.workspace{margin-left:175px;padding:24px}.model-workspace{grid-template-columns:minmax(265px,40%) minmax(0,1fr)}.job-row{padding:16px 10px;gap:8px}.preview-details{padding:16px;gap:8px}.preview-heading,.preview-actions{padding-left:16px;padding-right:16px}.header-actions .button{padding:9px 10px}.preview-actions>span{display:none}.preview-actions{justify-content:flex-end}}
@media(max-width:850px){.sidebar{position:relative;width:100%;padding:15px 20px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);gap:20px}.brand{padding:0;font-size:19px;gap:8px}.brand>svg{width:28px}.brand-sub{display:none}.sidebar nav{display:flex;margin-left:auto;gap:4px}.nav-item{padding:9px;min-height:36px;font-size:12px;gap:7px}.nav-count,.sidebar-bottom{display:none}.workspace{margin-left:0;padding:24px}.model-workspace{min-height:500px;grid-template-columns:minmax(255px,40%) minmax(0,1fr)}.header-actions .button{font-size:12px}.page-header{margin-bottom:22px}.preview-details{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-actions .button{padding:8px 10px}}
@media(max-width:600px){.sidebar{padding:13px 16px;gap:5px}.sidebar nav{gap:0}.nav-item{gap:5px;padding:8px;font-size:11px}.nav-item svg{width:15px}.nav-item[data-view=shared] span{display:none}.workspace{padding:21px 16px 10px}.page-header{align-items:flex-start;flex-wrap:wrap;gap:18px}.breadcrumb{font-size:10px}h1{font-size:23px}.header-actions{width:100%}.header-actions .button{flex:1;font-size:12px;padding:11px 8px;min-height:42px}.metrics{gap:8px;padding:16px 0}.metrics>div{padding-left:12px}.metrics span{font-size:10px}.metrics strong{font-size:24px}.content-toolbar{gap:6px;min-height:65px}.tabs{gap:16px}.tabs button{font-size:11px}.search{padding:0 8px;gap:5px;max-width:125px}.search input{width:85px;font-size:11px}.search svg{width:14px}.content-toolbar>.icon-button{width:26px}.model-workspace{display:flex;flex-direction:column}.model-list{border-right:0}.list-heading{padding:13px 14px}.job-row{padding:15px 12px}.job-name{font-size:12px}#jobs{max-height:280px}.empty-list{min-height:150px}.list-footer{padding:12px}.preview-pane{border-top:1px solid var(--line)}.preview-heading{padding:16px;min-height:74px}.preview-stage{min-height:340px}.preview-details{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px 12px;gap:10px}.preview-details strong{font-size:10px}.preview-actions{padding:13px}.preview-actions>span{display:block;font-size:10px}.page-footer{padding:16px 0}.upload-progress{padding:8px}.upload-progress progress{width:60px}.upload-progress>span{font-size:10px}.viewer-top{padding:12px;gap:8px}.viewer-top .viewer-count{display:none}.viewer-title{font-size:11px}.viewer-controls{right:10px}.preview-heading h2{font-size:14px}}
.part-info{position:absolute;left:18px;bottom:62px;width:min(320px,calc(100vw - 36px));padding:16px;background:rgba(248,250,249,.96);border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 36px rgba(22,42,31,.16);backdrop-filter:blur(10px);z-index:3}.part-info[hidden]{display:none}.part-info-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.part-info-heading strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-info-heading .icon-button{width:28px;height:28px;flex:0 0 auto}.part-properties{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0;font-size:12px}.part-properties dt{color:var(--muted)}.part-properties dd{margin:0;text-align:right;overflow-wrap:anywhere}.part-properties-empty{grid-column:1 / -1;color:var(--muted);text-align:left!important}
@media(max-width:600px){.part-info{left:10px;bottom:54px;width:calc(100vw - 20px);padding:13px}.part-properties{grid-template-columns:80px minmax(0,1fr)}}