/* Shared Yincai visual system: commerce and operations */
:root{--ink:#182925;--muted:#63716d;--line:#dde4e1;--paper:#f4f7f6;--acid:#d2e4dc;--coral:#39745f;--deep:#183d31;--radius:12px;--green:#245d49;--orange:#987b56;--blue:#245d49;--nav:#152e26;--nav2:#25453a;--bg:#f4f7f6}
body{font-size:16px;line-height:1.6}h1,h2,h3{line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}input,select,textarea{min-height:42px;font-size:16px!important;border-radius:8px}input[type=checkbox],input[type=radio]{min-height:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6b9c88;outline-offset:3px}img{max-width:100%}.eyebrow,.admin-kicker{font-size:12px!important;letter-spacing:.12em}.online-preview-banner{height:32px;background:#edf3ef;color:#375447;border-bottom:1px solid #d6e2da;font-size:12px;letter-spacing:0;text-transform:none}.online-preview-body{padding-top:32px!important}.site-header{top:32px;height:80px;padding-inline:4%;background:#ffffffed}.brand-copy small{font-size:10px}.brand-mark{border-radius:8px;color:#f0f6f2;background:#183d31}.main-nav{gap:18px;font-size:14px}.language-form select{font-size:14px!important}.button,.nav-cta,.admin-button{border-radius:8px;font-size:14px!important;min-height:44px}.button.primary,.nav-cta{background:#245d49;border-color:#245d49;color:white}.button.primary span,.nav-cta span{color:inherit}.hero{min-height:650px;padding:70px 6% 95px;background:#f2f6f3}.hero h1{font-size:clamp(42px,5.2vw,76px);max-width:760px}.hero-object:after{background:#d3e2d9;box-shadow:none}.section-head h2{font-size:clamp(28px,3vw,46px)}.section-head{gap:24px}.product-card,.solution-grid article{border-radius:12px;overflow:hidden;border-color:#dde4e1}.product-card h3{font-size:24px}.product-card small,.product-card p,.spec-grid,.spec-list{font-size:14px}.tool-hero{padding:48px 5% 32px}.tool-hero h1{font-size:clamp(34px,4vw,56px)}.tool-hero p{max-width:720px}.tool-shell{gap:24px}.tool-form,.tool-results,.estimate-result{border-radius:12px}.site-footer{background:#172e26;color:#e9f0ec}.site-footer a{line-height:1.8}.site-footer small{font-size:12px}.site-footer p{color:#bdcec4}
/* Compact assisted selection, dominant product workspace */
.studio-head{padding:38px 36px 24px;max-width:1480px;align-items:center}.studio-head h1{font-family:inherit;font-size:clamp(30px,3.2vw,48px);line-height:1.2;margin:10px 0 12px;letter-spacing:-.03em}.studio-head p{font-size:16px;margin:0;max-width:820px}.studio-step{display:none}.ai-match-studio{max-width:1408px;margin:0 auto 24px;padding:24px 28px;background:#edf4f0;color:#183d31;border:1px solid #d7e5dd;border-radius:14px;grid-template-columns:280px minmax(0,1fr);gap:32px}.ai-match-copy h2{font:650 25px/1.3 inherit;margin:8px 0}.ai-match-copy p,.ai-match-result p{color:#576d62;font-size:14px}.ai-flow{display:none}.ai-mode-tabs{margin-bottom:12px;border-color:#c4d7cc}.ai-mode-tabs button{font-size:14px;color:#576d62;padding:8px 14px}.ai-mode-tabs button.active{color:#245d49;border-color:#245d49}.ai-input-row select,.ai-input-row textarea,.ai-upload-trigger{background:white;color:#213b2e;border-color:#c5d7cc;border-radius:8px}.ai-input-row .button{background:#245d49!important;color:white!important;border-color:#245d49!important;min-width:150px}.ai-match-result{border:0;background:transparent;padding:8px 0 0;margin-top:8px}.ai-match-result span{color:#426e59;font-size:12px}.ai-match-result h3{font:600 20px/1.3 inherit}.studio-transition{max-width:1408px;margin:0 auto 16px}.studio-transition p{font-size:14px}.studio-transition span{background:#245d49;flex-shrink:0}.packaging-studio{max-width:1480px;padding:0 36px;margin-bottom:56px;grid-template-columns:300px minmax(0,1fr) 250px;gap:16px;align-items:start}.config-panel,.summary-panel,.viewer-panel{border:1px solid #dce5df;border-radius:14px;min-width:0}.config-panel,.summary-panel{padding:20px}.config-panel{max-height:760px}.panel-title h2,.viewer-top h2{font-size:16px}.config-panel>label,.artwork-upload>span{font-size:14px;letter-spacing:0}.product-picker span,.product-picker small{font-size:13px;line-height:1.45}.product-picker button{border-radius:8px}.product-picker button.active{border-color:#245d49;box-shadow:inset 0 0 0 1px #245d49}.choice-row button{font-size:14px}.viewer-panel{position:sticky;top:130px;background:radial-gradient(ellipse at 45% 35%,#fff,#e5ece8);min-height:620px}.model-stage{min-height:620px;height:620px}.viewer-top{gap:12px}.viewer-top p{font-size:12px}.viewer-panel:after{content:none}.viewer-actions button{font-size:14px}.summary-panel dl div{display:block}.summary-panel dt{font-size:13px}.summary-panel dd{text-align:left;margin-top:4px;font-size:14px}.summary-panel .button{white-space:normal}.mini-card{height:150px;border-radius:8px}.artwork-upload small,.concept-note{font-size:13px}.upload-button span{font-size:14px}.color-editor input[type=text]{font-size:14px!important}.swatches button{width:32px;height:32px}.choice-row button{min-height:42px}.packaging-studio .button.primary{background:#245d49;border-color:#245d49}
/* Operations: readable navigation, restrained cards and usable tables */
.sidebar{top:32px;width:246px;padding:20px 14px}.sidebar nav{overflow:auto;min-height:0;gap:2px;margin-top:16px}.sidebar nav a{font-size:14px;padding:9px 12px}.sidebar nav .nav-label{font-size:12px;padding:14px 12px 5px;color:#9bb6a8}.admin-brand{padding:0 8px 18px;font-size:15px}.admin-brand>span{border-radius:8px;background:#345b49}.sidebar-foot{font-size:12px;flex-shrink:0}.admin-main{margin-left:246px}.topbar{height:auto;min-height:78px;gap:20px;padding:20px 28px}.topbar small{font-size:14px}.topbar-badge{display:none}.admin-content{padding:24px 28px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metrics article{border-radius:12px;min-height:120px}.metrics b{font-size:30px}.metrics small,.metrics span{font-size:14px}.panel,.create-box,.catalog-card,.catalog-summary,.catalog-insights article{border-radius:12px;box-shadow:none}.panel-head h2{font-size:18px}.panel-head p{font-size:14px}th{font-size:13px}td{font-size:14px}.table-wrap{max-width:100%}.catalog-shell{grid-template-columns:215px minmax(0,1fr)!important;gap:20px!important}.catalog-summary h1{font-size:30px!important}.catalog-toolbar,.catalog-actions,.toolbar{flex-wrap:wrap;gap:10px}.catalog-toolbar input{min-width:160px;flex:1}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalog-card h3{font-size:20px!important}.catalog-insights{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalog-card-media{background:#e9f1ec!important;color:#214936!important}.catalog-card-media small,.catalog-specs,.catalog-card-body p,.catalog-status{font-size:13px!important}.catalog-sidebar,.catalog-main,.admin-content,.dashboard-grid>*{min-width:0}.catalog-drawer-panel{max-width:94vw}.catalog-modal-card{max-width:94vw;max-height:85vh;overflow:auto}.catalog-form input,.catalog-form select{max-width:100%}.admin-menu-toggle{display:none}.feedback-message{padding:14px 18px;border:1px solid #cddfd3;border-radius:8px;background:#f0f7f2;color:#244936;margin:16px 0;font-size:14px}
@media(max-width:1250px){.main-nav{gap:12px}.packaging-studio{grid-template-columns:300px minmax(0,1fr)}.summary-panel{grid-column:1/-1;display:block}.summary-panel dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-panel .mini-card{display:none}.summary-panel .button{width:auto}.catalog-shell{grid-template-columns:1fr!important}.catalog-sidebar{position:static!important}.category-list{max-height:230px;overflow:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-match-studio,.studio-transition{margin-left:36px;margin-right:36px}}
@media(max-width:900px){.site-header{height:70px}.main-nav{top:70px}.sidebar{display:none}.admin-main{margin-left:0}.admin-menu-toggle{display:inline-flex;align-items:center;background:#245d49;color:white;border:0;padding:9px 12px;border-radius:7px}.admin-nav-open .sidebar{display:flex;width:260px;box-shadow:12px 0 60px #12271a55;z-index:60}.admin-nav-open .admin-menu-toggle{position:fixed;right:16px;top:42px;z-index:80}.top-actions{display:none}.ai-match-studio{grid-template-columns:1fr;gap:12px}.ai-match-copy h2{font-size:24px}.hero{grid-template-columns:1fr;min-height:0}.hero-object{min-height:480px}.packaging-studio{grid-template-columns:260px minmax(0,1fr);padding:0 24px}.model-stage{height:570px;min-height:570px}.viewer-panel{min-height:570px}.viewer-top{display:block}.viewer-top p{margin-top:6px}}
@media(max-width:640px){.studio-head{padding:28px 18px 20px}.ai-match-studio{margin:0 14px 20px;padding:20px}.studio-transition{margin:0 18px 16px}.packaging-studio{padding:0 14px;grid-template-columns:1fr}.viewer-panel{position:relative;top:0;grid-row:1;min-height:430px}.model-stage{height:430px;min-height:430px}.config-panel{max-height:none;grid-row:2}.summary-panel{grid-row:3}.summary-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-top p{display:block}.ai-input-row{grid-template-columns:1fr}.ai-input-row .button{min-width:0}.ai-mode-tabs button{padding:8px 10px}.admin-content{padding:18px 14px}.topbar{padding:18px 14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics b{font-size:25px}.dashboard-grid,.form-grid,.catalog-form-grid{grid-template-columns:1fr!important}.span2{grid-column:auto}.catalog-grid{grid-template-columns:1fr!important}.catalog-toolbar{display:flex!important;flex-wrap:wrap}.catalog-toolbar>*{max-width:100%}.bulk-bar,.bulk-bar>div{flex-wrap:wrap}.catalog-summary{display:block}.catalog-summary-stats{margin-top:16px;flex-wrap:wrap}.tool-shell{display:block;padding:0 16px}.tool-results{margin-top:20px}.hero{padding:42px 20px 80px}.hero h1{font-size:42px}.hero-object{min-height:430px}.search{width:100%}.site-footer{padding:40px 22px}.online-preview-banner{font-size:12px;letter-spacing:0}.site-header .brand-copy{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.ai-match-studio{width:calc(100% - 72px)}.studio-transition{width:calc(100% - 72px)}.ai-match-copy h2{font-family:inherit;font-size:25px;font-weight:650;line-height:1.3}.ai-match-result h3{font-family:inherit;font-size:20px;font-weight:600;line-height:1.3}.config-field{margin-bottom:22px;font-size:14px;font-weight:650}.render-fallback{position:absolute;bottom:66px;left:22px;right:22px;z-index:4;background:#ffffffdf;border-radius:8px;padding:12px;font-size:13px;line-height:1.6;color:#596b62}.sidebar nav a[aria-current=page]{background:#315342;color:white}.main-nav a[aria-current=page]{color:#245d49;text-decoration:underline;text-underline-offset:8px}.detail-tabs{overflow:auto}.detail-tabs button{white-space:nowrap;min-height:44px}.detail-layout,.detail-content{min-width:0}.detail-grid{gap:16px}
@media(max-width:760px){.ai-match-studio,.studio-transition{width:auto}.catalog-summary-stats{display:flex!important}.detail-layout,.detail-grid{grid-template-columns:1fr!important}}
.catalog-insights article{background:white!important;color:#253d32!important;border:1px solid #dde4e1;padding:18px!important}.catalog-insights strong{color:#245d49!important;font-size:26px!important}.catalog-insights small{color:#63716d!important;font-size:13px!important}.sidebar nav a.active{border-left-color:#83ae98!important}.catalog-summary-stats b{color:#245d49!important}.catalog-actions button,.catalog-view button{border-radius:8px}.detail-hero{background:#edf4f0!important;color:#1d3d2d!important}.detail-hero h1{font-size:32px!important}.detail-hero p{color:#567060!important}
.video-story:has(.video-placeholder){display:none}.hero:before{opacity:.3}.marquee{background:#244f3d;color:#e9f1ed}.final-cta{background:#e5efe9;color:#193e2d}.hero-metrics b,.section-number{color:#3c7058}.solution-grid article:hover{background:#eaf2ed;color:#193e2d}.product-media,.media-placeholder{background:#edf2ef!important}.solution-grid article span{color:#3c7058}.model-upload-layout{min-width:0}.model-hero h1{font-size:36px}.model-panel{border-radius:12px}.section{padding-top:72px;padding-bottom:72px}