:root{--ink:#18191c;--muted:#71747c;--line:#dde0e6;--blue:#4059c7;--soft:#f5f6f8;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;--serif:Iowan Old Style,Palatino Linotype,Georgia,serif}*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:var(--ink);font:14px/1.45 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.template-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.template-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:24px 18px;border-right:1px solid var(--line);background:#fff}.template-brand{display:flex;gap:11px;align-items:center;padding:0 8px 24px;border-bottom:1px solid var(--line);font-size:17px}.template-brand img{width:32px}.template-sidebar nav{margin-top:23px}.template-sidebar nav small{display:block;margin:22px 10px 7px;color:#9a9daa;font-size:8px;font-weight:700;letter-spacing:.14em}.template-sidebar nav a{display:flex;justify-content:space-between;margin:2px 0;padding:10px;border-radius:8px;color:#5f6470;font-size:11px}.template-sidebar nav a.active{background:#e9edfb;color:#2e48b5;font-weight:650}.template-sidebar nav b{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#fff;font-size:8px}.template-sidebar>footer{display:flex;gap:10px;align-items:center;margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--line)}.template-sidebar>footer>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#202126;color:#fff;font-size:10px}.template-sidebar footer strong,.template-sidebar footer small{display:block}.template-sidebar footer strong{font-size:10px}.template-sidebar footer small{color:#888;font-size:8px}.template-main{padding:45px 48px 80px}.template-top{display:flex;justify-content:space-between;align-items:end;max-width:1400px;margin:auto}.template-top small{color:var(--blue);font-size:8px;font-weight:700;letter-spacing:.14em}.template-top h1{margin:8px 0 4px;font-size:46px;line-height:1;letter-spacing:-.05em}.template-top p{margin:0;color:var(--muted)}.template-top>div:last-child{display:flex;gap:8px}.template-top button,.template-top a{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:10px}.template-top a{background:#202126;color:#fff}.template-filters{display:flex;gap:6px;align-items:center;max-width:1400px;margin:35px auto 18px;padding-bottom:16px;border-bottom:1px solid var(--line);overflow-x:auto}.template-filters button{padding:8px 11px;border:0;border-radius:99px;background:transparent;color:#676b75;font-size:9px;white-space:nowrap}.template-filters button.active{background:#202126;color:#fff}.template-filters span{margin-left:auto;color:#90939b;font-size:9px;white-space:nowrap}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1400px;margin:auto}.template-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;transition:.25s}.template-card:hover{box-shadow:0 20px 50px #1d1f2918;transform:translateY(-3px)}.template-image{position:relative;height:330px;overflow:hidden;background:var(--accent)}.template-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:.6s}.template-card:hover img{transform:scale(1.035)}.template-image>span{position:absolute;top:16px;left:16px;padding:7px 9px;border-radius:99px;background:#ffffffdc;font-size:8px}.template-image>button{position:absolute;right:16px;bottom:16px;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#fff}.template-copy{padding:20px}.template-copy>small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.13em}.template-copy h2{margin:4px 0 8px;font:30px/1 var(--serif)}.template-copy p{min-height:60px;margin:0;color:#656974;font-size:10px}.template-copy footer{display:flex;gap:5px;margin-top:17px}.template-copy footer span,.dialog-tags span{padding:6px 8px;border-radius:99px;background:#f0f1f4;color:#6d717a;font-size:7px}.template-dialog{width:min(1200px,94vw);height:min(760px,90vh);padding:0;border:0;border-radius:24px;background:#fff;box-shadow:0 40px 120px #0005}.template-dialog::backdrop{background:#101116aa;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:15px;right:15px;z-index:4;width:36px;height:36px;border:0;border-radius:50%;background:#fff;font-size:20px}.template-dialog[open]{display:grid;grid-template-columns:1.35fr .65fr}.dialog-preview{display:flex;align-items:center;padding:45px;background:var(--accent)}.preview-browser{width:100%;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 30px 70px #0004}.preview-browser>header{display:flex;gap:5px;padding:12px;background:#f3f3f3}.preview-browser>header i{width:7px;height:7px;border-radius:50%;background:#ccc}.preview-browser>header span{margin-left:auto;font-size:7px}.preview-browser main{position:relative;height:570px}.preview-browser img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.preview-browser main>div{position:absolute;right:38px;bottom:38px;left:38px;color:#fff}.preview-browser main small{font-size:8px;letter-spacing:.14em}.preview-browser main h2{margin:8px 0;font:55px/.9 var(--serif)}.preview-browser main p{max-width:470px;font-size:11px}.preview-browser main button{padding:10px 13px;border:1px solid #fff;border-radius:99px;background:transparent;color:#fff;font-size:9px}.dialog-info{display:flex;flex-direction:column;padding:50px 35px}.dialog-info>small{color:var(--blue);font-size:8px;text-transform:uppercase}.dialog-info h2{margin:7px 0;font:48px/1 var(--serif)}.dialog-info>p{color:var(--muted)}.dialog-info dl{margin-top:25px;border-top:1px solid var(--line)}.dialog-info dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:9px}.dialog-info dt{color:#888}.dialog-info dd{margin:0;font-weight:600}.dialog-tags{display:flex;gap:5px;margin-top:18px}.use-template{margin-top:auto;padding:13px;border:0;border-radius:9px;background:#202126;color:#fff}.dialog-info>a{margin-top:12px;color:var(--blue);font-size:10px;text-align:center}@media(max-width:1000px){.template-grid{grid-template-columns:1fr 1fr}.template-main{padding:35px 25px}.template-dialog[open]{grid-template-columns:1fr}.dialog-info{display:none}}@media(max-width:680px){.template-shell{display:block}.template-sidebar{position:static;width:100%;height:auto;padding:15px}.template-sidebar nav,.template-sidebar>footer{display:none}.template-brand{padding-bottom:0;border:0}.template-main{padding:35px 15px}.template-top{display:block}.template-top h1{font-size:38px}.template-top>div:last-child{margin-top:20px}.template-grid{grid-template-columns:1fr}.template-image{height:360px}.template-dialog{height:80vh}.dialog-preview{padding:15px}.preview-browser main{height:650px}}