#templates-dialog,#views-dialog{background:#202020;border:1px solid #393939;color:#ddd;padding:28px;border-radius:12px}#templates-dialog{width:min(940px,94vw)}#views-dialog{width:540px;max-width:90vw}#templates-dialog header,#views-dialog header{display:flex;align-items:center;justify-content:space-between;padding:0;height:auto;border:0}#templates-dialog h2,#views-dialog h2{font-size:23px;font-weight:500;margin:5px 0}#templates-dialog header small{font-size:9px;letter-spacing:1.8px;color:#9d80b8}#templates-dialog header button,#views-dialog header button{background:transparent;border:0;color:#888;font-size:21px}#templates-dialog>p,#views-dialog>p{font-size:12px;color:#909090;line-height:1.7}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.template-card{padding:0;text-align:left;border:1px solid #3c3c3c;border-radius:10px;overflow:hidden;background:#272727;color:#ddd}.template-card:hover{border-color:#a657c7;background:#2c292d}.template-card>strong,.template-card>p,.template-card>small{display:block;padding:0 16px}.template-card>strong{font-size:13px;font-weight:500;margin-top:17px}.template-card>p{font-size:11px;color:#999;line-height:1.7;min-height:40px}.template-card>small{font-size:11px;color:#bf88d9;margin:16px 0}.template-art{height:160px;position:relative;overflow:hidden;background:#f5f2ed}.template-art span{position:absolute;left:20px;top:35px;width:125px;height:18px;background:#3e3947;box-shadow:0 28px 0 #3e3947}.template-art i{position:absolute;left:20px;bottom:25px;width:70px;height:15px;border-radius:20px;background:#7555c8}.template-art b{position:absolute;right:20px;top:30px;width:70px;height:110px;border-radius:50px;background:linear-gradient(#d1bfe5,#b99cd2)}.template-art.dashboard{background:#f5f6fa;border-left:40px solid #292633}.template-art.dashboard span{top:20px;left:13px;width:55px;height:35px;background:#ddd2ee;box-shadow:65px 0 0 #e8e2f1}.template-art.dashboard i{bottom:25px;left:15px;width:20px;height:50px;border-radius:3px;background:#b7a2d6;box-shadow:28px -15px 0 #c7b8df,56px 0 0 #b7a2d6,84px -25px 0 #7555c8}.template-art.dashboard b{display:none}.template-art.presentation{background:#24232b}.template-art.presentation span{background:#eee;width:170px;box-shadow:0 28px 0 #eee}.template-art.presentation b{display:none}.template-art.presentation i{height:4px;width:60px;bottom:30px;background:#bc9fdb}#saved-view-list{margin-top:18px}#saved-view-list article{display:flex;align-items:center;gap:8px;border-top:1px solid #333;padding:12px 0}#saved-view-list .view-name{flex:1;text-align:left;border:0;background:transparent;color:#ddd;padding:5px}#saved-view-list small{color:#888;font-size:10px}#saved-view-list button{font-size:11px;padding:5px 8px}#saved-views-open{font-size:11px;padding:4px 8px;margin-left:6px}#views-status{font-size:11px;color:#ad83c4}@media(max-width:650px){.template-grid{grid-template-columns:1fr}.template-art{height:120px}}

/* Template gallery: search, categories, actions, user templates, component library, preview. */
#templates-dialog .template-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
#templates-dialog #template-search{flex:1 1 220px;height:28px;padding:0 10px;border:1px solid var(--input,#2b2b2b);border-radius:6px;background:var(--background,#1c1c1c);color:var(--foreground,#eee);font:13px/18px var(--font-sans,system-ui)}
#templates-dialog .template-categories{display:flex;flex-wrap:wrap;gap:4px}
#templates-dialog .template-categories button[aria-selected=true]{background:var(--primary-tint,#3a2f52);color:var(--primary-text,#c9b3ff)}
#templates-dialog .template-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#templates-dialog .template-grid[hidden],#templates-dialog [hidden]{display:none!important}
#templates-dialog .template-user-card{display:flex;flex-direction:column;border:1px solid var(--card-border,#2e2e2e);border-radius:10px;overflow:hidden;padding-bottom:10px;font:12px/16px var(--font-sans,system-ui)}
#templates-dialog .template-user-card>strong{margin-top:10px;padding:0 12px;color:var(--foreground,#eee);font-size:13px;font-weight:500}
#templates-dialog .template-user-card>p{margin:2px 0 0;padding:0 12px;color:var(--muted-foreground,#909090)}
#templates-dialog .template-art.user{display:flex;align-items:center;justify-content:center;background:var(--background,#1c1c1c)}
#templates-dialog .template-art.user svg{max-width:100%;max-height:100%}
#templates-dialog .template-card-actions{display:flex;gap:6px;margin-top:8px;padding:0 12px}
#templates-dialog #template-preview{display:flex;gap:16px;align-items:flex-start;margin-top:16px;padding-top:16px;border-top:1px solid var(--divider,#282828)}
#templates-dialog #template-preview>div:last-child{display:flex;flex-direction:column;gap:8px}
#templates-dialog #template-status{min-height:16px;margin:12px 0 0;color:var(--muted-foreground,#909090)}