:root {
  --color-dark-teal: #0F3B3B;
  --color-bg: #F7FAF9;
  --color-mint: #88C8C0;
  --color-coral: #E8705F;
  --color-text-main: #1A3434;
  --color-text-sub: #547272;
  --mask: rgba(15,59,59,0.7);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text-main);min-height:100vh;}
.header{padding:16px;background:var(--color-bg);}
h1{color:var(--color-dark-teal);font-size:24px;margin-bottom:12px;}
.search-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--color-mint);background:#fff;font-size:16px;}
.template-wall{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:80px;}
.template-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(15,59,59,0.08);}
.template-card img{width:100%;aspect-ratio:9/16;object-fit:cover;}
.template-card .card-text{padding:8px 12px;font-size:14px;}
.bottom-tab{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;border-top:1px solid #eee;height:60px;}
.tab-item{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-sub);text-decoration:none;}
.tab-item.active{color:var(--color-dark-teal);font-weight:bold;}
.page-editor{background:var(--color-bg);}
.drawer-toolbar{position:fixed;bottom:70px;left:12px;right:12px;background:var(--color-dark-teal);border-radius:14px;padding:12px;display:flex;gap:12px;justify-content:center;}
.drawer-toolbar button{padding:12px 20px;border:none;border-radius:10px;background:#fff;color:var(--color-dark-teal);font-size:16px;}