.page{padding:18px 22px}.page-heading{margin-bottom:10px}.page-heading h1{font-size:21px}.page-heading .eyebrow{display:none}.project-steps{display:flex;align-items:center;gap:12px;margin:0 0 13px}.project-steps button{border:0;background:transparent;color:#7e8b83;font-size:13px;padding:8px 0}.project-steps button b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7ece7;margin-right:5px;font-weight:500}.project-steps button.active{color:#205e46;font-weight:600}.project-steps button.active b{background:#205e46;color:white}.project-steps>span{color:#9aa79d}.product-summary{background:#fff;border:1px solid #e0e7e1;border-radius:9px;display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:13px}.product-summary>div{display:flex;align-items:center;gap:15px;min-width:0;flex:1}.product-summary>div>span{min-width:0;flex:1;max-width:23%}.product-summary small{display:block;font-size:10px;color:#87928a;margin-bottom:3px}.product-summary strong{font-size:11px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-summary .summary-version{font-size:10px;color:#567764;flex:0 0 auto;max-width:110px}.product-summary>button{flex-shrink:0}.material-nav{grid-template-columns:repeat(var(--material-count,4),minmax(0,1fr));gap:8px;margin-bottom:0}.material-nav button{padding:10px 13px;gap:7px;justify-content:center;flex-direction:row;border-radius:7px}.material-nav strong{font-size:13px}.material-nav small{display:inline;font-size:10px;margin:0;color:#8b988d}.material-mode{margin-bottom:12px;min-height:38px;border:0}.material-mode>div{margin-left:auto}.material-mode button{font-size:11px;border:1px solid #dce4dd;border-radius:5px;background:white;padding:6px 12px;color:#476152}.material-workspace{grid-template-columns:minmax(310px,360px) minmax(0,1fr);gap:16px}.material-form{max-height:calc(100dvh - 286px);overflow:auto;padding-right:2px;scrollbar-width:thin}.material-form .panel-header,.material-form .panel-body{padding:12px}.material-form .panel-header h2{font-size:14px}.material-form .help{font-size:11px;line-height:1.55}.project-preview{top:10px}.material-preview-panel .preview-wrap{padding:12px;min-height:260px}.material-preview-panel .material-file-list{padding:8px;gap:6px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.material-file-list .file-row{padding:6px 8px}.material-file-list .file-row strong{font-size:11px}.file-type{font-size:10px}.product-entry-page{max-width:1020px}.product-entry-page .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.product-entry-page .field{margin-bottom:15px}.entry-next{display:flex;justify-content:flex-end;padding:10px 0 25px}.entry-next>button{min-width:190px}.cert-current{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:8px}.cert-current>span{font-size:11px;color:#6c7e70}.cert-search{margin:10px 0 12px;width:100%}.compact-cert-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.cert-tile{position:relative;min-width:0;border:1px solid #dee5dd;border-radius:7px;background:#fff;padding:0;overflow:hidden}.cert-tile[hidden]{display:none!important}.cert-tile.selected{border-color:#7da88a;background:#eff6f0}.cert-tile>label{display:flex;position:relative;flex-direction:column;align-items:center;gap:5px;min-height:75px;padding:10px 3px 5px;cursor:pointer}.cert-tile input{position:absolute;top:4px;left:4px;width:12px;height:12px;margin:0}.cert-tile img{width:58px;max-width:85%;height:29px;object-fit:contain;margin:6px 0 0}.cert-tile strong{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.cert-tile .cert-rule{position:absolute;right:2px;top:1px;padding:1px 3px;line-height:1.3;font-size:9px;border:0;background:transparent;color:#809082}.number-needed{font-size:8px;color:#aa6437}.cert-numbers-button{width:100%;margin-top:12px}.cert-fit-note{margin-top:10px}.project-menu{display:grid;gap:10px}.wizard-progress{display:flex;gap:8px;margin:16px 0 20px;font-size:11px}.wizard-progress>span{flex:1;background:#f0f3ef;border-radius:5px;padding:9px;color:#8b978e}.wizard-progress>.active{background:#e3efe5;color:#265f45;font-weight:600}.output-scope{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.output-scope button{flex:1;min-width:116px;font-size:12px}.output-scope .active{background:#235f47;color:white;border-color:#235f47}.wizard-variants{margin-top:16px}.wizard-variants h3{font-size:13px;margin:15px 0 10px}.simple-mark-rules{padding-left:21px;line-height:2;font-size:14px}.nav-more{margin-top:14px;border-top:1px solid #ffffff1b;padding-top:12px}.nav-more summary,.side-foot summary{cursor:pointer;padding:9px 12px;color:#b9cfc0;font-size:12px;list-style:none}.nav-more summary:before,.side-foot summary:before{content:'▸';margin-right:9px}.nav-more[open] summary:before,.side-foot details[open] summary:before{content:'▾'}.nav-more>div{display:grid;gap:5px;margin-top:6px}.nav-more button{font-size:11px}.side-foot details>div{display:grid;gap:6px}.studio-canvas-panel .canvas-shell{padding:12px}.layout-page .product-summary{padding:8px 10px;margin-bottom:8px}.layout-page .project-steps{margin-bottom:7px}.layout-page .layout-route{margin-bottom:8px}.layout-page .material-nav button{padding:8px 10px}.mark-checks{max-height:250px}.material-page .alerts{font-size:11px;line-height:1.7}.material-page .preview-focus .product-summary{display:none}.preview-focus .product-summary,.preview-focus .project-steps{display:none}
@media(min-width:1550px){.material-workspace{grid-template-columns:410px minmax(0,1fr)}.compact-cert-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}.cert-tile>label{min-height:77px}.material-form{max-height:calc(100dvh - 285px)}}
@media(max-width:1080px){.material-workspace{grid-template-columns:300px minmax(0,1fr);gap:12px}.product-summary>div{gap:9px}.product-summary .summary-version{max-width:85px}.cert-tile strong{font-size:9px}.material-nav small{display:none}}
@media(max-width:850px){.material-workspace{grid-template-columns:1fr}.material-form{max-height:none;overflow:visible}.material-form .compact-cert-options{grid-template-columns:repeat(6,minmax(0,1fr))!important}.product-summary>div{flex-wrap:wrap}.product-summary>div>span{flex:1 1 22%;max-width:45%}.product-summary .summary-version{flex:0 0 100%;max-width:none}.product-entry-page .fields{grid-template-columns:1fr 1fr}.material-mode>.tiny{display:none}.material-form:has(.compact-cert-options){max-height:400px;overflow:auto}}
@media(max-width:500px){.page{padding:14px}.product-entry-page .fields{grid-template-columns:1fr}.material-form .compact-cert-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}.product-summary{align-items:start}.product-summary>div>span{flex-basis:45%}.product-summary>button{padding:5px}.wizard-progress{font-size:10px;gap:4px}.wizard-progress>span{padding:7px 4px}.material-nav button{padding:8px}.material-nav strong{font-size:11px}}

.page-heading>div>p:empty{display:none}.review-tabs{display:flex;align-items:center;gap:12px;margin-bottom:12px}.review-tabs .material-nav{flex:1}.review-tabs .material-mode{margin:0;min-height:0;flex-shrink:0}.review-tabs .material-mode>.tiny{display:none}.material-form{max-height:calc(100dvh - 244px)}.compact-cert-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}.cert-tile>label{min-height:59px;gap:3px;padding-top:9px}.cert-tile img{height:24px;margin-top:4px}.cert-search{padding:7px 9px!important;margin:8px 0 10px}.layout-page .product-summary{display:none}.simple-mark-rules li{margin-bottom:6px}
@media(max-width:850px){.review-tabs{flex-wrap:wrap}.review-tabs .material-nav{flex:1 1 100%}.review-tabs .material-mode{margin-left:auto}.material-form{max-height:none}.material-form:has(.compact-cert-options){max-height:410px}}

.quick-start-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #c8ded7;border-radius:14px;background:#edf6f2;padding:20px 24px;margin-bottom:22px}.quick-start-banner strong{font-size:18px}.quick-start-banner p{margin:6px 0 0;color:#647870;font-size:13px}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.start-options button{text-align:left;padding:24px 20px;display:flex;flex-direction:column;gap:12px;border-color:#b8cec7}.start-options strong{font-size:18px}.start-options span{font-size:13px;line-height:1.7;color:#61756d}.preflight-list{max-height:52vh;overflow:auto;border:1px solid #dce6e1;border-radius:10px}.preflight-row{padding:14px;border-bottom:1px solid #e6ece9}.preflight-row:last-child{border-bottom:0}.preflight-row>div{display:flex;gap:12px;justify-content:space-between}.preflight-row>div strong{overflow-wrap:anywhere;font-size:14px}.preflight-row>div span{flex-shrink:0;color:#2d6f58;font-size:12px}.preflight-row.blocked>div span,.error-text{color:#ac372b}.preflight-row li{font-size:12px;color:#a24035;margin:4px 0}.preflight-confirm{padding:14px 0}.batch-modal{width:min(1150px,96vw)!important;max-width:96vw}.batch-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.batch-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.batch-tools button{font-size:12px;padding:7px 10px}.batch-tools select{padding:5px}.batch-modal .pdf-preview-stage{height:340px;display:flex;align-items:center;justify-content:center;background:#f3f6f4;overflow:hidden}.batch-modal .pdf-crop-surface{max-height:100%;max-width:100%;width:fit-content;line-height:0}.batch-modal #pdf-page-image{max-height:340px;max-width:100%;width:auto;display:block}.batch-modal #pdf-selection{pointer-events:none;z-index:3}.batch-region{position:absolute;padding:0;border:2px dashed #426a9f;background:#486c9f0a;border-radius:0;min-width:0;min-height:0;z-index:2}.batch-region.selected{border:2px solid #16805c;background:#16805c16}.batch-region span{position:absolute;left:0;top:0;background:#426a9f;color:#fff;font-size:11px;line-height:16px;padding:0 4px}.batch-region.selected span{background:#16805c}.batch-selected{border-left:1px solid #dce6e1;padding-left:16px}.batch-name-tools{display:flex;gap:6px;margin:10px 0}.batch-name-tools input{min-width:0}.batch-name-tools button{flex-shrink:0;padding:6px;font-size:12px}#batch-items{max-height:430px;overflow:auto}.batch-item{border:1px solid #dce6e1;padding:10px;border-radius:8px;margin:8px 0}.batch-item>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6c7d76}.batch-item input{margin:7px 0}.batch-item .small{padding:4px 8px}.import-notice{background:#fff4da;padding:10px;font-size:12px;line-height:1.6}.batch-modal .pdf-crop-fields{gap:8px}.batch-modal .pdf-crop-fields .field{margin:0}.batch-modal .pdf-crop-fields input{padding:6px}.batch-modal .dialog-actions{position:sticky;bottom:-20px;background:white;padding-top:12px}
@media(max-width:850px){.batch-layout{grid-template-columns:1fr}.batch-selected{border-left:0;padding-left:0}.quick-start-banner{align-items:flex-start}.start-options{grid-template-columns:1fr}}

.batch-modal .pdf-preview-stage{height:clamp(160px,calc(100dvh - 500px),330px)}.batch-modal #pdf-page-image{max-height:clamp(160px,calc(100dvh - 500px),330px)}.batch-modal #batch-items{max-height:calc(100dvh - 375px)}.batch-modal #pdf-selection{background:transparent;border:1px dashed #6588ae;box-shadow:none}.batch-modal .batch-tools{margin:7px 0}.batch-modal .dialog-actions{margin-top:12px}.batch-modal .help{font-size:11px;line-height:1.5}.batch-modal .import-notice{padding:7px 10px;margin:8px 0}.batch-modal h2{margin-top:0}.batch-modal .switch-line{margin-top:8px}
.batch-modal .pdf-preview-stage{padding:0;min-height:0}.batch-modal .pdf-crop-surface{max-height:none}

.cert-spacing{margin:10px 0;padding:10px;background:#f4f7f3;border:1px solid #e1e7df;border-radius:7px}.cert-spacing .field{margin-bottom:0}.cert-spacing .fields{margin-top:9px;gap:10px}.cert-spacing input,.cert-spacing select{padding:6px 8px}

.project-edit-modal:has(.project-edit-fields){width:min(900px,94vw);max-height:92dvh}.project-edit-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.project-material-options{margin-top:16px;border-top:1px solid #e2e7e1;padding-top:12px}.project-material-options summary{cursor:pointer;padding:7px 0}.project-edit-modal:has(.project-edit-fields) h3{margin:14px 0 10px}.project-edit-modal:has(.project-edit-fields) .dialog-actions{position:sticky;bottom:-20px;background:#fff;padding-top:12px}.export-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.export-policy-grid section{padding:16px;border:1px solid #dce5de;border-radius:10px;background:#f7faf7}.export-policy-grid h3{margin-bottom:12px}.export-policy-grid .switch-line{margin:10px 0}.material-form>.panel:has([aria-label="箱唛料号 PN"]) .panel-body{padding:10px 12px}.material-form>.panel:has([aria-label="箱唛料号 PN"]) .field{margin-bottom:7px}.material-form>.panel:has([aria-label="箱唛料号 PN"]) .help{margin-bottom:0}.page-heading .flex{gap:7px}.page-heading .small{font-size:11px}
@media(max-width:650px){.project-edit-fields,.export-policy-grid{grid-template-columns:1fr}.project-edit-modal:has(.project-edit-fields){width:96vw}}

.download-link{display:inline-block;padding:9px 18px;border-radius:7px;background:#20594f;color:#fff;text-decoration:none;margin:8px 0}

.field-example{display:inline;color:#708279;font-size:10px;font-weight:400;margin-left:8px;line-height:1.5;overflow-wrap:anywhere}.field>span:has(.field-example){line-height:1.65}.project-edit-fields .field-example{font-size:10px}
