.asset-list{display:grid;grid-template-columns:1fr;gap:8px}
    .asset-item{border:1px solid #334155;border-radius:10px;padding:8px;background:#111827;display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center}
    .asset-item img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#0b1220;border:1px solid #334155}
    .asset-name{font-size:12px;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .asset-actions{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
    .page-list-panel{display:grid;gap:8px}
    .page-list-item{border:1px solid #334155;border-radius:10px;padding:10px;background:#0f172a;display:grid;gap:8px}
    .page-list-item.active{border-color:#60a5fa;background:#13203a;box-shadow:0 0 0 1px rgba(147,197,253,.18) inset}
    .page-list-item.draggable{cursor:grab}
    .page-list-item.dragging{opacity:.55;transform:scale(.985)}
    .page-list-item.drop-target{border-color:#fbbf24;box-shadow:0 0 0 1px rgba(251,191,36,.28) inset}
    .page-list-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .page-drag-handle{font-size:16px;line-height:1;color:#94a3b8;-webkit-user-select:none;user-select:none}
    .page-list-name{font-size:13px;font-weight:700;color:#f8fafc}
    .page-list-meta{font-size:11px;color:#94a3b8}
    .page-list-actions{display:flex;gap:6px;flex-wrap:wrap}
    .page-list-actions .mini-btn{padding:5px 8px}

.mini-btn{border:1px solid #334155;background:#0f172a;color:#e2e8f0;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer}
    textarea,input[type="text"],input[type="number"],select{width:100%;border-radius:8px;border:1px solid #334155;background:#0b1220;color:var(--text);padding:10px;font-size:13px}
    .field-label{font-size:12px;color:#cbd5e1;margin-bottom:4px;display:block}
    .selected-target{padding:10px 12px;border:1px solid #334155;border-radius:8px;background:#0b1220;color:#f8fafc;font-size:12px;line-height:1.5;min-height:42px}
    .selected-target.empty{color:var(--muted)}
    .selected-breadcrumbs{display:flex;flex-wrap:wrap;gap:6px}
    .selected-breadcrumb{border:1px solid #334155;background:#0f172a;color:#cbd5e1;border-radius:999px;padding:4px 8px;font-size:11px;cursor:pointer}
    .selected-breadcrumb:hover{background:#172033}
    .selected-breadcrumb.is-active{border-color:#60a5fa;background:#13203a;color:#eff6ff}
    .layer-tree,.history-list,.cleanup-list{display:grid;gap:6px}
    .layer-item,.history-item,.cleanup-item{width:100%;border:1px solid #243041;border-radius:8px;background:#111827;color:#dbeafe;padding:8px 10px;text-align:left;font-size:12px;cursor:pointer}
    .layer-item:hover,.history-item:hover{background:#172033}
    .layer-item.is-active,.history-item.is-active{border-color:#60a5fa;background:#13203a;color:#eff6ff}
    .layer-item-depth-1{padding-left:18px}.layer-item-depth-2{padding-left:28px}.layer-item-depth-3{padding-left:38px}.layer-item-depth-4{padding-left:48px}
    .layer-meta,.history-meta,.cleanup-meta{display:block;color:#94a3b8;font-size:11px;margin-top:2px}
    .side-panel-tabs{position:sticky;top:0;z-index:110;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:6px 8px 4px;background:linear-gradient(180deg,#0f172a 0%,rgba(15,23,42,.98) 100%);border-bottom:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#475569 #0f172a;align-items:stretch}
    .side-panel-tabs::-webkit-scrollbar{height:8px}
    .side-panel-tabs::-webkit-scrollbar-track{background:#0f172a;border-radius:999px}
    .side-panel-tabs::-webkit-scrollbar-thumb{background:#334155;border-radius:999px;border:2px solid #0f172a}
    .side-panel-tabs::-webkit-scrollbar-thumb:hover{background:#475569}
    .side-panel-tab{min-height:58px;min-width:118px;max-width:132px;flex:0 0 118px;border-radius:12px;border:1px solid #334155;background:#0f172a;color:#cbd5e1;padding:0;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.01em;text-transform:none;white-space:normal;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
    .side-panel-tab:hover{transform:translateY(-1px);border-color:#64748b;box-shadow:0 14px 22px rgba(2,6,23,.28)}
    .side-panel-tab:focus-visible{outline:2px solid #bfdbfe;outline-offset:2px}
    .side-panel-tab-thumb{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px;padding:4px 8px;border-bottom:1px solid rgba(148,163,184,.14);background:linear-gradient(135deg,#1e293b,#334155)}
    .side-panel-tab-icon{font-size:15px;line-height:1}
    .side-panel-tab-kicker{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.86)}
    .side-panel-tab-body{display:grid;gap:1px;padding:6px 8px}
    .side-panel-tab-title{font-size:11px;font-weight:800;color:#f8fafc;line-height:1.1}
    .side-panel-tab-note{font-size:10px;color:#94a3b8;line-height:1.1}
    .side-panel-tab.is-active{background:#111c34;border-color:#93c5fd;color:#f8fafc;box-shadow:0 0 0 1px rgba(147,197,253,.16) inset,0 16px 26px rgba(29,78,216,.22)}
    .side-panel-tab.is-active .side-panel-tab-title{color:#eff6ff}
    .side-panel-tab.is-active .side-panel-tab-note{color:#dbeafe}
    .side-panel-tab.is-active .side-panel-tab-thumb{border-bottom-color:rgba(191,219,254,.28)}
    #leftTabTemplates .side-panel-tab-thumb{background:linear-gradient(135deg,#2563eb,#7c3aed)}
    #leftTabInsert .side-panel-tab-thumb{background:linear-gradient(135deg,#0f766e,#14b8a6)}
    #leftTabPages .side-panel-tab-thumb{background:linear-gradient(135deg,#1d4ed8,#0ea5e9)}
    #leftTabChecks .side-panel-tab-thumb{background:linear-gradient(135deg,#15803d,#65a30d)}
    #leftTabExport .side-panel-tab-thumb{background:linear-gradient(135deg,#b45309,#f59e0b)}
    #rightTabBlocks .side-panel-tab-thumb{background:linear-gradient(135deg,#1d4ed8,#6366f1)}
    #rightTabLayers .side-panel-tab-thumb{background:linear-gradient(135deg,#475569,#0f172a)}
    #rightTabInspector .side-panel-tab-thumb{background:linear-gradient(135deg,#7c3aed,#a855f7)}
    #rightTabLogic .side-panel-tab-thumb{background:linear-gradient(135deg,#0f766e,#06b6d4)}
    #rightTabGlobals .side-panel-tab-thumb{background:linear-gradient(135deg,#0369a1,#0284c7)}
    #rightTabAssets .side-panel-tab-thumb{background:linear-gradient(135deg,#be123c,#f43f5e)}
    #rightTabHistory .side-panel-tab-thumb{background:linear-gradient(135deg,#92400e,#f59e0b)}
    .side-panel-section{display:none}
    .side-panel-section.is-active{display:block}
    .side-panel-section .section:first-child{padding-top:14px}
    input[type="color"]{width:100%;height:42px;padding:4px;background:#0b1220;border:1px solid #334155;border-radius:8px;cursor:pointer}
