:root{font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:#24302d;background:#f7f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #087e68;outline-offset:2px}.app{display:flex;min-height:100vh}.sidebar{width:226px;flex:none;background:#fff;border-right:1px solid #e5e9e7;padding:25px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;padding:4px 13px 36px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:6px;background:#087e68;color:#fff;font-size:17px}.nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;text-align:left;padding:12px 14px;border-radius:6px;color:#596560;display:flex;gap:13px;align-items:center;width:100%}.nav-item:hover,.nav-item.active{background:#eaf4f0;color:#087e68;font-weight:650}.nav-icon{width:20px;text-align:center;font-size:21px;line-height:1}.side-note{margin-top:auto;padding:15px 13px;border-top:1px solid #e8ecea;color:#53635c;font-size:12px;line-height:1.8}.side-note small{color:#98a39e}.content{min-width:0;flex:1}.topbar{height:64px;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid #e5e9e7;display:flex;align-items:center;gap:14px;background:#fff}.breadcrumb{font-size:13px;color:#5d6b64}.status{margin-left:auto;color:#577468;font-size:12px;white-space:nowrap}.status i{display:inline-block;width:7px;height:7px;background:#32a884;border-radius:50%;margin-right:6px}.view{display:none;max-width:1480px;margin:auto;padding:38px clamp(22px,4vw,64px) 72px}.view.active{display:block}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:42px}.page-heading.compact{margin-bottom:29px}.eyebrow{font-size:11px;font-weight:750;color:#13856d;margin:0 0 9px;letter-spacing:0}.page-heading h1,.detail-heading h1{font-size:30px;line-height:1.25;margin:0 0 10px;font-weight:730}.page-heading p:not(.eyebrow),.detail-heading p:not(.eyebrow){color:#738079;margin:0;font-size:14px}.primary-button{background:#087e68;color:#fff;border:1px solid #087e68;border-radius:6px;padding:12px 17px;font-weight:650;white-space:nowrap}.primary-button:hover{background:#066e5b}.workspace,.catalog-preview{margin-bottom:43px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-head h2,.results-head h2{margin:0;font-size:20px}.subtle{font-size:12px;color:#8c9992}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quick-item,.tool-card{border:1px solid #e2e8e4;background:#fff;border-radius:7px;text-align:left;transition:border-color .15s,transform .15s}.quick-item:hover,.tool-card:hover{border-color:#84bcab;transform:translateY(-2px)}.quick-item{padding:20px;min-height:126px;display:flex;flex-direction:column;align-items:flex-start}.quick-item strong{font-size:15px;margin-top:12px}.quick-item small{font-size:12px;color:#8a9890;margin-top:5px}.mini-symbol,.tool-symbol{display:grid;place-items:center;color:#176f5e;background:#e9f5ee;border-radius:6px;font-weight:750}.mini-symbol{width:32px;height:32px;font-size:17px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{padding:19px;min-height:161px;display:flex;flex-direction:column;gap:12px}.tool-card-top{display:flex;justify-content:space-between;align-items:start}.tool-card h3{font-size:15px;margin:0}.tool-card p{font-size:12px;line-height:1.6;color:#74817a;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card-foot{margin-top:auto;display:flex;justify-content:space-between;font-size:11px;color:#98a59e}.badge{font-size:11px;color:#98763c;background:#fbf3e4;border-radius:4px;padding:5px 7px;white-space:nowrap}.badge.ready{background:#e6f4ec;color:#187550}.text-button,.back-button{background:none;border:0;color:#087e68;font-size:13px;font-weight:650;padding:5px 0}.catalog-controls{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:19px}.search{height:42px;min-width:250px;width:min(360px,100%);border:1px solid #dce4df;border-radius:6px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 13px;color:#7f9088}.search input{border:0;outline:0;width:100%;font-size:13px;background:transparent}.segmented{display:flex;flex-wrap:wrap;background:#ebefec;padding:3px;border-radius:6px;gap:2px}.segmented button,.category-filters button{border:0;background:transparent;color:#637169;font-size:12px;padding:8px 12px;border-radius:4px;white-space:nowrap}.segmented button.active{background:#fff;color:#087e68;box-shadow:0 1px 3px #263b3020;font-weight:650}.category-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px}.category-filters button{border:1px solid #e2e8e4;background:#fff}.category-filters button.active{background:#e5f3ec;border-color:#bddfce;color:#087e68}.results-head{display:flex;align-items:baseline;gap:11px;margin-bottom:15px}.results-head span{font-size:12px;color:#89968d}.empty-results{padding:50px;text-align:center;color:#7a8a80}.back-button{margin-bottom:31px}.detail-heading{display:flex;align-items:center;gap:18px;padding-bottom:28px;border-bottom:1px solid #e2e8e4;margin-bottom:27px}.detail-heading .badge{margin-left:auto}.tool-symbol{width:57px;height:57px;font-size:26px;flex:none}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px}.tool-panel,.detail-aside{background:#fff;border:1px solid #e3e9e5;border-radius:7px;padding:25px}.tool-panel h2,.detail-aside h3{margin:0 0 19px;font-size:17px}.detail-aside h3{font-size:14px}.detail-aside ul{padding-left:18px;margin:0;color:#66766e;font-size:12px;line-height:1.9}.notice{margin-top:24px;padding:13px;background:#f4f7f5;border-left:3px solid #82b49e;font-size:12px;line-height:1.7;color:#5c6f64}.pending{max-width:540px;padding:31px 0}.pending strong{display:block;font-size:18px;margin-bottom:9px}.pending p{line-height:1.75;color:#708077;font-size:13px}.field{display:block;margin:19px 0;color:#405349;font-size:13px;font-weight:650}.field input[type=file]{display:block;width:100%;margin-top:9px;border:1px dashed #9cbcab;background:#f8fbf9;border-radius:6px;padding:22px;color:#60766a;font-size:12px}.field input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#087e68}.preview-box{min-height:240px;display:grid;place-items:center;background:#f2f5f2;border:1px solid #e6ebe7;border-radius:5px;overflow:hidden;color:#9aa69f;font-size:13px}.preview-box img{max-width:100%;max-height:400px;object-fit:contain}.swatches{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.swatch{width:90px;border:1px solid #e1e6e2;background:#fff;border-radius:5px;padding:5px;text-align:left}.swatch-color{height:48px;border-radius:3px;display:block}.swatch code{font-size:11px;display:block;text-align:center;padding:5px 0 2px}.result-actions{display:flex;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}.result-actions small{color:#7d8a82}.help-list{display:grid;gap:0;max-width:850px}.help-list section{padding:22px 0;border-bottom:1px solid #e0e7e2}.help-list h2{font-size:17px;margin:0 0 9px}.help-list p{font-size:13px;color:#65756c;line-height:1.8;margin:0}.toast{position:fixed;bottom:22px;right:22px;background:#223b32;color:#fff;padding:11px 16px;border-radius:5px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.mobile-menu{display:none}.icon-button{border:0;background:transparent;font-size:20px;color:#50645a;padding:4px}
@media(max-width:1050px){.quick-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-controls{align-items:stretch;flex-direction:column}.detail-layout{grid-template-columns:1fr}.detail-aside{max-width:none}}@media(max-width:700px){.sidebar{position:fixed;z-index:10;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 30px #17271e12}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.topbar{height:56px}.view{padding-top:29px}.page-heading{align-items:start;flex-direction:column;margin-bottom:31px}.page-heading h1,.detail-heading h1{font-size:25px}.quick-grid,.tool-grid{grid-template-columns:1fr}.quick-grid{gap:9px}.quick-item{min-height:90px;padding:14px;display:grid;grid-template-columns:32px 1fr;column-gap:13px;align-items:center}.quick-item strong{margin:0}.quick-item small{grid-column:2;margin-top:-15px}.subtle{display:none}.segmented{width:100%;overflow:auto;flex-wrap:nowrap}.detail-heading{flex-wrap:wrap}.detail-heading .badge{margin-left:75px}.tool-panel,.detail-aside{padding:19px}.status{font-size:11px}}