/* User-approved 21 October Studio home. Visual-only; never reaches native editor canvas. */
body.ph-approved-front[data-view=choose]{
 --ph-ap-text:#132a2a;--ph-ap-green:#08be8b;--ph-ap-soft:#f8fafc;
 background:#fff!important;color:var(--ph-ap-text)!important;font-family:Inter,'Segoe UI',Arial,sans-serif!important;
}
body.ph-approved-front[data-view=choose] .onboarding{padding:0 26px 35px 203px!important;margin:0!important;max-width:none!important;background:#fff!important;width:100%!important;}
body.ph-approved-front[data-view=choose] .choose-step{max-width:none!important;margin:0!important;min-width:0!important;}
body.ph-approved-front[data-view=choose] .header{
 background:linear-gradient(90deg,#fff,#fbfcfd)!important;
 color:#101820!important;border-bottom:1px solid #edf1f1!important;
 box-shadow:none!important;min-height:66px!important;height:66px;
 padding:6px 25px!important;gap:16px!important;position:sticky!important;top:0;z-index:35;
}
body.ph-approved-front[data-view=choose] .header .brand{font-size:17px!important;color:#151f1d!important;letter-spacing:-.55px!important;line-height:1.08!important;}
body.ph-approved-front[data-view=choose] .header .brand .mark{width:39px!important;height:39px!important;border-radius:12px!important;}
body.ph-approved-front[data-view=choose] .header .brand small{display:block!important;font-size:11px!important;color:#0fa779!important;letter-spacing:0!important;}
body.ph-approved-front[data-view=choose] .header .studio-nav,
body.ph-approved-front[data-view=choose] .header .studio-account-links a:first-child,
body.ph-approved-front[data-view=choose] .header #studio-help-open{display:none!important;}
body.ph-approved-front[data-view=choose] .header .studio-account-links{margin-left:auto!important;display:flex!important;gap:12px!important;align-items:center!important;}
body.ph-approved-front[data-view=choose] .header .studio-account-links a{
 color:#145c45!important;border-radius:11px!important;padding:10px 17px!important;
 background:linear-gradient(160deg,#fff,#f0fbf5)!important;border:1px solid #daf1e5!important;
 box-shadow:0 2px 10px #03583409!important;font-size:12px!important;font-weight:600!important;
}
body.ph-approved-front[data-view=choose] .header .studio-owner-entry{background:#f5f7f9!important;border-color:#e6eaed!important;color:#4e5961!important;}
body.ph-approved-front[data-view=choose] .header .ph-approved-search{
 height:42px!important;max-width:510px!important;min-width:190px!important;width:clamp(220px,34vw,510px)!important;
 margin:0 auto 0 7vw!important;border-radius:10px!important;padding:0 13px!important;
 background:#f4f6fa!important;border:1px solid #edf0f3!important;box-shadow:none!important;
}
body.ph-approved-front[data-view=choose] .header .ph-approved-search input{background:transparent!important;font-size:12px!important;min-height:38px!important;color:#3e4e5a!important;}
body.ph-approved-front[data-view=choose] .header .workspace-search-button{min-width:26px!important;padding:3px!important;}
/* The existing navigation remains the actual navigation, not an inert picture. */
body.ph-approved-front[data-view=choose] .studio-home-nav{
 display:flex!important;position:fixed!important;top:66px!important;left:0!important;bottom:0!important;
 width:181px!important;height:calc(100dvh - 66px)!important;z-index:32!important;flex-direction:column!important;
 justify-content:flex-start!important;align-items:stretch!important;gap:5px!important;
 padding:18px 10px 22px!important;border:0!important;border-right:1px solid #e9f0f0!important;
 background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:none!important;
 scrollbar-width:none!important;
}
body.ph-approved-front[data-view=choose] .studio-home-nav::-webkit-scrollbar{display:none!important;}
body.ph-approved-front[data-view=choose] .studio-home-nav button{
 display:flex!important;width:100%!important;min-width:0!important;min-height:47px!important;max-height:47px!important;
 flex:0 0 47px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
 gap:14px!important;border:1px solid transparent!important;border-radius:10px!important;
 padding:8px 16px!important;background:transparent!important;color:#253941!important;
 font-size:12px!important;font-weight:500!important;box-shadow:none!important;
}
body.ph-approved-front[data-view=choose] .studio-home-nav button>.visual-icon,
body.ph-approved-front[data-view=choose] .studio-home-nav button>.ph-ui-icon{width:20px!important;height:20px!important;flex-shrink:0!important;}
body.ph-approved-front[data-view=choose] .studio-home-nav [data-home-destination="Create"],
body.ph-approved-front[data-view=choose] .studio-home-nav [data-home-destination="Abeeha Assistant"],
body.ph-approved-front[data-view=choose] .studio-home-nav [data-home-destination=More]{display:none!important;}
body.ph-approved-front[data-view=choose] .studio-home-nav button[aria-current=page]{
 border-left:3px solid #17c892!important;background:#e1f8f0!important;color:#057a5c!important;font-weight:700!important;
}
body.ph-approved-front[data-view=choose] .studio-home-nav button:not([aria-current=page]):hover{background:#f3faf7!important;color:#059b71!important;}
body.ph-approved-front[data-view=choose] .studio-home-nav [data-approval-nav=settings]{margin-top:auto!important;}
/* HERO: no call-to-action added; typography and right-hand creative laptop remain independent of app controls. */
body.ph-approved-front[data-view=choose] .visual-welcome{
 position:relative!important;overflow:hidden!important;isolation:isolate!important;
 min-height:230px!important;height:230px!important;max-height:none!important;display:flex!important;
 align-items:center!important;justify-content:flex-start!important;gap:0!important;
 padding:22px 34px!important;margin:0 0 11px!important;border:1px solid #ecf1ef!important;
 border-radius:18px!important;background:
 radial-gradient(ellipse at 75% 9%,#c6f0d252,transparent 42%),
 linear-gradient(102deg,#fff 0%,#fff 39%,#f5fbf8 62%,#eff8f6 100%)!important;
 box-shadow:0 3px 15px #2f545215!important;text-align:left!important;
}
body.ph-approved-front[data-view=choose] .visual-welcome::before{
 content:''!important;position:absolute;inset:0 0 0 42%;background:
 radial-gradient(ellipse at 30% 100%,#b7ffdd99,transparent 60%),
 radial-gradient(ellipse at 95% 0%,#edfc96aa,transparent 48%)!important;
 mask-image:none!important;pointer-events:none;z-index:0;
}
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-sketch,
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-paths{display:none!important;}
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy{
 flex:0 1 49%;max-width:600px;min-width:0!important;position:relative;z-index:2;align-self:center!important;
}
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy>p:first-child{
 font-size:10px!important;font-family:Inter,'Segoe UI',sans-serif!important;
 color:#14b78b!important;font-weight:800!important;letter-spacing:2.2px!important;margin:0 0 12px!important;
}
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy h1{
 margin:0!important;font-family:Inter,'Segoe UI',Arial,sans-serif!important;
 font-size:clamp(27px,3.2vw,49px)!important;font-weight:830!important;line-height:1.04!important;
 letter-spacing:-1.7px!important;color:#060d12!important;max-width:none!important;text-wrap:balance!important;
}
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy h1 span{
 display:block!important;margin-top:3px;color:#079e69!important;-webkit-text-fill-color:#079e69!important;
 background:none!important;
}
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-intro{
 max-width:480px!important;font:400 clamp(12px,1.1vw,16px)/1.53 Inter,'Segoe UI',Arial,sans-serif!important;
 color:#35484d!important;margin:11px 0 0!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-hero-art{
 position:absolute;right:1%;top:-5%;width:59%;height:112%;z-index:1;
 display:flex;align-items:center;justify-content:flex-end;pointer-events:none;
}
body.ph-approved-front[data-view=choose] .ph-approved-hero-art svg{display:block;width:100%;height:100%;object-fit:contain;overflow:visible;}
body.ph-approved-front[data-view=choose] :is(.ph-home-quick-formats,#ph-blank-editors,.ph-home-gallery,.ph-approved-more,.visual-recent){
 margin:0 0 13px!important;min-width:0!important;position:relative!important;
}
body.ph-approved-front[data-view=choose] :is(.ph-approved-heading,.ph-approved-popular-heading){
 display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 7px;
}
body.ph-approved-front[data-view=choose] :is(.ph-approved-heading,.visual-section-heading) h2,
body.ph-approved-front[data-view=choose] #ph-blank-editors h2,
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-library-heading h2{
 font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:20px!important;
 font-weight:790!important;line-height:1.15!important;color:#081519!important;letter-spacing:-.48px!important;margin:0 0 3px!important;
}
body.ph-approved-front[data-view=choose] :is(.ph-approved-heading,.visual-section-heading) p,
body.ph-approved-front[data-view=choose] #ph-blank-editors>p,
body.ph-approved-front[data-view=choose] .ph-approved-subtitle{
 font-family:Inter,'Segoe UI',Arial,sans-serif!important;color:#687982!important;
 font-size:12px!important;font-weight:400!important;line-height:1.4!important;margin:0!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-arrows{display:flex;gap:7px;align-items:center;margin-left:auto;}
body.ph-approved-front[data-view=choose] .ph-approved-arrows button{
 display:grid;place-items:center;flex:none;width:33px;height:33px;min-height:33px!important;padding:0!important;
 border:1px solid #e6eff2!important;border-radius:50%!important;background:#fff!important;color:#1e343e!important;
 font:24px/1 Georgia,serif!important;box-shadow:0 2px 9px #1f3b4220!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-arrows button:disabled{opacity:.3!important;cursor:default!important;box-shadow:none!important;}
body.ph-approved-front[data-view=choose] .ph-approved-see-all,
body.ph-approved-front[data-view=choose] .ph-approved-view-all{
 border:0!important;background:transparent!important;box-shadow:none!important;color:#23353f!important;
 font:500 12px Inter,'Segoe UI',sans-serif!important;white-space:nowrap!important;padding:7px!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-see-all:hover,
body.ph-approved-front[data-view=choose] .ph-approved-view-all:hover{color:#00aa79!important;}
/* Popular formats: existing catalog buttons & handlers, now colorful dimensional tiles. */
body.ph-approved-front[data-view=choose] .ph-category-scroll{
 display:block!important;width:100%!important;overflow:visible!important;margin:0!important;padding:0!important;
}
body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories{
 display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;
 gap:9px!important;width:100%!important;max-width:100%!important;min-height:99px!important;
 overflow-x:auto!important;overflow-y:hidden!important;
 padding:2px 2px 8px!important;margin:0!important;scrollbar-width:none!important;
 scroll-snap-type:x mandatory!important;scroll-behavior:smooth;
}
body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories::-webkit-scrollbar,
body.ph-approved-front[data-view=choose] .ph-template-results::-webkit-scrollbar,
body.ph-approved-front[data-view=choose] .ph-approved-more-track::-webkit-scrollbar,
body.ph-approved-front[data-view=choose] .visual-recent .project-card-grid::-webkit-scrollbar{display:none!important;}
body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button{
 --approved-hue:180;display:flex!important;flex:0 0 111px!important;align-items:center!important;
 flex-direction:column!important;justify-content:center!important;gap:6px!important;
 min-width:111px!important;max-width:111px!important;width:111px!important;height:94px!important;
 min-height:94px!important;border-radius:13px!important;border:1px solid hsl(var(--approved-hue) 45% 91%)!important;
 background:linear-gradient(155deg,#fff,hsl(var(--approved-hue) 94% 96%))!important;
 color:#14262b!important;padding:8px!important;
 box-shadow:inset 0 1px #fff,0 3px 7px #112b3c0c!important;
 scroll-snap-align:start!important;transition:transform .22s,box-shadow .22s,filter .22s!important;
}
body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button span:not(.ph-approved-icon-frame){
 color:#15222b!important;text-align:center!important;font:700 11px/1.2 Inter,'Segoe UI',sans-serif!important;white-space:normal!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-icon-frame{
 width:53px!important;height:52px!important;border-radius:15px!important;display:grid!important;
 place-items:center!important;flex:none!important;
 background:radial-gradient(circle at 25% 15%,hsl(var(--approved-hue) 95% 89%),transparent 54%),
 linear-gradient(145deg,hsl(var(--approved-hue) 93% 63%),hsl(var(--approved-hue) 81% 43%))!important;
 box-shadow:inset 0 2px 3px #ffffffa6,inset 0 -3px 4px #03192922,0 6px 10px hsl(var(--approved-hue) 90% 45% / .2)!important;
 transform:perspective(300px) rotateX(6deg);transition:transform .2s,box-shadow .2s!important;
}
body.ph-approved-front[data-view=choose] .visual-categories .ph-approved-icon-frame svg.ph-ui-icon{
 width:29px!important;height:29px!important;color:#fff!important;stroke-width:2.1!important;filter:drop-shadow(1px 2px 1px #071b2525)!important;
}
@media(hover:hover) and (pointer:fine){
 body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button:hover{transform:translateY(-3px)!important;box-shadow:0 8px 22px hsl(var(--approved-hue) 92% 47% / .2)!important;}
 body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button:hover .ph-approved-icon-frame{transform:perspective(300px) rotateX(11deg) rotateY(-8deg) translateY(-3px);}
}
/* EXACTLY two native blank editor entries: artwork / text / action inside original buttons. */
body.ph-approved-front[data-view=choose] #ph-blank-editors{padding:0!important;}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:7px!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button{
 display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;
 width:100%!important;min-width:0!important;height:98px!important;min-height:98px!important;
 padding:8px 14px 8px 5px!important;overflow:hidden!important;border:1px solid #c9eadc!important;
 border-radius:13px!important;background:linear-gradient(106deg,#b4ead6,#e7f9f0 62%,#f2fcf8)!important;
 box-shadow:inset 0 1px #fff,0 3px 14px #195a4b0e!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button:nth-child(2){
 border-color:#d1e5f9!important;background:linear-gradient(106deg,#c5e5fa,#f0f8ff 65%,#f7fbff)!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button>.ph-ui-icon{display:none!important;}
body.ph-approved-front[data-view=choose] .ph-approved-editor-art{width:35%!important;max-width:194px!important;min-width:90px!important;height:94px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;}
body.ph-approved-front[data-view=choose] .ph-approved-editor-art svg{width:100%;height:100%;filter:drop-shadow(0 5px 6px #16433125);}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button>span:not(.ph-approved-editor-art){
 flex:1!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
 align-items:center!important;gap:5px 12px!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors strong{
 grid-column:1!important;color:#14272b!important;font:800 18px/1.16 Inter,'Segoe UI',sans-serif!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors small{
 grid-column:1!important;max-width:250px!important;color:#4e6871!important;font:400 12px/1.35 Inter,'Segoe UI',sans-serif!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{
 grid-column:2!important;grid-row:1/3!important;white-space:nowrap!important;
 padding:12px 14px!important;border-radius:25px!important;
 color:#fff!important;font:700 11px/1 Inter,'Segoe UI',sans-serif!important;
 background:linear-gradient(120deg,#00c586,#079a67)!important;
 box-shadow:0 5px 16px #02c58a50!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid button:nth-child(2) b{background:linear-gradient(120deg,#3190ff,#066bef)!important;box-shadow:0 5px 16px #277ff854!important;}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button:hover{transform:translateY(-2px);filter:saturate(1.04);}
body.ph-approved-front[data-view=choose] #ph-blank-editors [data-entry-status]:empty{display:none!important;}
/* Home Library is a compact showcase; FULL Templates view remains the original search/filters/grid. */
body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-home-gallery{
 display:block!important;padding:0!important;
}
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-library-heading{margin:0 0 5px!important;display:flex!important;gap:9px!important;align-items:center!important;}
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-eyebrow{display:none!important;}
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-approved-subtitle{margin:2px 0 0!important;}
body.ph-approved-front[data-view=choose][data-studio-home=home] #ph-format-browser .ph-library-controls,
body.ph-approved-front[data-view=choose][data-studio-home=home] #ph-format-browser .ph-field-tabs,
body.ph-approved-front[data-view=choose][data-studio-home=home] #ph-format-browser #ph-results-status,
body.ph-approved-front[data-view=choose][data-studio-home=home] #ph-format-browser #ph-results-more,
body.ph-approved-front[data-view=choose][data-studio-home=home] #ph-format-browser #ph-filter-toggle{display:none!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts{
 display:flex;gap:9px;align-items:center;min-width:0;max-width:100%;
 overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 0 6px;margin:0 0 2px;
}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts::-webkit-scrollbar{display:none!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button{
 flex:none!important;display:inline-flex;align-items:center;justify-content:center;padding:8px 18px!important;
 border:1px solid #e4e7ea!important;border-radius:28px!important;min-height:34px!important;
 font:600 11px Inter,'Segoe UI',sans-serif!important;color:#1c353a!important;
 background:linear-gradient(#fff,#fbfdfd)!important;box-shadow:0 1px 4px #17344308!important;white-space:nowrap;
}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:first-child{border-color:#b4ead4!important;color:#047f5e!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(2){border-color:#efd7e8!important;color:#b02c83!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(3){border-color:#e8ddeb!important;color:#6f448f!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(4){border-color:#f3e5b8!important;color:#b17807!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(5){border-color:#d3e6fb!important;color:#2377ba!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button{--chip-glow:#04bf872b;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(2){--chip-glow:#d42d8f2b;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(3){--chip-glow:#8646b62a;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(4){--chip-glow:#e59f1e2d;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(5){--chip-glow:#2788e92b;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(6){--chip-glow:#0ab58d2b;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(7){--chip-glow:#258cfa2c;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:nth-child(8){--chip-glow:#b861df2b;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button:hover{box-shadow:0 0 13px var(--chip-glow)!important;transform:translateY(-1px);}
body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-template-results{
 display:flex!important;grid-template-columns:none!important;align-items:stretch!important;justify-content:flex-start!important;
 gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
 scroll-snap-type:x mandatory!important;scroll-behavior:smooth;min-height:110px!important;margin:0!important;padding:1px 0 7px!important;
}
body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-template-results .ph-template-card{
 display:block!important;flex:0 0 clamp(153px,14.5vw,209px)!important;width:clamp(153px,14.5vw,209px)!important;min-width:0!important;
 height:108px!important;overflow:hidden!important;cursor:pointer;border-radius:10px!important;
 border:1px solid #e2eaeb!important;box-shadow:0 3px 9px #28414612!important;scroll-snap-align:start!important;
}
body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-template-results .ph-template-card .ph-template-art{height:108px!important;border:0!important;margin:0!important;}
body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-template-results .ph-template-card .ph-template-copy,
body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-template-results .ph-format-badge{display:none!important;}
body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-template-results .ph-template-card:focus-visible{outline:3px solid #00ae83!important;outline-offset:2px;}
body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-template-results .ph-template-card:hover{transform:translateY(-2px)!important;box-shadow:0 7px 20px #2482a526!important;}
/* Do not alter the user's Templates page — original filters and card actions stay. */
body.ph-approved-front[data-view=choose][data-studio-home=templates] .ph-home-gallery{padding-top:12px!important;display:block!important;}
body.ph-approved-front[data-view=choose][data-studio-home=templates] :is(.visual-welcome,.ph-home-quick-formats,#ph-blank-editors,.ph-approved-more,.visual-recent){display:none!important;}
body.ph-approved-front[data-view=choose][data-studio-home=templates] .ph-template-results{display:grid!important;}
body.ph-approved-front[data-view=choose][data-studio-home=templates] .ph-approved-shortcuts{margin-bottom:14px!important;}
body.ph-approved-front[data-view=choose][data-studio-home=templates] .ph-approved-arrows{display:none!important;}
/* More categories use the existing field filters, no invented formats. */
body.ph-approved-front[data-view=choose] .ph-approved-more-track{
 display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;
 padding:2px 0 7px;align-items:center;
}
body.ph-approved-front[data-view=choose] .ph-approved-more-track>button{
 flex:0 0 auto!important;min-height:40px!important;padding:5px 12px!important;
 display:flex!important;align-items:center!important;gap:8px!important;border:1px solid #e8eaf0!important;
 border-radius:9px!important;background:linear-gradient(160deg,#fff,hsl(var(--approved-hue) 92% 98%))!important;
 color:#35404b!important;box-shadow:0 2px 8px #12283a0c!important;font:600 11px Inter,'Segoe UI',sans-serif!important;
 scroll-snap-align:start;
}
body.ph-approved-front[data-view=choose] .ph-approved-field-icon{
 font:700 24px/1 Inter,'Segoe UI',sans-serif;color:hsl(var(--approved-hue) 84% 49%)!important;
 filter:drop-shadow(0 2px 2px hsl(var(--approved-hue) 80% 55% / .3));
}
body.ph-approved-front[data-view=choose] .ph-approved-more-track>button:hover{transform:translateY(-2px);box-shadow:0 4px 16px hsl(var(--approved-hue) 80% 50% / .2)!important;}
/* Continue Design presents saved local/account work, never sample mock data. */
body.ph-approved-front[data-view=choose] .visual-recent .visual-section-heading{margin:0 0 7px!important;display:flex!important;align-items:center!important;gap:8px!important;}
body.ph-approved-front[data-view=choose] .visual-recent .visual-section-heading h2{font-size:19px!important;}
body.ph-approved-front[data-view=choose] .visual-recent #see-all-projects{white-space:nowrap;}
body.ph-approved-front[data-view=choose] .visual-recent .project-card-grid{
 display:flex!important;grid-template-columns:none!important;gap:10px!important;min-height:73px!important;
 overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-snap-type:x mandatory;padding:3px 0 6px!important;
}
body.ph-approved-front[data-view=choose] .visual-recent .visual-project-card{
 flex:0 0 213px!important;width:213px!important;min-width:213px!important;min-height:68px!important;
 display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:3px 8px!important;
 align-content:center!important;padding:7px!important;border:1px solid #e8eeef!important;
 border-radius:10px!important;background:#fff!important;box-shadow:0 3px 9px #1d3b4520!important;scroll-snap-align:start;
}
body.ph-approved-front[data-view=choose] .visual-recent .visual-thumbnail{
 grid-row:1/4!important;width:62px!important;height:52px!important;border:0!important;border-radius:6px!important;
 margin:0!important;
}
body.ph-approved-front[data-view=choose] .visual-recent .visual-project-card h3{font-size:12px!important;}
body.ph-approved-front[data-view=choose] .visual-recent .visual-project-card small{font-size:9px!important;}
body.ph-approved-front[data-view=choose] .visual-recent .empty-projects{flex:1!important;min-width:210px!important;}
/* Preserve the existing native footer. */
body.ph-approved-front[data-view=choose][data-studio-home=home] .studio-footer{display:block!important;margin:8px 20px 0 202px!important;}
body.ph-approved-front[data-view=choose]:not([data-studio-home=home]) .studio-footer{display:none!important;}
@media(max-width:1180px){
 body.ph-approved-front[data-view=choose] .header .ph-approved-search{margin-left:2vw!important;}
 body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy h1{font-size:34px!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{padding:10px!important;font-size:10px!important;}
}
@media(max-width:900px){
 body.ph-approved-front[data-view=choose] .onboarding{padding:0 16px 40px 150px!important;}
 body.ph-approved-front[data-view=choose] .studio-home-nav{width:137px!important;}
 body.ph-approved-front[data-view=choose] .studio-home-nav button{gap:7px!important;padding:8px!important;font-size:10px!important;}
 body.ph-approved-front[data-view=choose] .visual-welcome{min-height:210px!important;height:210px!important;padding:20px!important;}
 body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy{flex-basis:58%;}
 body.ph-approved-front[data-view=choose] .ph-approved-hero-art{right:-12%;width:65%;opacity:.8;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button{padding-right:8px!important;}
 body.ph-approved-front[data-view=choose] .ph-approved-editor-art{width:27%!important;min-width:55px!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid strong{font-size:15px!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid small{font-size:10px!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{padding:10px 7px!important;font-size:9px!important;}
 body.ph-approved-front[data-view=choose][data-studio-home=home] .studio-footer{margin-left:150px!important;}
}
@media(max-width:760px){
 body.ph-approved-front[data-view=choose] .header{height:62px!important;min-height:62px!important;padding:6px 12px!important;gap:8px!important;}
 body.ph-approved-front[data-view=choose] .header .brand{font-size:12px!important;flex:none!important;}
 body.ph-approved-front[data-view=choose] .header .brand .mark{width:30px!important;height:30px!important;}
 body.ph-approved-front[data-view=choose] .header .brand small{font-size:9px!important;}
 body.ph-approved-front[data-view=choose] .header .ph-approved-search{flex:1 1 80px!important;margin:0!important;min-width:0!important;width:auto!important;max-width:none!important;height:38px!important;padding:0 7px!important;}
 body.ph-approved-front[data-view=choose] .header .ph-approved-search input{font-size:10px!important;min-width:0!important;}
 body.ph-approved-front[data-view=choose] .header .studio-account-links{margin-left:0!important;gap:0!important;}
 body.ph-approved-front[data-view=choose] .header .studio-account-links a{padding:7px!important;font-size:10px!important;}
 body.ph-approved-front[data-view=choose] .header .studio-owner-entry{display:none!important;}
 body.ph-approved-front[data-view=choose] .onboarding{padding:8px 11px 95px!important;}
 body.ph-approved-front[data-view=choose] .studio-home-nav{
  position:fixed!important;top:auto!important;left:0!important;bottom:0!important;
  width:100%!important;height:72px!important;min-height:72px!important;
  flex-direction:row!important;justify-content:space-around!important;align-items:center!important;
  padding:3px 6px max(6px,env(safe-area-inset-bottom))!important;
  border-right:0!important;border-top:1px solid #e4efea!important;box-shadow:0 -2px 14px #163a2320!important;
  overflow-x:hidden!important;
 }
 body.ph-approved-front[data-view=choose] .studio-home-nav button{
  width:auto!important;min-width:0!important;flex:1 1 0!important;max-height:64px!important;
  flex-direction:column!important;justify-content:center!important;align-items:center!important;
  padding:6px 2px!important;gap:3px!important;font-size:10px!important;
 }
 body.ph-approved-front[data-view=choose] .studio-home-nav [data-approval-nav]{display:none!important;}
 body.ph-approved-front[data-view=choose] .studio-home-nav button[aria-current=page]{border:0!important;background:#e4f9f0!important;border-radius:10px!important;}
 body.ph-approved-front[data-view=choose] .visual-welcome{
  height:auto!important;min-height:330px!important;padding:19px 17px 159px!important;margin:0 0 13px!important;
  display:block!important;border-radius:15px!important;
 }
 body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy{max-width:none!important;position:relative;z-index:3!important;}
 body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy h1{font-size:clamp(26px,7vw,37px)!important;line-height:1.04!important;letter-spacing:-1px!important;}
 body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy>p:first-child{font-size:8px!important;letter-spacing:1.2px!important;margin-bottom:11px!important;}
 body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-intro{font-size:11px!important;line-height:1.45!important;max-width:280px!important;}
 body.ph-approved-front[data-view=choose] .ph-approved-hero-art{width:94%;height:158px;top:auto;bottom:-10px;right:-21%;opacity:.96;z-index:1;}
 body.ph-approved-front[data-view=choose] :is(.ph-approved-heading,.visual-section-heading) h2,
 body.ph-approved-front[data-view=choose] #ph-blank-editors h2,
 body.ph-approved-front[data-view=choose] #ph-format-browser .ph-library-heading h2{font-size:17px!important;}
 body.ph-approved-front[data-view=choose] :is(.ph-approved-heading,.visual-section-heading) p,
 body.ph-approved-front[data-view=choose] #ph-blank-editors>p,
 body.ph-approved-front[data-view=choose] .ph-approved-subtitle{font-size:10px!important;}
 body.ph-approved-front[data-view=choose] .ph-approved-arrows button{width:28px;height:28px;min-height:28px!important;font-size:21px!important;}
 body.ph-approved-front[data-view=choose] .ph-approved-see-all{font-size:10px!important;}
 body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories{
  display:flex!important;grid-template-columns:none!important;min-height:92px!important;gap:7px!important;
  overflow-x:auto!important;padding-bottom:7px!important;margin:0!important;
 }
 body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button{
  flex:0 0 91px!important;min-width:91px!important;max-width:91px!important;width:91px!important;
  height:85px!important;min-height:85px!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:5px!important;padding:8px 4px!important;
 }
 body.ph-approved-front[data-view=choose] .ph-approved-icon-frame{width:45px!important;height:44px!important;border-radius:12px!important;}
 body.ph-approved-front[data-view=choose] .visual-categories .ph-approved-icon-frame svg.ph-ui-icon{width:25px!important;height:25px!important;}
 body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button span:not(.ph-approved-icon-frame){font-size:10px!important;}
 body.ph-approved-front[data-view=choose] #ph-all-formats{display:none!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid{grid-template-columns:1fr!important;gap:9px!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button{height:90px!important;min-height:90px!important;}
 body.ph-approved-front[data-view=choose] .ph-approved-editor-art{height:87px!important;min-width:96px!important;width:28%!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors strong{font-size:16px!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors small{font-size:11px!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{font-size:10px!important;padding:9px!important;}
 body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button{min-height:33px!important;padding:7px 12px!important;font-size:10px!important;}
 body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-template-results .ph-template-card{flex-basis:160px!important;width:160px!important;height:102px!important;}
 body.ph-approved-front[data-view=choose][data-studio-home=home] .ph-template-results .ph-template-card .ph-template-art{height:102px!important;}
 body.ph-approved-front[data-view=choose] .visual-recent .project-card-grid{display:flex!important;grid-template-columns:none!important;gap:8px!important;}
 body.ph-approved-front[data-view=choose] .visual-recent .visual-project-card{flex:0 0 210px!important;min-width:210px!important;}
 body.ph-approved-front[data-view=choose][data-studio-home=home] .studio-footer{margin:5px 0 72px!important;}
 body.ph-approved-front[data-view=choose][data-studio-home=projects] .visual-welcome{display:none!important;}
 body.ph-approved-front[data-view=choose][data-studio-home=projects] #visual-projects{padding:15px 0!important;}
}
@media(max-width:430px){
 body.ph-approved-front[data-view=choose] .header .studio-account-links{display:none!important;}
 body.ph-approved-front[data-view=choose] .visual-welcome{padding-bottom:108px!important;}
 body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy h1{font-size:29px!important;}
 body.ph-approved-front[data-view=choose] .ph-approved-hero-art{width:115%;right:-34%;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button>span:not(.ph-approved-editor-art){grid-template-columns:1fr!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{grid-column:1!important;grid-row:auto!important;justify-self:start!important;padding:7px 12px!important;}
 body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button{min-height:107px!important;height:auto!important;}
}
@media(prefers-reduced-motion:reduce){
 body.ph-approved-front[data-view=choose] :is(.visual-categories,.ph-template-results,.ph-approved-more-track,.project-card-grid){scroll-behavior:auto!important;}
 body.ph-approved-front[data-view=choose] :is(.visual-categories button,.ph-approved-icon-frame,.ph-template-card){transition:none!important;transform:none!important;}
}

/* Match the approved light header's green upgrade action; existing publish handler remains native. */
body.ph-approved-front[data-view=choose] .header .ph-approved-upgrade{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 13px!important;border:1px solid #bcebd7!important;border-radius:10px!important;background:linear-gradient(140deg,#f7fffb,#eaf9f2)!important;color:#04926b!important;box-shadow:0 3px 10px #08a96e14!important;font:700 12px Inter,'Segoe UI',sans-serif!important;white-space:nowrap!important;}
body.ph-approved-front[data-view=choose] .header .ph-approved-upgrade:hover{box-shadow:0 0 12px #08b57c29!important;}
@media(max-width:760px){body.ph-approved-front[data-view=choose] .header .ph-approved-upgrade{font-size:10px!important;min-height:33px!important;padding:6px 9px!important;}}
@media(max-width:430px){body.ph-approved-front[data-view=choose] .header .ph-approved-upgrade{display:none!important;}}

@media(max-width:760px){
 body.ph-approved-front[data-view=choose] .studio-home-nav [data-home-destination=Brand]{display:none!important;}
 body.ph-approved-front[data-view=choose] .studio-home-nav [data-home-destination="Abeeha Assistant"]{display:flex!important;}
}

/* Approved artwork: use the ORIGINAL screenshot hero crop, not the temporary vector reconstruction. */
body.ph-approved-front[data-view=choose] .ph-approved-hero-art{
 background-image:url("assets/approved-hero-floating.png")!important;
 background-size:contain!important;
 background-position:right center!important;
 background-repeat:no-repeat!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-hero-art>svg{display:none!important;}


/* 2026-10-21 UI regression fixes, scoped to Studio dashboard only.
   No catalog/editor/auth/storage/publishing code is changed. */

/* Footer's REAL selector (not the nonexistent .studio-footer) must clear the fixed desktop rail. */
body.ph-approved-front[data-view=choose] footer.ph-studio-social-footer{
  margin:0 0 0 181px!important;
  width:calc(100% - 181px)!important;
  max-width:calc(100% - 181px)!important;
  min-width:0!important;
  padding-inline:clamp(18px,2.3vw,40px)!important;
  position:relative!important;
  z-index:33!important;
  clear:both!important;
  box-sizing:border-box!important;
}
body.ph-approved-front[data-view=choose] footer.ph-studio-social-footer .ph-footer-social-grid{
  min-width:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.ph-approved-front[data-view=choose] footer.ph-studio-social-footer .ph-footer-group{
  min-width:0!important;overflow-wrap:anywhere!important;
}
body.ph-approved-front[data-view=choose] footer.ph-studio-social-footer .ph-footer-bottom{
  flex-wrap:wrap!important;
}
/* No generic ellipsis/placeholder ornament may sneak onto custom navigation buttons. */
body.ph-approved-front[data-view=choose] :is(
 .ph-approved-shortcuts button,
 .ph-approved-more-track>button,
 .ph-approved-arrows button,
 .ph-approved-see-all,
 .ph-approved-view-all,
 .ph-home-quick-formats .visual-categories button,
 #ph-blank-editors [data-blank-editor]
)::before,
body.ph-approved-front[data-view=choose] :is(
 .ph-approved-shortcuts button,
 .ph-approved-more-track>button,
 .ph-approved-arrows button,
 .ph-approved-see-all,
 .ph-approved-view-all,
 .ph-home-quick-formats .visual-categories button,
 #ph-blank-editors [data-blank-editor]
)::after{
  content:none!important;display:none!important;
}
/* Distinct SVG illustrations, curved specular faces and restrained hover motion. */
body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories .ph-approved-icon-frame{
  width:57px!important;height:59px!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;
  transform:perspective(340px) rotateX(5deg) translateY(0)!important;
  filter:drop-shadow(0 5px 5px hsl(var(--approved-hue) 90% 45% / .25))!important;
  overflow:visible!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-icon-frame svg.ph-premium-svg{
  width:57px!important;height:57px!important;
  overflow:visible!important;
  display:block!important;
  transform:none!important;
  filter:none!important;
}
@media(hover:hover) and (pointer:fine){
  body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button:hover .ph-approved-icon-frame{
    transform:perspective(340px) rotateX(10deg) rotateY(-8deg) translateY(-3px)!important;
    filter:drop-shadow(0 8px 9px hsl(var(--approved-hue) 90% 45% / .35))!important;
  }
}
body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button{
  overflow:visible!important;
  padding:5px 7px 7px!important;
}
body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button span:not(.ph-approved-icon-frame){
  max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;
}
/* Draw / Website CTA text must NEVER be underneath the action button. */
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button{
  box-sizing:border-box!important;
  overflow:visible!important;
  min-height:116px!important;height:auto!important;
  padding:10px 12px!important;
  gap:9px!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-approved-editor-art{
  flex:0 1 28%!important;width:28%!important;max-width:160px!important;
  min-width:74px!important;height:94px!important;
  overflow:visible!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button>span:not(.ph-approved-editor-art){
  flex:1 1 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  gap:7px 10px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  align-items:center!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid strong{
  grid-row:1!important;grid-column:1!important;
  min-width:0!important;
  overflow-wrap:normal!important;word-break:normal!important;
  font-size:clamp(14px,1.25vw,18px)!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid small{
  grid-column:1!important;grid-row:2!important;
  max-width:none!important;
  overflow-wrap:normal!important;word-break:normal!important;
  font-size:clamp(10px,.92vw,12px)!important;
}
body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{
  grid-column:2!important;grid-row:1/3!important;
  align-self:center!important;justify-self:end!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  max-width:100%!important;
  padding:12px 14px!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.1!important;
}
/* Field choices: real categories, visual style only. */
body.ph-approved-front[data-view=choose] .ph-approved-more-track>button{
  min-height:44px!important;
  gap:10px!important;padding:7px 12px!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-field-icon{
  width:29px!important;height:29px!important;min-width:29px!important;
  display:grid!important;place-items:center!important;
  font-size:22px!important;
  border-radius:8px!important;
  color:hsl(var(--approved-hue) 88% 46%)!important;
  background:radial-gradient(circle at 20% 15%,#ffffff,hsl(var(--approved-hue) 92% 92%))!important;
  box-shadow:inset 0 1px 1px #ffffff,0 2px 7px hsl(var(--approved-hue) 72% 45% / .14)!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-more-track>button>span:last-child{
  display:block!important;font-weight:650!important;white-space:nowrap!important;
}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button{
  position:relative!important;
  isolation:isolate!important;
  letter-spacing:0!important;
}

/* Tablet + browser desktop mode on a phone: don't let the sidebar eat the canvas. */
@media (min-width:761px) and (max-width:1150px){
  body.ph-approved-front[data-view=choose] .onboarding{
    padding-left:146px!important;padding-right:14px!important;
  }
  body.ph-approved-front[data-view=choose] .studio-home-nav{
    width:130px!important;padding:16px 7px!important;
  }
  body.ph-approved-front[data-view=choose] .studio-home-nav button{
    padding:7px 9px!important;font-size:11px!important;gap:8px!important;
  }
  body.ph-approved-front[data-view=choose] footer.ph-studio-social-footer{
    margin-left:130px!important;width:calc(100% - 130px)!important;max-width:calc(100% - 130px)!important;
  }
  body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy h1{
    font-size:clamp(25px,3.5vw,37px)!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button>span:not(.ph-approved-editor-art){
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;
    gap:7px!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{
    align-self:flex-start!important;justify-self:auto!important;
    font-size:10px!important;
    padding:8px 10px!important;
    margin-top:2px!important;
  }
}
@media (min-width:761px) and (max-width:920px){
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid{
    grid-template-columns:1fr!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button{
    min-height:108px!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button>span:not(.ph-approved-editor-art){
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;
    align-items:center!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{
    grid-column:2!important;grid-row:1/3!important;align-self:center!important;
  }
}
@media(max-width:760px){
  body.ph-approved-front[data-view=choose] footer.ph-studio-social-footer{
    margin:0 0 72px!important;width:100%!important;max-width:100%!important;
    padding:21px 15px 86px!important;
  }
  body.ph-approved-front[data-view=choose] footer.ph-studio-social-footer .ph-footer-social-grid{
    grid-template-columns:1fr!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button{
    min-height:108px!important;height:auto!important;gap:10px!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-approved-editor-art{
    flex:0 0 28%!important;width:28%!important;min-width:70px!important;height:94px!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid strong{
    font-size:16px!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid small{
    font-size:11px!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{
    padding:8px 10px!important;font-size:10px!important;
  }
  body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories .ph-approved-icon-frame{
    width:49px!important;height:51px!important;
  }
  body.ph-approved-front[data-view=choose] .ph-approved-icon-frame svg.ph-premium-svg{
    width:50px!important;height:50px!important;
  }
}
@media(max-width:540px){
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid>button>span:not(.ph-approved-editor-art){
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-blank-editor-grid b{
    align-self:flex-start!important;
  }
  body.ph-approved-front[data-view=choose] #ph-blank-editors .ph-approved-editor-art{
    min-width:73px!important;flex-basis:27%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.ph-approved-front[data-view=choose] .ph-approved-icon-frame{transform:none!important;}
}

/* Finished light Studio presentation: clear type, integrated sharp artwork and usable filters. */
body.ph-approved-front[data-view=choose] .visual-welcome{
  min-height:266px!important;height:266px!important;padding:28px clamp(24px,3.2vw,48px)!important;
  background:radial-gradient(ellipse at 80% 35%,#e8fff5 0%,#f4fcfa 34%,transparent 65%),linear-gradient(110deg,#fff 0%,#fff 47%,#f4fbfa 100%)!important;
  box-shadow:0 10px 33px #123d3410!important;
}
body.ph-approved-front[data-view=choose] .visual-welcome::before{background:linear-gradient(90deg,#ffffff00 15%,#ddfaed77 100%)!important;inset:0 0 0 47%!important;}
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy{flex-basis:47%!important;max-width:520px!important;}
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy h1{font-size:clamp(30px,3.1vw,50px)!important;text-shadow:none!important;-webkit-text-fill-color:#06181d!important;}
body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-intro{max-width:440px!important;}
body.ph-approved-front[data-view=choose] .ph-approved-hero-art{width:55%!important;height:103%!important;top:0!important;right:0!important;opacity:1!important;background-position:center right!important;}
body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button{border-color:#e4ecec!important;box-shadow:0 4px 15px #17455310!important;transition:transform .2s ease,box-shadow .2s ease!important;}
body.ph-approved-front[data-view=choose] .ph-home-quick-formats .visual-categories button:active{transform:perspective(400px) rotateX(7deg) scale(.97)!important;box-shadow:inset 0 3px 9px #1848481c!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts{margin:4px 0 6px!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcuts button{gap:7px!important;min-height:38px!important;padding:7px 12px!important;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcut-icon{width:16px;height:16px;display:inline-grid;place-items:center;color:#129b7b;}
body.ph-approved-front[data-view=choose] .ph-approved-shortcut-icon svg{width:16px;height:16px;}
body.ph-approved-front[data-view=choose] .ph-approved-filter-caption{margin:10px 0 6px;color:#667b7d;font:700 11px Inter,'Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
body.ph-approved-front[data-view=choose] .ph-field-tabs{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:0 0 14px!important;}
body.ph-approved-front[data-view=choose] .ph-field-tabs button{display:inline-flex!important;gap:6px!important;align-items:center!important;min-height:34px!important;border-radius:18px!important;background:#fff!important;border:1px solid #ddebe8!important;color:#35615b!important;padding:6px 11px!important;font:600 11px Inter,'Segoe UI',sans-serif!important;box-shadow:0 2px 8px #10463e0b!important;}
body.ph-approved-front[data-view=choose] .ph-field-tabs button[aria-pressed=true]{background:#e9fbf5!important;border-color:#6cdbb6!important;color:#067c60!important;}
body.ph-approved-front[data-view=choose] .ph-field-tabs button svg{width:15px!important;height:15px!important;}
body.ph-approved-front[data-view=choose][data-studio-home=home] #ph-format-browser .ph-field-tabs{display:flex!important;}
body.ph-approved-front[data-view=choose][data-studio-home=home] #ph-format-browser .ph-approved-filter-caption{display:block!important;}
body.ph-approved-front[data-view=choose] .ph-approved-field-icon svg{width:20px;height:20px;}
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-library-controls{gap:10px!important;margin:10px 0 12px!important;}
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-library-controls label{font-weight:650!important;color:#41645f!important;}
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-library-controls select,
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-library-controls input{border:1px solid #dceae7!important;border-radius:10px!important;background:#fff!important;box-shadow:0 2px 8px #173e3b0a!important;min-height:39px!important;}
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-library-empty{max-width:100%!important;min-height:150px!important;padding:22px!important;border:1px solid #dcece7!important;border-radius:14px!important;background:linear-gradient(145deg,#fff,#f5fcf9)!important;}
body.ph-approved-front[data-view=choose] #ph-format-browser .ph-library-empty h3{font-size:18px!important;color:#173c35!important;}
body.ph-approved-front[data-view=choose] .ph-approved-browse-all{margin-left:8px!important;border:1px solid #a7dec8!important;border-radius:9px!important;background:#f3fff9!important;color:#087b5d!important;padding:9px 12px!important;font:700 11px Inter,'Segoe UI',sans-serif!important;}
body.ph-approved-front[data-view=choose][data-studio-home=templates] .ph-template-results{min-height:0!important;align-content:start!important;}
body.ph-approved-front[data-view=choose] :is(.ph-field-tabs button,.ph-approved-template-showcase button,.header .ph-approved-upgrade)::before,
body.ph-approved-front[data-view=choose] :is(.ph-field-tabs button,.ph-approved-template-showcase button,.header .ph-approved-upgrade)::after{content:none!important;display:none!important;}
body.ph-approved-front[data-view=choose] .ph-approved-template-showcase{display:none;}
body.ph-approved-front[data-view=choose][data-studio-home=templates] .ph-approved-shortcuts{display:none!important;}
body.ph-approved-front[data-view=choose][data-studio-home=templates] .ph-approved-template-showcase{display:block;margin:7px 0 18px;padding:18px;border:1px solid #e4efed;border-radius:18px;background:linear-gradient(135deg,#fbfffd,#f5fbfa);}
body.ph-approved-front[data-view=choose] .ph-approved-template-showcase h3{margin:0 0 4px;font:750 20px Inter,'Segoe UI',sans-serif;color:#102d2c;letter-spacing:-.03em;}
body.ph-approved-front[data-view=choose] .ph-approved-template-showcase p{margin:0 0 14px;font:400 12px Inter,'Segoe UI',sans-serif;color:#617774;}
body.ph-approved-front[data-view=choose] .ph-approved-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:9px;}
body.ph-approved-front[data-view=choose] .ph-approved-showcase-grid button{display:flex;align-items:center;gap:8px;min-width:0;min-height:58px;padding:7px 10px;border:1px solid #e3eeeb;border-radius:12px;background:#fff;box-shadow:0 3px 10px #154d4010;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;}
body.ph-approved-front[data-view=choose] .ph-approved-showcase-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 19px #154d401c;}
body.ph-approved-front[data-view=choose] .ph-approved-showcase-grid button .ph-approved-icon-frame{flex:0 0 35px!important;width:35px!important;height:35px!important;filter:none!important;}
body.ph-approved-front[data-view=choose] .ph-approved-showcase-grid button svg{width:35px!important;height:35px!important;}
body.ph-approved-front[data-view=choose] .ph-approved-showcase-grid strong{font:650 11px Inter,'Segoe UI',sans-serif;color:#21423e;min-width:0;}
body.ph-approved-front[data-view=choose] .ph-approved-showcase-grid button>span:last-child{margin-left:auto;color:#12a77d;font-size:16px;}
@media(max-width:760px){body.ph-approved-front[data-view=choose] .visual-welcome{height:auto!important;min-height:320px!important;padding:21px 19px 140px!important;}body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy{max-width:100%!important;}body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-copy h1{font-size:clamp(29px,7vw,38px)!important;}body.ph-approved-front[data-view=choose] .visual-welcome .ph-hero-intro{max-width:390px!important;}body.ph-approved-front[data-view=choose] .ph-approved-hero-art{width:96%!important;height:145px!important;top:auto!important;bottom:0!important;right:-2%!important;}}
@media(max-width:430px){body.ph-approved-front[data-view=choose] .visual-welcome{min-height:330px!important;padding-bottom:140px!important;}body.ph-approved-front[data-view=choose] .ph-approved-hero-art{height:138px!important;right:-9%!important;}}


/* Partner website card: visuals only; original editor and template handlers remain intact. */
body.ph-approved-front[data-view=choose] #ph-partner-websites{
  margin:12px 0 18px!important;padding:clamp(14px,2.2vw,26px)!important;
  background:linear-gradient(145deg,#fff,#f7fbfa)!important;
  border:1px solid #cce7dd!important;border-radius:18px!important;
  box-shadow:0 8px 26px #103d3710!important;min-width:0;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-head{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:17px;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-head small{
 font:750 11px Inter,'Segoe UI',sans-serif;color:#087c5b;letter-spacing:.07em;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-head h2{
 color:#112c30;font:790 clamp(21px,2.3vw,27px)/1.2 Inter,'Segoe UI',sans-serif;letter-spacing:-.035em;margin:5px 0;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-head p{
 color:#617674;font:400 12px/1.5 Inter,'Segoe UI',sans-serif;margin:0;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-all{
 font:700 12px Inter,'Segoe UI',sans-serif;color:#06775a;text-decoration:none;white-space:nowrap;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-feature{
 display:grid;grid-template-columns:minmax(245px,.78fr) minmax(0,1.22fr);gap:0;
 overflow:hidden;min-width:0;border:1px solid #49253188;border-radius:16px;
 background:#080c14;color:#fff;box-shadow:0 12px 26px #141c2223;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-info{
 display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;
 padding:clamp(18px,2.7vw,38px);background:radial-gradient(ellipse at -20% 0%,#76203866,transparent 65%),#0c111a;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-kicker{
 font:700 10px Inter,'Segoe UI',sans-serif;color:#eebd80;letter-spacing:.1em;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites h3{
 font:500 clamp(30px,3vw,45px)/1.12 Georgia,serif!important;letter-spacing:-.035em;color:#fff5ec!important;margin:14px 0 10px!important;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-info>p{
 font:400 clamp(12px,1.2vw,15px)/1.45 Inter,'Segoe UI',sans-serif;color:#e1cbd0!important;margin:0 0 23px!important;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-actions{
 display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-actions :is(button,a){
 display:inline-flex!important;align-items:center;justify-content:center;gap:9px;
 min-height:43px!important;padding:11px 16px!important;border-radius:9px!important;
 font:700 12px Inter,'Segoe UI',sans-serif!important;text-decoration:none!important;
 transition:transform .18s,box-shadow .18s;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-preview-button{
 color:#ffca8f!important;border:1px solid #df9f6b70!important;background:#fff1!important;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites [data-altaqwa-use]{
 color:#fff!important;border:1px solid #fd6c5b80!important;
 background:linear-gradient(110deg,#ac1035,#ee4b48)!important;box-shadow:0 6px 16px #e21e4b35!important;cursor:pointer;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-actions :is(button,a):hover{
 transform:translateY(-2px);box-shadow:0 8px 22px #0006;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-note{
 margin-top:20px;font:400 10px Inter,'Segoe UI',sans-serif;color:#b9b2b4;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-visual{
 position:relative;overflow:hidden;isolation:isolate;min-width:0;min-height:315px;
 background:radial-gradient(circle at 76% 20%,#855446,#28323e 60%,#111723);
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-visual iframe{
 position:absolute;top:0;left:0;width:1280px;height:820px;max-width:none;border:0;
 transform:scale(.45);transform-origin:top left;pointer-events:none;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-visual:before{
 position:absolute;content:'';pointer-events:none;z-index:1;inset:0;
 background:linear-gradient(0deg,#090d17b2 0%,transparent 38%),linear-gradient(90deg,#0b0d18a1 0%,transparent 18%);
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-visual-open{
 position:absolute;inset:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;
 padding:20px;text-decoration:none!important;color:#fff!important;
 font:750 11px Inter,'Segoe UI',sans-serif;letter-spacing:.07em;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-visual-open span:last-child{
 width:34px;height:34px;display:grid;place-items:center;background:#fff2;border:1px solid #fff6;border-radius:50%;font-size:19px;
}
/* Remove leaked ellipsis glyphs/decorative pseudoelements from visible actions, not actual labels. */
body.ph-approved-front[data-view=choose] :is(
 #ph-partner-websites .ph-partner-actions button,
 #ph-partner-websites .ph-partner-actions a,
 .header .ph-approved-upgrade,
 .header .studio-account-links button,
 .header .studio-account-links a
)::before,
body.ph-approved-front[data-view=choose] :is(
 #ph-partner-websites .ph-partner-actions button,
 #ph-partner-websites .ph-partner-actions a,
 .header .ph-approved-upgrade,
 .header .studio-account-links button,
 .header .studio-account-links a
)::after{content:none!important;display:none!important;}
@media(max-width:980px){
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-feature{grid-template-columns:minmax(235px,.95fr) minmax(0,1fr);}
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-visual iframe{transform:scale(.34);}
}
@media(max-width:700px){
 body.ph-approved-front[data-view=choose] #ph-partner-websites{padding:13px!important;margin-top:13px!important;}
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-feature{grid-template-columns:1fr;}
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-info{padding:21px;}
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-visual{min-height:205px;}
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-visual iframe{transform:scale(.32);}
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-head{align-items:flex-start;}
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-note{margin-top:13px;}
}
@media(prefers-reduced-motion:reduce){
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-actions :is(button,a){transition:none!important;transform:none!important;}
}


/* Showcase CTA and templates placement; home/editor logic untouched. */
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-gallery-cta{
  display:flex;justify-content:flex-end;align-items:center;margin:14px 1px 0;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-gallery-cta a{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;
  border:1px solid #9cd5c5;background:#f0fff8;border-radius:10px;
  padding:10px 14px;color:#087356!important;text-decoration:none!important;
  font:750 12px Inter,'Segoe UI',sans-serif;transition:box-shadow .2s ease,transform .2s ease;
}
body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-gallery-cta a:hover{
  transform:translateY(-1px);box-shadow:0 6px 18px #0b795523;
}
body.ph-approved-front[data-view=choose][data-studio-home=templates] #ph-partner-websites{
  display:block!important;margin:0 0 20px!important;
}
body.ph-approved-front[data-view=choose]:not([data-studio-home=templates]):not([data-studio-home=home]) #ph-partner-websites{
  display:none!important;
}
@media(max-width:700px){
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-gallery-cta{justify-content:stretch;}
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-gallery-cta a{width:100%;}
}
@media(prefers-reduced-motion:reduce){
 body.ph-approved-front[data-view=choose] #ph-partner-websites .ph-partner-gallery-cta a{transition:none;transform:none;}
}