:root{--ink:#12171c;--muted:#6c747d;--line:#dfe3e7;--soft:#f4f6f7;--orange:#f47521;--orange-soft:#fff1e8;--admin:#23282f;--danger:#b42318;--white:#fff}*{box-sizing:border-box}html,body{color:var(--ink);background:#fff;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{background:#fff;grid-template-columns:275px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;height:100vh;padding:12px 10px 20px;position:sticky;top:0;overflow:auto}.brand-logo{border:1px solid var(--line);background:#fafbfc;border-radius:12px;justify-content:center;align-items:center;height:82px;margin:2px 4px 10px;padding:18px;display:flex}.brand-logo img{max-width:100%;max-height:48px;display:block}.brand-row{justify-content:space-between;align-items:center;gap:8px;padding:8px 6px 2px;display:flex}.brand-name{letter-spacing:-.03em;white-space:nowrap;font-size:17px;font-weight:950}.brand-name span{color:var(--orange)}.collapse-btn{border:1px solid var(--line);background:#fff;border-radius:7px;width:28px;height:28px;font-size:17px;line-height:1}.side-note{color:var(--muted);padding:0 7px 12px;font-size:11px;line-height:1.35}.all-assets{text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:9px 8px;font-weight:800}.all-assets:hover,.all-assets.active{background:var(--soft)}.sidebar-tree{border-top:1px solid var(--line);margin-top:8px;padding-top:5px}.side-section{border-bottom:1px solid #edf0f2}.section-row,.nav-row{align-items:center;gap:3px;display:flex}.section-head{text-align:left;text-transform:uppercase;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:10px 7px;font-size:13px;font-weight:900;display:flex}.section-head .chev{font-size:18px;transition:all .15s}.section-head.open .chev{transform:rotate(90deg)}.section-count{color:#999;margin-left:auto;font-size:10px}.section-body{padding:0 0 7px 13px}.nav-item{text-align:left;color:#343b42;background:0 0;border:0;border-radius:7px;flex:1;padding:7px 8px;font-size:12.5px}.nav-item:hover,.nav-item.active{background:var(--soft)}.nav-item.sub{padding-top:6px;padding-bottom:6px;font-size:11.5px}.subnav{padding-left:10px}.hide-folder-btn{color:#8a9097;background:0 0;border:0;border-radius:6px;padding:5px;font-size:9px;font-weight:900;display:none}.admin-active .hide-folder-btn{display:block}.hide-folder-btn:hover{color:var(--orange);background:#eef1f3}.folder-hidden>.section-row .section-head,.folder-hidden>.nav-item,.nav-row.folder-hidden>.nav-item{opacity:.42;text-decoration:line-through}.admin-side-panel{border:1px solid var(--line);background:#fafbfc;border-radius:10px;gap:7px;margin:16px 5px 0;padding:10px;display:grid}.admin-side-panel strong{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.main{min-width:0;padding:20px 20px 90px}.topbar{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.topbar h1{letter-spacing:-.03em;margin:0;font-size:27px}.status{color:var(--muted);margin-top:5px;font-size:12px}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.btn:hover{background:#f8f9fa}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.admin{background:var(--admin);border-color:var(--admin);color:#fff}.btn.danger{color:var(--danger);border-color:#efc6c2}.btn.small{padding:7px 8px;font-size:10px}.search-row{margin-top:16px}.search{border:1px solid #ccd2d7;border-radius:9px;width:100%;padding:11px 12px;font-size:13px}.filter-row{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:8px;display:grid}.filter-row select,.grid-toolbar select,.form-grid select,.form-grid input,.stack-field input,.mapping-editor input,.catalog-search,.share-result input{background:#fff;border:1px solid #ccd2d7;border-radius:8px;width:100%;padding:9px 10px;font-size:12px}.grid-toolbar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.grid-toolbar>div{gap:8px;display:flex}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:12px;display:grid}.asset-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;transition:all .15s;position:relative;overflow:hidden}.asset-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000012}.asset-card.selected-asset{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.asset-card.hidden-asset{opacity:.42}.asset-thumb{background:#edf0f2;justify-content:center;align-items:center;height:150px;display:flex;overflow:hidden}.asset-thumb img{object-fit:cover;width:100%;height:100%;display:block}.file-type-tile{color:#68717a;background:linear-gradient(145deg,#f5f6f7,#e8ecef);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:100%}.file-type-tile strong{letter-spacing:.02em;font-size:28px;font-weight:950;line-height:1}.file-type-tile span{text-transform:uppercase;letter-spacing:.09em;color:#9198a0;font-size:9px;font-weight:900}.file-icon{color:#727a83;text-transform:uppercase;font-size:13px;font-weight:900}.asset-meta{padding:9px 10px 10px}.asset-meta strong{word-break:break-word;font-size:12.5px;line-height:1.22;display:block}.chips{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.chip{color:#6e767f;background:#f0f2f3;border-radius:6px;padding:4px 6px;font-size:9.5px}.select-box{z-index:3;color:#fff;background:#fff;border:1px solid #c5cbd0;border-radius:6px;width:22px;height:22px;font-size:13px;font-weight:900;position:absolute;top:9px;left:9px}.select-box.selected{background:var(--orange);border-color:var(--orange)}.load-more{justify-content:center;padding:24px 0;display:flex}.empty{text-align:center;color:var(--muted);border:1px dashed #cbd1d6;border-radius:12px;margin-top:15px;padding:42px}.error-state p{color:var(--danger);margin:0 0 12px}.selection-bar{z-index:30;color:#fff;background:#22272e;border-radius:12px;align-items:center;gap:9px;padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:18px;left:calc(50vw + 137.5px);transform:translate(-50%);box-shadow:0 8px 30px #00000040}.selection-bar .btn{padding:7px 10px}.modal-backdrop{z-index:100;background:#0a0e12ab;justify-content:center;align-items:center;padding:22px;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal,.preview-modal{background:#fff;border-radius:14px;width:min(680px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 80px #00000059}.modal.medium{width:min(760px,96vw)}.modal.wide{width:min(1180px,97vw)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:17px 18px;display:flex}.modal-head h2{margin:0;font-size:19px}.modal-head p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:750px;margin:5px 0 0;font-size:11px;overflow:hidden}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px;height:34px;font-size:20px}.preview-stage{background:#eef1f3;justify-content:center;align-items:center;height:min(60vh,620px);display:flex}.preview-media{object-fit:contain;max-width:100%;max-height:100%}.preview-frame{background:#fff;border:0;width:100%;height:100%}.file-preview-fallback{color:#717982;font-size:24px;font-weight:950}.file-preview-tile{color:#68717a;background:#f8f9fa;border:1px solid #d5dade;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:220px;height:150px;display:flex}.file-preview-tile strong{font-size:42px;font-weight:950;line-height:1}.file-preview-tile span{text-transform:uppercase;letter-spacing:.12em;color:#969da4;font-size:10px;font-weight:900}.preview-details{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.preview-details>div{background:#fff;min-width:0;padding:10px 12px}.preview-details span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;display:block}.preview-details strong{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.preview-footer,.modal-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:14px 18px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:12px;padding:18px;display:grid}.form-grid label,.stack-field{gap:6px;display:grid}.form-grid label>span,.stack-field>span{text-transform:uppercase;letter-spacing:.06em;color:#646c74;font-size:10px;font-weight:900}.stack-field small{color:var(--muted);font-size:11px}.stack-field{padding:18px}.share-result{background:#f0fbf4;border:1px solid #c8e8d4;border-radius:10px;gap:9px;margin:0 18px 18px;padding:12px;display:grid}.share-result>div{gap:8px;display:flex}.mapping-editor{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1.5fr auto;gap:8px;padding:15px 18px;display:grid}.mapping-layout{grid-template-columns:1fr 1.2fr;gap:18px;padding:18px;display:grid}.mapping-layout h3{margin:0 0 10px}.table-list{border:1px solid var(--line);border-radius:9px;max-height:48vh;overflow:auto}.table-row{border-bottom:1px solid #edf0f2;grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;gap:8px;padding:8px 9px;font-size:10.5px;display:grid}.table-row:last-child{border-bottom:0}.catalog-row{grid-template-columns:1.5fr 1fr 1fr}.text-danger{color:var(--danger);background:0 0;border:0;font-size:10px}.catalog-search{margin-bottom:8px}.share-page{max-width:1360px;margin:0 auto;padding:28px 24px 70px}.share-header{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding-bottom:20px;display:flex}.share-header img{width:190px;max-height:54px}.share-kicker{color:var(--orange);letter-spacing:.12em;font-size:11px;font-weight:900}.share-header h1{margin:5px 0 2px;font-size:28px}.share-header p{color:var(--muted);margin:0;font-size:12px}.share-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin-top:20px;display:grid}.share-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.share-thumb{background:#edf0f2;border:0;justify-content:center;align-items:center;width:100%;height:170px;padding:0;display:flex}.share-thumb img{object-fit:cover;width:100%;height:100%}.share-thumb span{color:#727a83;font-weight:900}.share-card-body{padding:11px}.share-card-body strong{word-break:break-word;font-size:12.5px;line-height:1.25;display:block}.share-actions{gap:7px;margin-top:11px;display:flex}.share-actions .btn{flex:1}.share-preview-media{object-fit:contain;max-width:100%;max-height:100%}.share-preview-frame{border:0;width:100%;height:100%}.share-file-fallback{color:#727a83;font-size:24px;font-weight:900}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar-collapsed .sidebar{display:none}.sidebar-collapsed .selection-bar{left:50%}.sidebar-reopen{z-index:45;border:1px solid var(--line);color:#333;background:#fff;border-left:0;border-radius:0 9px 9px 0;align-items:center;gap:6px;padding:9px 10px;font-size:11px;font-weight:900;display:flex;position:fixed;top:18px;left:0;box-shadow:0 4px 15px #00000014}.sidebar-reopen:hover{background:var(--soft)}.sidebar-reopen span{text-transform:uppercase;letter-spacing:.07em;font-size:10px}.mobile-sidebar-trigger,.mobile-sidebar-backdrop,.mobile-sidebar-close{display:none}.login-wrap{background:#f5f6f7;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(430px,92vw);padding:28px}.login-card .brand-logo{height:90px;margin:0 0 18px}.login-card h1{margin:0 0 8px;font-size:25px}.login-card p{color:var(--muted);font-size:13px;line-height:1.5}.login-card input{border:1px solid #ccd2d7;border-radius:9px;width:100%;margin:10px 0;padding:11px}.login-card button{width:100%}.error{color:var(--danger);margin-top:8px;font-size:12px}@media (max-width:900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{z-index:60;width:min(320px,88vw);height:100dvh;transition:transform .18s;display:block;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:8px 0 28px #0003}.sidebar.mobile-open{display:block;transform:translate(0)}.sidebar-reopen:not(.mobile-sidebar-trigger){display:none}.mobile-sidebar-trigger{color:var(--orange);border-color:var(--orange);display:flex}.mobile-sidebar-trigger span{text-transform:uppercase;letter-spacing:.07em;font-size:10px}.mobile-sidebar-backdrop{z-index:55;background:#0a0e1273;border:0;display:block;position:fixed;inset:0}.collapse-btn{display:none}.mobile-sidebar-close{border:1px solid var(--line);background:#fff;border-radius:7px;width:28px;height:28px;font-size:17px;line-height:1;display:block}.sidebar.mobile-open .section-head{color:var(--orange)}.sidebar.mobile-open .all-assets.active{background:var(--orange-soft);color:var(--orange)}.selection-bar,.sidebar-collapsed .selection-bar{left:50%}.preview-details{grid-template-columns:1fr 1fr}.mapping-layout{grid-template-columns:1fr}.mapping-editor{grid-template-columns:1fr 1fr}.grid-toolbar .btn{color:var(--orange);border-color:var(--orange)}}@media (max-width:600px){.main{padding:14px 12px 150px;padding-bottom:calc(150px + env(safe-area-inset-bottom))}.topbar{flex-direction:column;align-items:flex-start}.filter-row{grid-template-columns:1fr 1fr}.asset-grid{grid-template-columns:1fr 1fr;gap:8px}.asset-thumb{height:125px}.selection-bar{width:calc(100vw - 20px);bottom:10px;bottom:calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center}.form-grid,.preview-details{grid-template-columns:1fr}.share-header{flex-direction:column;align-items:flex-start}.share-grid{grid-template-columns:1fr 1fr}}.sku-picker-field{gap:6px;display:grid}.sku-picker-field>span{text-transform:uppercase;letter-spacing:.06em;color:#646c74;font-size:10px;font-weight:900}.sku-picker-field input,.sku-picker-select{background:#fff;border:1px solid #ccd2d7;border-radius:8px;width:100%;padding:9px 10px;font-size:12px}.sku-picker-select{min-height:112px;padding:4px}.sku-picker-select option{padding:6px 7px}.sku-selected{color:#4c5560;font-size:10px;font-weight:800}