:root{--bg:#fff;--bg-soft:#f6faf9;--ink:#0b0f1a;--muted:#5d665e;--primary:#1aa260;--primary-ink:#fff;--ring:rgba(26,162,96,.35);--card:#fff;--shadow:0 10px 30px rgba(14,64,32,.12),0 3px 8px rgba(14,64,32,.06);--radius:18px}.diy-page{min-height:100vh;color:var(--ink);background:linear-gradient(180deg,var(--bg)0%,#fefefe 40%,var(--bg-soft)100%);grid-template-columns:280px 1fr;display:grid;position:relative}.diy-page:before{content:"";pointer-events:none;z-index:0;filter:blur(20px);background:radial-gradient(40% 40% at 70% 30%,rgba(26,162,96,.05),transparent 60%),radial-gradient(30% 30% at 30% 70%,rgba(26,162,96,.06),transparent 70%);width:60vw;height:60vh;position:fixed;top:-30%;bottom:auto;left:auto;right:-20%}.diy-sidebar{background:linear-gradient(180deg,var(--card)0%,#f9fcfb 100%);z-index:1;border-right:1px solid rgba(11,15,26,.06);flex-direction:column;gap:24px;height:100vh;padding:28px 22px;display:flex;position:-webkit-sticky;position:sticky;top:0}.sidebar-brand{font-size:18px;font-weight:800}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.nav-item{color:var(--ink);box-shadow:var(--shadow);background:linear-gradient(#fff,#f4f9f5);border:1px solid rgba(11,15,26,.06);border-radius:12px;padding:12px 14px;text-decoration:none;transition:transform .15s,box-shadow .2s;display:block}.nav-item:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(26,162,96,.18),0 4px 10px rgba(26,162,96,.08)}.nav-item.active{outline:2px solid var(--ring)}.sidebar-foot{box-shadow:var(--shadow);background:linear-gradient(#f2fcf7 0%,#fff 100%);border:1px solid rgba(11,15,26,.06);border-radius:16px;gap:10px;margin-top:auto;padding:16px;display:grid}.foot-badge{color:var(--muted);font-size:13px}.foot-btn{background:var(--primary);color:var(--primary-ink);border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .2s;display:inline-flex}.foot-btn:hover{opacity:.95;transform:translateY(-1px)}.diy-content{padding:48px 42px}.diy-hero{gap:10px;margin-bottom:28px;display:grid}.diy-hero h1{font-size:36px;line-height:1.1}.diy-hero p{color:var(--muted);max-width:760px;font-size:16px}.diy-embed{box-shadow:var(--shadow);background:#fff;border-radius:20px;gap:12px;padding:0;display:grid;overflow:hidden}.diy-embed iframe{border:none;width:100%;height:80vh}.powered{text-align:center;color:var(--muted);padding:8px 0 16px;font-size:14px}.powered strong{color:var(--primary)}@media (max-width:860px){.diy-page{grid-template-columns:1fr}.diy-sidebar{border-bottom:1px solid rgba(11,15,26,.06);border-right:none;border-radius:0;height:auto;position:relative}.diy-content{padding:28px 22px}}@media (max-width:560px){.diy-hero h1{font-size:28px}.diy-embed iframe{height:70vh}}