:root{--color-bg: #FFFFFF;--color-bg-soft: #F7F9F5;--color-primary: #A7C18D;--color-primary-dark: #8CAA71;--color-primary-soft: #EAF1E3;--color-accent: #ED9121;--color-accent-soft: #FDEBD3;--color-text: #3A3A3A;--color-text-muted: #6C6C6C;--color-secondary: #A87C64;--color-secondary-soft: #F1E5DE;--color-border: #E6E8E2;--color-danger: #D97B7B;--color-danger-soft: #FBEAEA;--shadow-card: 0 1px 2px rgba(60, 60, 60, .04), 0 4px 16px rgba(60, 60, 60, .06);--shadow-card-hover: 0 2px 4px rgba(60, 60, 60, .06), 0 8px 24px rgba(60, 60, 60, .1);--radius-md: 12px;--radius-lg: 16px;--radius-sm: 8px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;max-width:100%}html,body{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,Segoe UI,sans-serif;background:var(--color-bg-soft);color:var(--color-text);-webkit-font-smoothing:antialiased}img,video,canvas,svg{max-width:100%}input,textarea,select{max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin:0;font-weight:700}p{margin:0;color:var(--color-text-muted)}button{font-family:inherit}a{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app-shell{display:flex;min-height:100vh;min-height:100dvh}.app-main-col{flex:1;min-width:0;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px 28px max(24px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-wrap:break-word}.app-topbar{height:64px;border-bottom:1px solid var(--color-border);background:var(--color-bg);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));position:sticky;top:0;z-index:50}.app-topbar-left,.app-topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.app-topbar-right{flex-shrink:0}.app-icon-btn{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:10px;width:36px;height:36px;cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text)}.app-sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-bg);display:flex;flex-direction:column;height:100vh;height:100dvh;position:sticky;top:0;overflow-y:auto;z-index:40}.app-sidebar-nav-link{display:block;position:relative;padding:9px 12px;border-radius:8px;font-size:14px;text-decoration:none;margin-bottom:2px}.app-sidebar-nav-link.is-child{padding-left:24px;font-size:13px}.app-sidebar-more{padding-top:4px;border-top:1px solid var(--color-border)}.app-sidebar-more-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;margin-bottom:2px;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.app-sidebar-more-toggle.is-open,.app-sidebar-more-toggle.is-active{color:var(--color-text)}.app-sidebar-more-group{margin-bottom:10px}.app-sidebar-group-title{font-size:11px;font-weight:700;color:var(--color-text-muted);letter-spacing:.5px;padding:8px 12px 4px}.hub-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 20px}.hub-shortcut-link{font-size:13px;color:var(--color-text);text-decoration:none;padding:8px 12px;border-radius:8px;background:var(--color-bg-soft)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2830245c;z-index:30}.page-loading{padding:28px 8px 8px;color:var(--color-text-muted)}.page-loading p{font-size:13px;margin:10px 0 16px}.page-loading-bar{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--color-primary-soft),var(--color-primary),var(--color-primary-soft));background-size:200% 100%;animation:page-loading-slide 1.1s ease-in-out infinite}.page-loading-skel{height:72px;border-radius:12px;margin-bottom:10px;background:var(--color-bg-soft)}.page-loading-skel.is-short{height:48px;width:70%}@keyframes page-loading-slide{0%{background-position:100% 0}to{background-position:-100% 0}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-header-text{min-width:0;flex:1 1 220px}.page-header-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-row>:first-child{min-width:0;flex:1}.card-row>:last-child{flex-shrink:0}.copy-row{display:flex;gap:8px;align-items:center;min-width:0}.copy-row input{flex:1;min-width:0}.copy-row button{flex-shrink:0}.form-row{display:flex;gap:8px;align-items:center}.grid-2,.grid-3,.grid-4,.grid-5,.grid-split,.grid-auto{display:grid;gap:16px;min-width:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.grid-split{grid-template-columns:260px minmax(0,1fr)}.geo-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}.tabs-bar{display:flex;gap:4px;border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-bar::-webkit-scrollbar{display:none}.content-queue{display:grid;gap:8px}.user-meta,.brand-switcher-meta{display:block}.brand-switcher-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}@media (max-width: 1100px){.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.app-main{padding:16px 16px max(20px,env(safe-area-inset-bottom))}.app-topbar{height:56px;padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.app-topbar-left,.app-topbar-right{gap:8px}.app-sidebar{position:fixed;left:0;top:0;height:100vh;height:100dvh;width:min(280px,86vw);transform:translate(-105%);transition:transform .22s ease-out;box-shadow:none;padding-top:env(safe-area-inset-top)}.app-sidebar:not(.is-open){pointer-events:none}.app-sidebar.is-open{transform:translate(0);box-shadow:8px 0 32px #3c3c3c29}.app-icon-btn{width:40px;height:40px}.app-sidebar-nav-link{padding:12px}.app-sidebar-nav-link.is-child{padding-left:24px}.app-sidebar-more-toggle{padding:12px}.grid-3,.grid-split,.editor-desk{grid-template-columns:1fr}.content-queue{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.content-queue>button{min-width:180px;flex-shrink:0}.user-meta,.brand-switcher-meta{display:none}.brand-switcher-name{max-width:110px}}@media (max-width: 720px){.page-header{flex-direction:column}.page-header-actions{width:100%}.page-header-actions>button{flex:1 1 auto;justify-content:center}.form-row{flex-direction:column;align-items:stretch}.form-row input,.form-row select{max-width:none!important}.grid-2,.grid-3,.grid-4,.grid-5,.geo-layout,.grid-split{grid-template-columns:1fr}}@media (max-width: 480px){h1{font-size:20px!important}}.asset-library-grid{display:grid;gap:12px;grid-template-columns:1fr;align-items:start}@media (min-width: 640px){.asset-library-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (min-width: 1100px){.asset-library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.asset-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181466;z-index:80;display:flex;justify-content:flex-end}.asset-edit-drawer{width:min(480px,100%);max-width:520px;height:100%;background:var(--color-bg);box-shadow:var(--shadow-card-hover);display:flex;flex-direction:column;min-width:0}@media (max-width: 639px){.asset-edit-drawer{width:100%;max-width:none}}