:root{--paper:#f3eee5;--paper2:#fffdf8;--ink:#22221f;--muted:#746f66;--line:rgba(42,39,32,.11);--gold:#b8893c;--dark:#1d1f1d;--shadow:0 18px 60px rgba(34,30,24,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:var(--dark);color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;margin-bottom:28px}.brand i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#d4ad65,#86611f);font-style:normal;font-weight:900}.brand small{display:block;color:#bcbab2}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#c9c7c0;text-align:left;padding:11px 13px;border-radius:11px}.nav button.active,.nav button:hover{background:#2b2d2a;color:#fff}.side-note{margin-top:auto;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px;color:#c5c2b8;font-size:12px}.main{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(243,238,229,.87);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar h2{font-size:16px}.actions{display:flex;gap:8px}.btn{border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:#fffdf8;color:var(--ink);font-weight:750}.btn.primary{background:var(--dark);color:white;border-color:var(--dark)}.btn.gold{background:var(--gold);color:white;border-color:var(--gold)}.view{padding:30px;max-width:1500px;margin:auto}.hero{border-radius:28px;padding:54px;background:radial-gradient(circle at 80% 0%,rgba(213,176,103,.35),transparent 37%),linear-gradient(135deg,#252723,#444035);color:#fff;box-shadow:var(--shadow)}.hero h1{font-size:clamp(38px,5vw,72px);max-width:900px;line-height:.98;margin:12px 0}.hero p{color:#d8d4ca;max-width:660px;font-size:18px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:850;color:var(--gold)}.section{margin-top:30px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-head h2{margin:0;font-size:24px}.section-head p{margin:5px 0 0;color:var(--muted)}.intent-grid,.project-grid,.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.intent-card,.project-card,.preset-card{border:1px solid var(--line);background:var(--paper2);border-radius:18px;padding:18px;text-align:left;box-shadow:0 8px 28px rgba(40,34,25,.05)}.intent-card:hover,.project-card:hover,.preset-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.intent-card b{display:block;font-size:28px;margin-bottom:20px}.intent-card h3,.project-card h3{margin:0 0 6px}.intent-card p,.project-card p{margin:0;color:var(--muted)}.project-preview{height:130px;border-radius:14px;padding:16px;background:linear-gradient(140deg,var(--a,#786750),var(--b,#2d2c29));color:white;display:flex;flex-direction:column;justify-content:end;margin-bottom:13px}.project-preview small{opacity:.7}.project-meta{display:flex;justify-content:space-between;gap:10px}.project-menu{position:relative}.project-menu menu{position:absolute;right:0;top:30px;background:white;border:1px solid var(--line);padding:7px;border-radius:12px;box-shadow:var(--shadow);display:none;min-width:150px;z-index:5}.project-menu.open menu{display:grid}.project-menu menu button{border:0;background:transparent;text-align:left;padding:9px;border-radius:8px}.project-menu menu button:hover{background:var(--paper)}.empty{border:1px dashed rgba(42,39,32,.2);border-radius:20px;padding:44px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(15,15,13,.48);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:100}.modal[hidden]{display:none}.dialog{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--paper2);border-radius:24px;padding:24px;box-shadow:0 32px 100px rgba(0,0,0,.28)}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog h2{margin:5px 0 18px;font-size:34px}.field{display:grid;gap:7px;margin-top:16px}.field input,.field textarea,.field select{border:1px solid var(--line);background:white;border-radius:12px;padding:12px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#20211f;color:white;padding:11px 16px;border-radius:12px;z-index:1000}.toast[hidden]{display:none}@media(max-width:800px){.shell{display:block}.sidebar{height:auto;position:static;padding:12px;flex-direction:row;align-items:center}.sidebar .nav,.side-note{display:none}.brand{margin:0}.topbar{padding:0 14px}.view{padding:18px}.hero{padding:32px 22px}}
/* Idea Studio 2.0.2 — persistent project intention */
.chosen-intent-copy{margin:-8px 0 16px;color:var(--muted);max-width:560px}
.chosen-intent{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f7f1e7;margin-bottom:14px}
.chosen-intent>b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;font-size:25px}
.chosen-intent div{display:grid;gap:4px}.chosen-intent small{color:var(--muted)}
.dialog-compact{width:min(560px,100%)}
.modal-intents{max-height:48vh;overflow:auto;padding:2px}
.intent-card.is-picked{outline:2px solid var(--gold);outline-offset:2px}

/* Idea Studio 2.1 — Template Library */
.template-hero{border-radius:26px;padding:38px;background:linear-gradient(135deg,#2a2d28,#5b5142);color:white;box-shadow:var(--shadow)}
.template-hero h1{font-size:clamp(34px,5vw,62px);line-height:1;margin:8px 0 12px}.template-hero p{max-width:700px;color:#d8d4ca}
.template-search{margin-top:20px;display:flex;align-items:center;gap:10px;max-width:720px;background:white;border-radius:15px;padding:0 15px;color:#333}.template-search input{flex:1;border:0;padding:15px 0;font:inherit;outline:0}
.category-strip{display:flex;gap:8px;overflow:auto;padding:18px 0 4px}.category-strip button{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:999px;padding:9px 13px;font-weight:750}.category-strip button.active{background:#242621;color:white;border-color:#242621}
.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px}.template-card{border:1px solid var(--line);background:var(--paper2);border-radius:18px;padding:11px;box-shadow:0 8px 28px rgba(40,34,25,.05)}
.template-preview{width:100%;height:170px;border:0;border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;color:white;background:linear-gradient(145deg,#76634c,#2c2d29);overflow:hidden;position:relative}.template-preview:before{content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.28);border-radius:10px}.template-preview span,.template-preview b,.template-preview small{position:relative;z-index:1}.template-preview span{font-size:25px}.template-preview b{font-size:19px;margin-top:auto}.template-preview small{opacity:.75}.template-preview.is-wireframe{background:linear-gradient(135deg,#e9ecee,#aeb7bd);color:#25282a}.template-preview.is-mobile{background:linear-gradient(135deg,#d7e8f3,#4aa2d6)}.template-preview.is-wedding,.template-preview.is-invite{background:linear-gradient(135deg,#e7d3c7,#8e6b59)}.template-preview.is-poster{background:linear-gradient(135deg,#151b27,#7762d8)}.template-preview.is-collage{background:conic-gradient(#6c7b83,#d9b99f,#53636d,#b99680)}.template-preview.is-resume{background:linear-gradient(135deg,#e5eadf,#6e826b);color:#20231f}.template-preview.is-teaching{background:linear-gradient(135deg,#eadfae,#8d7248)}.template-preview.is-music{background:linear-gradient(135deg,#43334f,#a66e91)}.template-preview.is-mood{background:linear-gradient(135deg,#536a72,#d0aa8f)}
.template-card-meta{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 4px}.template-card-meta h3{margin:0 0 5px}.template-card-meta p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.favorite-btn{border:0;background:transparent;font-size:24px}.favorite-btn.active{color:#b78431}.compact-section{margin-top:22px}

/* Idea Studio 3.2 — Creative Studios home */
.studio-library-head{max-width:760px;margin:10px 0 28px}.studio-library-head h1{font-size:clamp(38px,6vw,68px);line-height:1.02;margin:10px 0 14px}.studio-library-head p{font-size:17px;color:var(--muted);line-height:1.6}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.studio-card{display:grid;gap:13px;padding:13px;border:1px solid var(--line);border-radius:19px;background:#fff}.studio-visual{display:grid;place-items:start;align-content:end;gap:7px;min-height:170px;border:0;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--studio) 78%,#fff),#292a27);padding:18px;color:white;text-align:left}.studio-visual b{font-size:34px}.studio-visual span{font-size:21px;font-weight:900}.studio-card h3{margin:0}.studio-card p{min-height:42px;margin:4px 0;color:var(--muted);font-size:12px;line-height:1.5}.studio-card small{color:var(--muted)}.studio-dashboard-hero{display:grid;gap:22px;padding:28px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--studio) 70%,#fff),#282925);color:#fff}.studio-dashboard-hero>.btn{justify-self:start}.studio-symbol{display:grid;place-items:center;width:64px;height:64px;margin-bottom:14px;border-radius:18px;background:rgba(255,255,255,.16);font-size:34px}.studio-dashboard-hero h1{margin:6px 0 8px;font-size:clamp(40px,6vw,70px)}.studio-dashboard-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.76);font-size:17px}.studio-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-starters button{display:grid;justify-items:start;gap:6px;min-height:150px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;text-align:left}.studio-starters button:hover{border-color:var(--gold);transform:translateY(-1px)}.studio-starters b{font-size:25px}.studio-starters strong{font-size:16px}.studio-starters span{font-size:11px;color:var(--muted)}
@media(max-width:900px){.studio-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.studio-grid,.studio-starters{grid-template-columns:1fr}.studio-card p{min-height:0}}


/* Idea Studio 3.3 — Studio Library */
.studio-library-note{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:18px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.55);font-size:11px}
.studio-library-note span{color:var(--muted)}
.studio-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.studio-store-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--paper2);box-shadow:0 10px 28px rgba(32,28,21,.06)}
.studio-cover{position:relative;width:100%;height:190px;border:0;background:color-mix(in srgb,var(--studio) 15%,#f4efe6);padding:18px}
.studio-badge{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.9);color:#3c3933;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 5px 16px rgba(30,27,22,.08)}
.studio-store-meta{padding:15px}
.studio-title-row{display:flex;align-items:flex-start;gap:10px}
.studio-card-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--studio) 17%,white);color:var(--studio);font-size:19px}
.studio-title-row h3{margin:0 0 4px}.studio-title-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}
.studio-store-meta>small{display:block;margin:13px 0;color:var(--muted)}
.studio-card-actions{display:grid;grid-template-columns:1fr auto;gap:7px}
.studio-pin.active{border-color:color-mix(in srgb,var(--studio) 30%,var(--line));background:color-mix(in srgb,var(--studio) 10%,white);color:var(--studio)}
.studio-preview{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(36,32,25,.09);border-radius:15px;background:#fff;box-shadow:0 13px 30px rgba(32,27,20,.11)}
.studio-preview.is-general{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:18px}.studio-preview.is-general span{display:grid;place-items:center;grid-row:1/3;border-radius:12px;background:#242622;color:#fff;font-size:36px}.studio-preview.is-general div{border-radius:9px;background:#e9dfcd}
.studio-preview.is-music{padding:38px 20px 15px}.studio-preview.is-music span{position:absolute;left:16px;top:38px;font:58px serif}.studio-preview.is-music i{display:block;height:1.5px;margin:10px 0 0 54px;background:#333}.studio-preview.is-music b{position:absolute;right:15px;bottom:13px;font-size:17px}
.studio-preview.is-ui{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:14px;background:#eff1f7}.studio-preview.is-ui div{border-radius:10px;background:#fff}.studio-preview.is-ui div:first-child{grid-row:1/3}.studio-preview.is-ui aside{position:absolute;left:28px;right:28px;bottom:25px;height:28px;border-radius:10px;background:#6869be}
.studio-preview.is-wedding{display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#fbf3ef,#ead6dc)}.studio-preview.is-wedding span{font-family:serif;font-size:24px;letter-spacing:.12em}.studio-preview.is-wedding strong{margin-top:8px;font-size:12px;letter-spacing:.2em}.studio-preview.is-wedding i{width:70px;height:1px;margin:17px auto;background:#a76d78}
.studio-preview.is-career{padding:20px}.studio-preview.is-career header{height:42px;border-radius:9px;background:#49755d}.studio-preview.is-career i{display:block;width:70%;height:8px;margin-top:12px;border-radius:7px;background:#d9dedb}.studio-preview.is-career b{position:absolute;right:18px;bottom:18px;font-size:30px;color:#49755d}
.studio-preview.is-education{padding:18px}.studio-preview.is-education>strong{display:block;margin-bottom:12px;color:#9a6c3b}.studio-preview.is-education div{height:40px;margin:8px 0;border-radius:9px;background:#eee5d8}.studio-preview.is-education footer{height:30px;margin-top:10px;border-radius:9px;background:#9a6c3b}
.studio-preview.is-story{display:flex;gap:8px;padding:15px;background:#e8dfec}.studio-preview.is-story div{display:grid;place-items:end start;flex:1;padding:10px;border-radius:10px;background:#fff;color:#7c5f8d;font-weight:900}
.studio-preview.is-ministry{display:grid;place-content:center;text-align:center;background:#f2ead8}.studio-preview.is-ministry span{font-family:serif;font-size:26px}.studio-preview.is-ministry i{width:70px;height:1px;margin:13px auto;background:#7b6847}.studio-preview.is-ministry strong{font-size:11px;letter-spacing:.12em}
.studio-profile-hero{padding:24px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--studio) 18%,#fff),#fffdf8)}
.studio-profile-top{display:flex;justify-content:space-between}
.studio-profile-grid{display:grid;grid-template-columns:1fr minmax(300px,440px);gap:28px;align-items:center;margin-top:26px}.studio-profile-grid h1{font-size:clamp(38px,6vw,70px);margin:8px 0}.studio-profile-grid p{max-width:650px;font-size:17px;line-height:1.55}.studio-profile-grid>div>small{color:var(--muted)}
.studio-profile-grid .studio-preview{height:270px}
.studio-profile-section{margin-top:26px;padding:22px;border:1px solid var(--line);border-radius:19px;background:var(--paper2)}
.studio-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.studio-detail-grid article{padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--paper2)}.studio-detail-grid h3{margin:7px 0 14px}
.capability-list{display:flex;flex-wrap:wrap;gap:7px}.capability-list span{padding:8px 10px;border-radius:10px;background:#f0ebe2;font-size:11px;font-weight:750}
.pinned-studios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pinned-studios>button{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;background:var(--paper2);padding:13px;text-align:left}.pinned-studios b{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:color-mix(in srgb,var(--studio) 14%,white);color:var(--studio);font-size:21px}.pinned-studios span{display:grid;gap:3px}.pinned-studios small{color:var(--muted)}.pinned-studios i{font-style:normal;font-size:11px;font-weight:850;color:var(--studio)}
@media(max-width:1050px){.studio-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-profile-grid{grid-template-columns:1fr}.studio-profile-grid .studio-preview{height:230px}}
@media(max-width:680px){.studio-store-grid,.studio-detail-grid,.pinned-studios{grid-template-columns:1fr}.studio-profile-hero{padding:17px}.studio-profile-grid h1{font-size:42px}.studio-profile-grid .studio-preview{height:190px}.studio-library-note{align-items:flex-start;flex-direction:column}}

/* iOS readiness phase 1 */
:root{--jg-safe-top:env(safe-area-inset-top,0px);--jg-safe-right:env(safe-area-inset-right,0px);--jg-safe-bottom:env(safe-area-inset-bottom,0px);--jg-safe-left:env(safe-area-inset-left,0px)}
html{-webkit-text-size-adjust:100%;background:var(--dark)}body{min-height:100dvh;overscroll-behavior-y:none}.sidebar{height:100dvh;padding-top:max(24px,var(--jg-safe-top));padding-bottom:max(24px,var(--jg-safe-bottom));padding-left:max(16px,var(--jg-safe-left))}.topbar{padding-right:max(28px,var(--jg-safe-right))}.modal{padding:max(20px,var(--jg-safe-top)) max(20px,var(--jg-safe-right)) max(20px,var(--jg-safe-bottom)) max(20px,var(--jg-safe-left))}
@media(max-width:800px){.sidebar{padding-top:max(12px,var(--jg-safe-top));padding-right:max(12px,var(--jg-safe-right));padding-left:max(12px,var(--jg-safe-left));height:auto}.topbar{height:calc(64px + var(--jg-safe-top));padding-top:var(--jg-safe-top);padding-right:max(14px,var(--jg-safe-right));padding-left:max(14px,var(--jg-safe-left))}.view{padding-right:max(18px,var(--jg-safe-right));padding-bottom:max(18px,var(--jg-safe-bottom));padding-left:max(18px,var(--jg-safe-left))}button,.btn{min-height:44px}}
/* Teaching Launch safety and readiness */
.teaching-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.teaching-hero-actions .btn{min-height:44px}.teaching-hero-actions a{text-decoration:none}.teaching-readiness{z-index:10000}.teaching-readiness .dialog{max-width:620px}.ready-list{display:grid;gap:9px;margin:18px 0}.ready-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ddd6ca;border-radius:14px;background:#faf8f3}.ready-row>b{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:50%;background:#efe4cf}.ready-row.ok>b{background:#dceee4;color:#17643c}.ready-row.warn>b{background:#fff0cf;color:#865a00}.ready-row span,.ready-row strong,.ready-row small{display:block}.ready-row small{margin-top:3px;color:#68645d}.ready-actions{display:flex;flex-wrap:wrap;gap:10px}.ready-note{color:#68645d;font-size:13px;line-height:1.5;margin:16px 0 0}@media(max-width:720px){.teaching-hero-actions{display:grid;grid-template-columns:1fr 1fr}.teaching-hero-actions .btn{width:100%}.teaching-readiness .dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);overflow:auto}.ready-actions{display:grid}.ready-actions .btn{width:100%}}@media(max-width:420px){.teaching-hero-actions{grid-template-columns:1fr}}
.recovery-center{z-index:10020}.recovery-center .dialog{max-width:720px}.recovery-center .dialog-head p{margin:5px 0 0;color:var(--muted)}.recovery-list{display:grid;gap:8px;margin:18px 0;max-height:52vh;overflow:auto}.recovery-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.recovery-list strong,.recovery-list small{display:block}.recovery-list small{margin-top:4px;color:var(--muted)}.recovery-footer{display:flex;justify-content:flex-end}

/* Classroom rehearsal: visual proof for camera, microphone and remote readiness. */
.readiness-summary{display:flex;gap:8px;flex-direction:column;margin:16px 0;padding:14px 16px;border:1px solid #e0d7c8;border-radius:16px;background:#f6f2e9}.readiness-summary strong,.readiness-summary span{display:block}.readiness-summary span{font-size:13px;color:#68645d}.readiness-summary.ready{border-color:#a8d7bd;background:#eaf7ef}.readiness-summary.local{border-color:#e4c77d;background:#fff8df}.ready-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(250px,.9fr);gap:16px;align-items:start}.ready-layout .ready-list{margin:0}.ready-media{position:sticky;top:0;padding:12px;border:1px solid #ddd6ca;border-radius:16px;background:#f7f3eb}.ready-media[hidden]{display:none}.ready-video{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:12px;background:#151b25}.ready-video video{width:100%;height:100%;display:block;object-fit:cover;transform:scaleX(-1)}.ready-video span{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(10,14,20,.72);color:#fff;font-size:11px}.ready-mic{margin-top:12px}.ready-mic span,.ready-mic em{display:block;font-size:12px}.ready-mic i{display:block;height:8px;margin:7px 0;border-radius:999px;background:#ddd6ca;overflow:hidden}.ready-mic i b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#278b5d,#d4a63c,#d7544c);transition:width .08s linear}.ready-mic em{color:#68645d;font-style:normal}.ready-media p{margin:12px 0 0;color:#68645d;font-size:12px;line-height:1.45}.ready-layout+.ready-actions{margin-top:16px}.ready-actions a{text-decoration:none}@media(max-width:760px){.ready-layout{grid-template-columns:1fr}.ready-media{position:static;order:-1}.teaching-readiness .dialog{padding-bottom:max(18px,var(--jg-safe-bottom,0px))}}