.front-shell{display:grid;grid-template-columns:228px minmax(0,1fr);height:100vh;min-height:600px;background:#fff}
.global-nav{border-right:1px solid var(--line);background:#fff;overflow:auto;padding:22px 16px}
.global-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 25px}
.eazo-logo{display:flex;align-items:center;gap:8px;color:#151716;font-weight:750;font-size:28px;line-height:1}
.eazo-mark{width:32px;height:32px;display:grid;place-items:center;background:#ff834a;color:#fff;font-size:29px;font-weight:700;line-height:1}
.header-ghost{display:flex;gap:15px;color:#5a625c;font-size:19px}
.main-links{display:grid;gap:4px}
.nav-row{width:100%;height:46px;border:0;background:#fff;color:#454b48;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;font-size:15px}
.nav-row:hover{background:#f6f7f5}.nav-row.active{background:#f1f4f0;color:#183f34;font-weight:650;border-left:3px solid var(--orange);padding-left:10px}
.nav-icon{width:20px;display:grid;place-items:center;font-size:19px;font-weight:400}
.skeleton-row{height:46px;display:flex;align-items:center;gap:13px;padding:0 13px}.skeleton-icon{width:19px;height:19px;flex:none;background:#eff1ed}.skeleton-line{height:12px;background:#ecefea}.skeleton-line.long{width:65%}.skeleton-line.medium{width:51%}.skeleton-line.short{width:36%}
.workspace{min-width:0;overflow:auto;background:#fff}.workspace-inner{max-width:1350px;padding:35px 38px 70px;margin:auto}
.workspace-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:30px}
.workspace-tabs button{height:43px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:#fff;color:#66736a;font-size:14px;font-weight:550}
.workspace-tabs button:hover{color:var(--green)}.workspace-tabs button.active{color:var(--green);border-bottom-color:var(--orange);font-weight:700}
.catalog-count{color:var(--muted);font-size:12px}.front-product-table .data-table{min-width:680px}.front-product-table .data-table td{padding:15px 12px}.front-product-table .item img{width:52px;height:52px}
.detail-back{border:0;background:none;padding:0 0 18px;color:#5d7567;font-size:12px}.detail-main{display:grid;grid-template-columns:270px 1fr;gap:30px;padding:24px 0 18px;border-bottom:1px solid var(--line)}.detail-image{height:270px;border:1px solid var(--line);background:#f2f5f1;display:grid;place-items:center}.detail-image img{max-width:90%;max-height:90%;object-fit:contain}.detail-main h1{margin:0 0 8px}.detail-main .kv{max-width:700px}
.media-table{border:1px solid var(--line);margin-top:13px}.media-row{display:grid;grid-template-columns:75px 1fr 160px;gap:15px;align-items:center;min-height:67px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:12px}.media-row:last-child{border-bottom:0}.media-preview{width:56px;height:46px;border:1px solid var(--line);background:#eef2ec;display:grid;place-items:center;color:#6d8c74}.media-preview img{width:100%;height:100%;object-fit:contain}.media-row .sub{display:block;color:var(--muted);font-size:11px;margin-top:2px}.media-actions{display:flex;gap:6px}
.integration{margin-top:27px;display:grid;grid-template-columns:1fr 285px;gap:22px}.integration-panel{border:1px solid var(--line);padding:19px}.integration-panel h2{margin:0 0 16px}.integration .summary{border:1px solid var(--line);background:#f8faf7;padding:19px}.integration .summary strong{font-size:23px;display:block;margin:7px 0 4px}.integration .summary .btn{margin-top:13px;width:100%}.integration .summary .btn + .btn{margin-top:7px}
.code-line{font:12px/1.8 ui-monospace,SFMono-Regular,monospace;background:#f1f4f0;border:1px solid var(--line);padding:12px;word-break:break-all;color:#2d523b}
@media(max-width:1050px){.front-shell{grid-template-columns:190px minmax(0,1fr)}.global-nav{padding:19px 9px}.workspace-inner{padding:25px}.detail-main{grid-template-columns:190px 1fr}.detail-image{height:200px}.integration{grid-template-columns:1fr}}
@media(max-width:760px){.front-shell{grid-template-columns:145px minmax(0,1fr);height:auto;min-height:100vh}.global-nav{padding:15px 5px}.global-head{padding:0 5px 20px}.eazo-logo{font-size:20px}.eazo-mark{width:27px;height:27px;font-size:24px}.header-ghost{display:none}.nav-row{font-size:13px;gap:7px;padding:0 8px}.nav-row.active{padding-left:5px}.nav-icon,.skeleton-icon{width:16px}.skeleton-row{gap:8px;padding:0 8px}.workspace-inner{padding:21px 15px}.detail-main{grid-template-columns:1fr}.detail-image{max-width:340px}.front-product-table{overflow:auto}.integration{grid-template-columns:1fr}}