:root{--bg:#f3f5f7;--panel:#fff;--text:#172d3e;--muted:#667985;--line:#dfe6eb;--accent:#176779;--accent-dark:#105262;--amber:#87601e;--red:#a43436;--green:#256d51;font-family:Inter,"Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:0;background:none;color:inherit;border-radius:7px;min-height:42px;padding:9px 13px;font-weight:550}button:hover{filter:brightness(.97)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #66a4d0}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cfd9df;border-radius:7px;min-height:42px;background:#fff;color:var(--text)}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{outline:2px solid #80afbc;border-color:var(--accent)}label{display:flex;flex-direction:column;gap:7px;margin:13px 0;font-size:12px;font-weight:550}h1,h2,h3,p{margin-top:0}h1{font-size:27px;line-height:1.45;letter-spacing:-.8px;margin-bottom:8px}h2{font-size:15px;margin:0;line-height:1.6}p{line-height:1.75}small,.fine{font-size:11px;line-height:1.8;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);margin-bottom:10px}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-dark)}.secondary{background:#eef4f6;border:1px solid #cbdce1;color:var(--accent);font-size:12px}.quiet{background:transparent;color:#556c7a;font-size:12px}.quiet:hover{background:#edf2f5}.wide{width:100%}.error{font-size:12px;color:var(--red);line-height:1.8;white-space:pre-line}.error:empty{display:none}.notice{border:1px solid #a9cbd3;background:#edf7f8;border-radius:8px;padding:12px 15px;line-height:1.8;font-size:12px;margin-bottom:15px}.notice.warning{border-color:#e2c994;background:#fff8e9;color:#785719}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e3e8;border-radius:20px;background:#f1f5f7;padding:5px 9px;font-size:10px;white-space:nowrap;color:#587081}.pill.amber{background:#fff6e3;color:#87601e;border-color:#ebd7ad}.pill.good{background:#edf7f1;color:var(--green);border-color:#c1dccd}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;margin-bottom:18px;padding:21px;box-shadow:0 2px 4px #17324103}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:15px}.section-heading h2{flex:1}.step-number{width:23px;height:23px;background:#e9f2f4;color:var(--accent);border-radius:6px;font-size:11px;display:grid;place-items:center;font-weight:700}.unit-label{font-size:10px;color:var(--muted)}.divider{height:1px;background:var(--line);margin:21px 0}.brand-mark{background:#176779;color:#fff;width:47px;height:47px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:25px}.brand-mark.small{width:32px;height:32px;font-size:20px;border-radius:7px}.login-screen{min-height:100svh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 75% 15%,#e1edf0,transparent 60%),#f3f6f7}.login-card{width:min(100%,440px);background:#fff;padding:34px 36px;border:1px solid #dce5e9;border-radius:15px;box-shadow:0 18px 60px #2544560b}.login-card .brand-mark{margin-bottom:27px}.login-card h1{font-size:25px}.login-card .fine{margin:19px 0 0}.login-card form{margin-top:26px}.app{min-height:100vh;display:flex}.sidebar{width:202px;flex-shrink:0;background:#132b3b;color:#cedce5;padding:26px 15px;display:flex;flex-direction:column}.brand{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:650;line-height:1.7;white-space:nowrap}.brand small{display:block;letter-spacing:1.6px;font-size:8px;color:#7c99ad}.nav-caption{color:#7491a5;font-size:10px;letter-spacing:2px;margin:46px 13px 15px}.nav-button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;margin-bottom:6px;color:#a5bac9;padding:13px 16px;font-size:12px}.nav-button.active{background:#234558;color:#fff}.nav-button:hover{background:#1c3b4e}.nav-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:2px}.nav-button.active .nav-dot{background:#70bdc8;border-color:#70bdc8}.sidebar-foot{margin-top:auto;padding:70px 12px 0;font-size:11px;color:#90a8b8;line-height:2}.sidebar-foot small{color:#6e8ca1;font-size:9px}.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#69b39a;margin-right:7px}.main-shell{flex:1;min-width:0}.topbar{height:72px;padding:0 32px;background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.project-controls,.account{display:flex;align-items:center;gap:8px;min-width:0}.project-controls select{width:210px;background:#f7f9fa;border-color:#e2e8ed;font-size:12px}.account{font-size:11px;color:var(--muted)}.content{padding:28px 32px 12px;max-width:1600px;margin:auto}.page-heading{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin:0 0 20px}.page-heading .pill{margin-top:24px}.page-heading p.muted{margin-bottom:0}.design-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:21px;align-items:start}.input-panel{padding:20px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.template-card{border:1px solid var(--line);padding:13px 10px;text-align:left;border-radius:8px;background:#fcfdfd;display:flex;flex-direction:column;gap:6px}.template-card.selected{border-color:#438697;background:#f0f7f8;box-shadow:inset 0 0 0 1px #438697}.template-card strong{font-size:12px}.template-card small{font-size:10px}.template-shape{width:34px;height:32px;border:2px solid #56798f;border-top-width:4px;display:block;margin-bottom:6px;transform:skewY(-9deg);position:relative}.template-shape:after{content:"";position:absolute;left:4px;right:4px;bottom:5px;border-top:2px solid #56798f}.rack-shape{height:39px}.rack-shape:after{bottom:9px;box-shadow:0 -9px 0 #56798f,0 -18px 0 #56798f}.extract-row{display:flex;align-items:center;gap:9px;justify-content:space-between}.extract-row+.fine{margin:10px 0 0}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.fields-grid label{min-width:0;margin:9px 0}.fields-grid input,.fields-grid select{font-variant-numeric:tabular-nums;font-size:13px}.source{font-size:9px;line-height:1.5;min-height:14px;overflow-wrap:anywhere;font-weight:400}.job-state{font-size:11px;color:var(--accent);margin:11px 0 0;min-height:20px}.viewer-panel{padding:0;overflow:hidden}.viewer-top{padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:9px;border-bottom:1px solid var(--line)}.segmented{display:flex;padding:3px;background:#f0f3f5;border-radius:7px;gap:3px}.segmented button{min-height:32px;font-size:11px;padding:6px 12px;color:var(--muted)}.segmented button.selected{background:#fff;box-shadow:0 1px 4px #233e5214;color:var(--text)}.viewer-area{height:410px;position:relative;background:radial-gradient(ellipse at 50% 35%,#fbfdfe,#eaf0f4);overflow:hidden}.viewer-area canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.viewer-area canvas:active{cursor:grabbing}.viewer-area img{width:100%;height:100%;object-fit:contain;padding:14px}.viewer-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8498a5;pointer-events:none;padding:25px;text-align:center}.viewer-empty strong{font-size:13px;font-weight:500}.viewer-empty span{font-size:11px}.empty-cube{height:54px;width:54px;border:1px solid #9cb6c6;transform:rotate(-12deg) skewY(8deg);margin-bottom:18px;box-shadow:10px -10px 0 -1px #eef4f7,10px -10px 0 0 #b6cad6}.viewer-bottom{display:flex;justify-content:space-between;gap:10px;padding:11px 17px;align-items:center;font-size:10px;color:var(--muted);border-top:1px solid #dce4e9}.model-caption{position:absolute;bottom:15px;left:17px;font-size:10px;color:#5e7788;background:#ffffffc9;padding:5px 8px;border-radius:4px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:16px}.fact strong{display:block;font-size:17px;margin-top:4px;font-weight:600}.fact small{font-size:10px}.download-grid{display:flex;flex-wrap:wrap;gap:8px}.download-link{color:var(--accent);border:1px solid #bcd1da;background:#f6fafb;padding:9px 11px;border-radius:6px;text-decoration:none;font-size:11px;display:inline-flex;align-items:center;min-height:39px}.download-link.main{background:var(--accent);color:white;border-color:var(--accent)}details{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}summary{font-size:12px;font-weight:600;cursor:pointer;margin-bottom:12px;min-height:25px}.bom{width:100%;border-collapse:collapse;font-size:10px;table-layout:fixed}.bom th{text-align:left;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line);padding:7px 4px}.bom td{padding:9px 4px;border-bottom:1px solid #edf0f3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bom th:nth-child(2){width:40px}.check-list{display:grid;gap:9px}.check{padding:11px 12px;border-radius:7px;background:#f6f8fa;border:1px solid #e0e7ec;line-height:1.75}.check-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.check strong{font-size:11px}.check p{font-size:11px;margin:7px 0 0;color:#586d7c}.check .next-step{color:#748693;font-size:10px}.check.FAIL{border-color:#e5bcbc;background:#fdf4f3}.check.PASS{border-color:#bad9c8;background:#f2f9f5}.state-badge{font-size:9px;padding:2px 6px;border:1px solid #d0dbe3;border-radius:4px;color:#6c7f8d;white-space:nowrap}.FAIL .state-badge{color:var(--red);border-color:#deb0ae}.PASS .state-badge{color:var(--green);border-color:#b0d1bf}.history-list{display:grid;gap:6px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f7f9fb;border:1px solid #e6ebef;border-radius:7px;width:100%;text-align:left;font-size:11px}.history-row.current{border-color:#6ba1ae;background:#f1f7f8}.history-row small{font-size:9px;display:block}.history-row .history-name{overflow-wrap:anywhere;min-width:0}.upload-panel p{font-size:12px;color:var(--muted)}.file-picker{padding:18px;border:1px dashed #9fbfc9;border-radius:8px;background:#f5fafb;max-width:580px;font-size:12px}.file-picker input{margin-top:7px;border:0;padding:0;background:none;font-size:12px}.search{max-width:270px;font-size:12px}.file-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.file-name{font-weight:550;overflow-wrap:anywhere;min-width:0}.file-info{flex:1;min-width:0}.file-info small{display:block;margin-top:5px;font-size:10px}.file-actions{display:flex;gap:8px;align-items:center}.file-actions a{font-size:11px;color:var(--accent)}.file-actions .quiet{font-size:10px;color:#8e5f60}.matching-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mini-tag{font-size:9px;letter-spacing:1.3px;color:var(--accent);display:block;margin-bottom:12px}.matching-grid h2{margin-bottom:8px}.matching-grid .panel{padding:20px}.matching-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:15px}.matching-results{grid-template-columns:repeat(3,minmax(0,1fr))}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.help-grid p,.help-grid li{font-size:12px;line-height:1.95}.help-grid h2{margin-bottom:15px}.help-grid ul,.help-grid ol{padding-left:20px}.footer{font-size:10px;color:#8a9ca7;text-align:center;margin:26px 0 8px;line-height:1.8}dialog{width:min(92vw,440px);border:1px solid var(--line);border-radius:12px;padding:25px;color:var(--text);box-shadow:0 18px 60px #142f4c30}dialog::backdrop{background:#122d4070}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){.viewer-area{height:480px}.design-grid{grid-template-columns:370px minmax(0,1fr)}}
@media(max-width:1200px){.sidebar{width:177px;padding:25px 11px}.brand{font-size:10px;gap:7px}.brand small{font-size:7px}.content{padding:24px 23px 12px}.topbar{padding:0 23px}.design-grid{grid-template-columns:310px minmax(0,1fr);gap:16px}.input-panel,.result-panel{padding:17px}.facts{grid-template-columns:1fr 1fr}.fact strong{font-size:15px}.viewer-area{height:370px}.matching-grid{grid-template-columns:1fr 1fr}.matching-results{grid-template-columns:1fr}.matching-grid .panel:last-child{grid-column:1/-1}.matching-grid .panel:last-child .fields-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:940px){.sidebar{width:155px}.brand{flex-direction:column;align-items:flex-start;gap:12px;padding-left:10px}.nav-button{padding:12px 10px;font-size:11px}.content{padding:23px 20px 10px}.topbar{padding:0 20px}.design-grid{grid-template-columns:1fr}.input-panel .fields-grid{grid-template-columns:repeat(3,1fr)}.input-panel .template-grid{max-width:420px}.input-panel textarea{min-height:80px}.output-column{min-width:0}.viewer-area{height:440px}.facts{grid-template-columns:repeat(3,1fr)}h1{font-size:23px}.page-heading{flex-wrap:wrap;gap:10px}.page-heading .pill{margin-top:0}.matching-grid{grid-template-columns:1fr}.matching-grid .panel:last-child{grid-column:auto}.matching-grid .panel:last-child .fields-grid{grid-template-columns:1fr 1fr}.help-grid{grid-template-columns:1fr}.project-controls select{width:180px}.account span{display:none}.panel{margin-bottom:15px}.section-heading{gap:8px}}
@media(max-width:640px){.app{display:block}.sidebar{width:100%;padding:13px 15px;display:block}.brand{flex-direction:row;align-items:center;padding:0;gap:9px;font-size:12px}.brand small{font-size:7px}.brand-mark.small{width:29px;height:29px;font-size:17px}.nav-caption,.sidebar-foot{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;gap:3px}.nav-button{padding:9px 4px;min-height:38px;justify-content:center;gap:0;margin:0;font-size:10px;border-radius:5px}.nav-dot{display:none}.topbar{height:auto;min-height:58px;padding:10px 15px;gap:5px}.project-controls{gap:3px;flex:1}.project-controls select{width:100%;max-width:200px;min-width:0;min-height:36px;padding:8px;font-size:11px}.project-controls .quiet{white-space:nowrap;padding:6px;min-height:36px;font-size:10px}.account .quiet{padding:6px;font-size:10px;min-height:36px}.content{padding:22px 15px 8px}h1{font-size:22px;letter-spacing:-.5px}.eyebrow{font-size:9px;margin-bottom:8px}.page-heading{margin-bottom:17px}.page-heading .muted{font-size:11px;line-height:1.8}.input-panel .fields-grid{grid-template-columns:1fr 1fr}.panel{padding:17px}.input-panel .template-grid{max-width:none}.viewer-panel{padding:0}.viewer-area{height:340px}.viewer-top{padding:10px}.viewer-top .quiet{padding:5px;font-size:10px}.viewer-bottom{padding:10px;font-size:9px;gap:5px}.segmented button{padding:5px 10px;font-size:10px}.facts{gap:8px;grid-template-columns:1fr 1fr}.fact strong{font-size:14px}.fact small{font-size:9px}.bom{font-size:9px}.bom th:nth-child(2){width:30px}.bom th,.bom td{padding:8px 3px}.download-link{font-size:10px;min-height:38px}.check strong{font-size:11px}.section-heading{flex-wrap:wrap}.section-heading .search{max-width:none}.file-row{align-items:flex-start;gap:8px}.file-actions{flex-direction:column;gap:3px}.file-actions .quiet{min-height:30px;padding:4px}.matching-grid{gap:0}.matching-results{gap:10px}.matching-actions{gap:8px}.matching-actions .fine{width:100%}.help-grid{gap:0}.login-card{padding:27px 24px}.login-screen{padding:20px}.login-card h1{font-size:22px}.file-picker{padding:12px}.file-picker input{font-size:11px}.footer{font-size:9px}.extract-row{gap:5px}.extract-row .fine{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}