.builder-header{background:#fff;height:64px;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 #e8eee8}.builder-header nav{align-items:center}.builder-header nav a{font-size:12px;color:#53685a}.builder-header nav a:hover{color:#1b5b34}.studio{padding-top:52px}.studio-heading{margin-bottom:47px}.studio-heading h1{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:clamp(36px,4.2vw,62px);font-weight:650;letter-spacing:-.06em}.studio-heading p{font-size:14px}.brief-panel,.selection-panel,.review-panel{padding:28px 0 58px;border-top:1px solid #dae4da}.panel-title{margin-bottom:24px;align-items:center}.panel-title span{color:#597962;font-size:10px}.panel-title h2{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:24px;font-weight:620}.brief-tip{font-size:12px;line-height:1.7;color:#708075;margin:13px 0 0}#brief{gap:15px}#brief label{font-size:12px;font-weight:600;color:#4a6050}#brief input,#brief select,#brief textarea{border-radius:10px;border-color:#dce5dc;margin-top:7px;min-height:46px}#brief input:focus,#brief select:focus,#brief textarea:focus{border-color:#40744e;box-shadow:0 0 0 3px #e6f1e8}.mode-tabs{gap:10px;border:0;margin-bottom:19px}.mode-tabs button{border:1px solid #dce5dc;border-radius:999px;padding:10px 17px;font-size:12px}.mode-tabs button.active{border:1px solid #244d33;color:#fff;background:#244d33}.auto-intro{background:#f3f7f3;padding:19px 22px;border-radius:15px}.auto-intro p{margin:0;font-size:12px}.auto-intro .button{border-radius:999px;white-space:nowrap}.recommendations{margin-top:20px;gap:15px}.recommendation{border-radius:16px;padding:17px}.recommendation h3{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-weight:620;font-size:19px;margin:7px 0}.recommendation .fit{color:#6e7f70}.rec-stage{border-radius:12px;margin:11px 0}.rec-list{min-height:42px}.rec-bottom button{border-radius:999px;padding:11px 16px;white-space:nowrap}.catalog-tools{position:sticky;top:64px;z-index:10;background:#ffffffed;backdrop-filter:blur(10px);padding:10px;border:1px solid #e6ece6;border-radius:13px}.catalog-tools input,.catalog-tools select{border-radius:8px}.builder-product{border-radius:15px}.builder-product img{border-radius:10px}.builder-product button{border-radius:8px}.scheme-workflow{margin-bottom:19px}.scheme-heading p{line-height:1.6}.review-details{scrollbar-color:#d3e0d3 transparent}.review-details .selected-card{transition:border-color .2s}.review-details .selected-card:hover{border-color:#b9d2be}.review-details .quote-summary b{font-size:16px}.builder-dock{position:fixed;right:22px;bottom:19px;z-index:35;display:flex;align-items:center;gap:18px;background:#1d3c29;color:#fff;padding:11px 12px 11px 18px;border-radius:999px;box-shadow:0 14px 40px #1b392a50;font-size:12px}.builder-dock[hidden]{display:none}.builder-dock b,.builder-dock strong{font-size:14px}.builder-dock button{background:#fff;color:#21452d;border:0;border-radius:999px;padding:11px 17px;font-size:12px;font-weight:700;white-space:nowrap}.shot-lead{background:#eff5ef}
@media(max-width:760px){.builder-header nav a:nth-child(3),.builder-header nav a:nth-child(4){display:none}.studio{padding-top:38px}.studio-heading{margin-bottom:33px}.brief-panel,.selection-panel,.review-panel{padding-bottom:44px}.auto-intro{display:block}.auto-intro .button{margin-top:14px}.catalog-tools{top:68px}.builder-dock{left:8px;right:8px;bottom:8px;justify-content:space-between;border-radius:15px}.builder-dock button{padding:10px 12px}.studio{padding-bottom:130px}}

/* A compact, neutral workspace; the product images provide the color. */
.studio{max-width:1450px}
.studio-heading{margin-bottom:43px}
.studio-heading h1{font-size:clamp(38px,4.8vw,64px);font-weight:620;line-height:1.17;margin-bottom:15px}
.studio-heading>p{max-width:720px;color:#676c68}
.studio-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #e5e6e4;background:#e5e6e4;border-radius:16px;overflow:hidden;margin-top:34px}
.studio-guide>div{background:#fafafa;padding:19px 22px;display:grid;grid-template-columns:27px 1fr;gap:1px 12px}
.studio-guide span{grid-row:1/3;font-size:11px;color:#9a9b97;font-weight:700;letter-spacing:.06em;padding-top:3px}
.studio-guide b{font-size:14px;font-weight:650;letter-spacing:-.02em}
.studio-guide small{font-size:11px;color:#818581;line-height:1.7}
.selection-panel,.review-panel{border-color:#e1e4df}
.panel-title span{color:#9c9f9a}
.panel-title h2{color:#1d211e;font-size:25px}
.mode-tabs{margin-bottom:19px}
.mode-tabs button{border-color:#e0e2df;color:#6a706b;background:#fff}
.mode-tabs button.active{border-color:#1f2420;background:#1f2420;color:#fff}
.mode-note{font-size:12px;color:#777f78;line-height:1.7;margin:0 0 19px}
.recommend-brief{background:#f6f7f5;border:1px solid #e4e7e2;border-radius:19px;padding:26px 28px}
.recommend-brief-heading h3{font-size:24px;font-weight:630;letter-spacing:-.04em;margin:7px 0 6px}
.recommend-brief-heading p{font-size:12px;line-height:1.8;color:#737a74;margin:0 0 21px}
#brief label{font-size:12px;color:#4c554d}
#brief input,#brief select,#brief textarea{border-color:#d9ded8}
#brief input:focus,#brief select:focus,#brief textarea:focus{border-color:#555e56;box-shadow:0 0 0 3px #e9ede8}
.generate-actions{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.generate-actions .button{border-radius:10px;min-height:43px;padding:11px 16px;font-size:12px}
.generate-actions .button.dark{background:#1f2420}
.generate-actions .button.outline{border-color:#c8cec6;color:#29312a}
.generate-actions span{font-size:11px;color:#7d847e}
.recommendation{border-color:#e1e5df;background:#fff}
.recommendation-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rec-remove{border:0;background:transparent;color:#8c918b;font-size:11px;padding:4px 0}
.rec-remove:hover{color:#b54e3e}
.recommendation .fit{color:#6b746b}
.rec-stage{background:#f3f4f1}
.rec-bottom{display:block;padding-top:14px}
.rec-bottom strong{display:block;color:#202420;margin-bottom:14px}
.rec-actions{display:flex;gap:7px}
.rec-bottom .rec-actions button{flex:1;border-radius:9px;padding:10px 8px;white-space:nowrap;background:#232823;color:#fff;border:1px solid #232823}
.rec-bottom .rec-actions .rec-keep{background:white;color:#343b34;border-color:#cbd1ca}
.rec-bottom .rec-actions .rec-keep:hover{background:#f0f2ee}
.catalog-tools{border-color:#e6e8e4}
.builder-product button.added,.builder-product button:hover{background:#242924;color:white}
.scheme-workflow{border-color:#e6e8e4;background:#fafbf9}
.scheme-heading b{color:#252b26}
.scheme-chip.active{border-color:#676f67;box-shadow:0 0 0 2px #313a3015}
.scheme-actions #saveScheme,.scheme-actions #downloadAllPpt{background:#252b26;border-color:#252b26}
#projectTotalRow[hidden]{display:none!important}
.review-details{border-color:#e5e8e4}
.review-details .quote-summary .scheme-quantity{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce3db;padding:9px 0;font-size:13px;font-weight:400;color:#59635a}
.scheme-quantity input{width:min(195px,60%);height:38px;border:1px solid #d4dad2;border-radius:8px;padding:7px 10px;background:#fff;color:#1e2820;font-size:12px;outline:0}
.scheme-quantity input:focus{border-color:#555e56;box-shadow:0 0 0 3px #edf0ec}
.review-action .button.dark{background:#242924}
.review-action p{font-size:11px}
.builder-dock{background:#252b26;box-shadow:0 15px 45px #20282036}
.builder-dock button{color:#252b26}
.shot-lead{background:#f3f5f1;border-color:#e4e8e2}
.shot-lead b{color:#272e27}
.shot-lead button{background:#252b26}
.shot-lead button:hover{background:#3a443a}
@media(max-width:900px){.studio-guide{grid-template-columns:1fr}.studio-guide>div{grid-template-columns:30px 1fr;padding:15px 18px}}
@media(max-width:680px){.studio-heading h1{font-size:39px}.recommend-brief{padding:19px 16px}#brief{grid-template-columns:1fr}#brief label:first-child,#brief .wide{grid-column:auto}.generate-actions .button{width:100%;justify-content:center}.rec-actions{flex-wrap:wrap}.rec-bottom .rec-actions button{min-width:calc(50% - 4px)}}

.mode-tabs{flex-wrap:wrap}
.library-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:25px 0 18px}
.library-head h3{font-size:25px;letter-spacing:-.04em;margin:8px 0 6px;font-weight:630}
.library-head p{color:#737b74;font-size:12px;line-height:1.7;margin:0}
.library-head>span{font-size:11px;color:#858b84;white-space:nowrap}
#libraryStatus{font-size:12px;color:#737b74;line-height:1.7}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.library-card{border:1px solid #e1e5df;border-radius:17px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.library-card-image{aspect-ratio:4/3;background:#f4f5f2;display:flex;justify-content:center;align-items:center;overflow:hidden}
.library-card-image img{height:100%;width:100%;object-fit:contain}
.library-card-image span{font-size:11px;letter-spacing:.2em;color:#a6aca5}
.library-card-body{padding:19px;display:flex;flex-direction:column;flex:1}
.library-card-body small{font-size:10px;color:#889088}
.library-card-body h4{font-size:18px;line-height:1.35;letter-spacing:-.03em;margin:8px 0 7px}
.library-card-body p{font-size:12px;line-height:1.75;color:#687268;margin:0 0 12px;min-height:42px}
.library-meta{font-size:11px;color:#8a948a;margin-top:auto;padding:4px 0 15px}
.library-card-body button{border:1px solid #292f29;border-radius:9px;background:#292f29;color:#fff;padding:11px 13px;text-align:left;font-size:12px;cursor:pointer}
.library-card-body button:hover{background:#414a41}
.package-candidates{background:#f7f8f6;border:1px solid #e1e5df;border-radius:17px;padding:20px;margin:-5px 0 22px}
.package-candidates[hidden]{display:none}
.candidate-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:15px}
.candidate-heading b{font-size:16px;letter-spacing:-.02em}
.candidate-heading p{font-size:11px;line-height:1.7;color:#7b847a;margin:5px 0 0}
.candidate-heading span{font-size:11px;color:#858f85;white-space:nowrap}
.package-candidate-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.package-candidate{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:1fr auto;gap:7px 10px;background:#fff;border:1px solid #dfe4dc;border-radius:12px;padding:10px}
.package-candidate.active{border-color:#6a756a;box-shadow:0 0 0 2px #53615312}
.package-candidate img{grid-row:1/3;width:64px;height:78px;background:#f1f3ef;object-fit:contain;border-radius:8px}
.package-candidate div{padding-right:16px;min-width:0}
.package-candidate b{font-size:12px;line-height:1.5;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.package-candidate small{font-size:11px;color:#778077;display:block;margin-top:4px}
.package-candidate [data-use-package]{grid-column:2;justify-self:start;border:1px solid #bdc8bb;background:#fff;color:#364336;border-radius:7px;padding:5px 9px;font-size:10px}
.package-candidate.active [data-use-package]{background:#2e382e;color:#fff;border-color:#2e382e}
.package-candidate .candidate-remove{position:absolute;right:8px;top:6px;border:0;background:transparent;color:#999f98;font-size:17px}
.shot-lead-actions{display:flex;gap:9px;flex-wrap:wrap}
.shot-lead-actions button{font-size:12px;padding:12px 14px;border-radius:9px}
.shot-lead #requestSample{background:#fff;color:#252b26;border:1px solid #c8d0c7}
.shot-lead #requestSample:hover{background:#e9ede7}
@media(max-width:1020px){.library-grid,.package-candidate-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-lead{align-items:start;flex-direction:column}}
@media(max-width:680px){.library-grid,.package-candidate-list{grid-template-columns:1fr}.library-head,.candidate-heading{display:block}.library-head>span,.candidate-heading>span{display:block;margin-top:10px}.shot-lead-actions{display:grid;grid-template-columns:1fr;width:100%}.shot-lead-actions button{width:100%;margin:0!important}}