@font-face{font-family:PDInter;src:url('/fonts/Inter-Bold.ttf')}@font-face{font-family:PDHindi;src:url('/fonts/NotoSansDevanagari-Bold.ttf')}@font-face{font-family:PDPunjabi;src:url('/fonts/NotoSansGurmukhi-Bold.ttf')}
*{box-sizing:border-box}body.creator-page{margin:0;background:linear-gradient(180deg,#f8f5ef,#fff);color:#17233d;font-family:PDInter,system-ui,sans-serif}.site-header{max-width:1180px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.brand img{max-width:270px;width:100%;height:auto}.lang-switch{display:flex;gap:6px;background:#fff;border:1px solid #e8e3da;border-radius:999px;padding:5px;box-shadow:0 8px 24px #352a1b0d}.lang-switch a{min-width:42px;text-align:center;padding:9px 11px;border-radius:999px;color:#5f6470;text-decoration:none;font-size:13px}.lang-switch a.active{background:#17233d;color:#fff}.creator-wrap{max-width:1180px;margin:auto;padding:10px 20px 50px}.creator-hero{text-align:center;padding:26px 0 24px}.creator-hero .eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff6dd;color:#8a6509;font-size:12px;letter-spacing:.08em}.creator-hero h1{font-size:clamp(30px,4vw,50px);margin:13px 0 8px;line-height:1.08}.creator-hero p{max-width:710px;margin:auto;color:#6f6f77;font-family:system-ui,sans-serif;font-size:16px}.builder-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:24px;align-items:start}.preview-panel,.controls-panel,.result-card{background:#fff;border:1px solid #ece7df;border-radius:26px;box-shadow:0 22px 60px rgba(37,29,18,.09)}.preview-panel{padding:18px}.preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.preview-head span{display:block;color:#9b7b33;font-size:11px;letter-spacing:.12em}.preview-head strong{display:block;margin-top:4px;font-size:16px}.preview-head b{font-size:12px;background:#f6f7fa;padding:9px 11px;border-radius:999px;color:#596170}.canvas-shell{border-radius:19px;overflow:hidden;background:#eee;line-height:0;box-shadow:inset 0 0 0 1px #00000008}.canvas-shell canvas,#resultCanvas{display:block;width:100%;height:auto}.controls-panel{padding:22px;position:sticky;top:16px}.field{display:block;margin-bottom:20px}.field>span{display:block;font-size:13px;margin-bottom:8px;color:#414857}.field input{width:100%;border:1px solid #dfe2e8;border-radius:14px;padding:15px 14px;font:600 16px system-ui,sans-serif;outline:none}.field input:focus{border-color:#9c7b2c;box-shadow:0 0 0 4px #d4a12a1a}.file-picker,.adjust-btn{width:100%;border:1px dashed #c9cdd5;border-radius:16px;padding:13px;display:flex;gap:12px;align-items:center;background:#fbfbfc;cursor:pointer;text-align:left}.file-picker i{width:44px;height:44px;display:grid;place-items:center;background:#fff3d4;border-radius:12px;font-style:normal}.file-picker div,.adjust-btn span{flex:1}.file-picker strong,.adjust-btn strong{display:block;font-size:14px}.file-picker small,.adjust-btn small{display:block;color:#7c828e;font:12px system-ui,sans-serif;margin-top:4px}.file-picker>b{font-size:12px;color:#8a6509}.adjust-btn{margin-top:10px;border-style:solid}.adjust-btn canvas{width:54px;height:54px;border-radius:50%;background:#eee}.adjust-btn>b{font-size:28px;color:#9398a3}.style-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.style-picker button{background:#fff;border:2px solid #ebe7df;border-radius:14px;padding:5px;aspect-ratio:1;overflow:hidden}.style-picker button.selected{border-color:#c9951c;box-shadow:0 0 0 3px #d4a12a1c}.style-picker img{width:100%;height:100%;object-fit:contain}.create-btn,.share-btn{width:100%;border:0;border-radius:15px;padding:16px 18px;background:linear-gradient(135deg,#153a70,#8b1e3f);color:white;font:700 16px PDInter,system-ui;box-shadow:0 12px 26px #163a7038;cursor:pointer}.create-btn:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;filter:grayscale(.2)}.result-section{max-width:760px;margin:0 auto}.result-card{padding:22px;text-align:center}.result-card h2{margin:8px 0 18px}.success-mark{margin:auto;width:54px;height:54px;border-radius:50%;background:#e9f9ee;color:#208341;display:grid;place-items:center;font-size:27px}.share-btn{margin-top:18px}.another-btn{border:0;background:transparent;padding:13px;color:#646b77;font-weight:700;cursor:pointer}.ad-slot{min-height:24px;margin:20px 0;text-align:center}.cropper{position:fixed;inset:0;background:rgba(8,11,18,.86);z-index:9999;display:grid;place-items:center;padding:12px}.cropper[hidden]{display:none}.crop-sheet{background:#10141d;border-radius:24px;width:min(760px,100%);overflow:hidden;color:#fff;box-shadow:0 25px 90px #0008}.crop-sheet h2{font-size:18px;margin:0;padding:17px 20px}.crop-stage{position:relative;background:#05070b;line-height:0}.crop-stage canvas{width:100%;height:auto;touch-action:none}.crop-tip{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;background:#000b;color:#fff;padding:8px 12px;border-radius:999px;font:12px system-ui}.crop-actions{display:flex;justify-content:center;gap:18px;padding:14px}.crop-actions button{width:52px;height:52px;border-radius:50%;border:0;font-size:21px}.crop-actions .ok{background:#fff;color:#10141d}.busy{position:fixed;inset:0;background:#fff9;display:grid;place-items:center;z-index:99999}.busy[hidden]{display:none}.busy div{width:48px;height:48px;border:5px solid #ddd;border-top-color:#153a70;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.builder-grid{grid-template-columns:1fr}.controls-panel{position:static}.creator-wrap{padding-left:12px;padding-right:12px}.site-header{padding-left:14px;padding-right:14px}.brand img{max-width:210px}}@media(max-width:520px){.preview-panel,.controls-panel,.result-card{border-radius:19px}.preview-panel{padding:10px}.controls-panel{padding:17px}.creator-hero{padding-top:14px}.creator-hero h1{font-size:31px}.lang-switch a{min-width:36px;padding:8px}.style-picker{gap:5px}}

/* Pro6: mobile-first validation + persistent language selector */
body.creator-page{overflow-x:hidden}.field.has-error input{border-color:#d92d20!important;box-shadow:0 0 0 4px rgba(217,45,32,.10)!important}.field-error{display:block;margin-top:8px;color:#b42318;font:600 12px/1.45 system-ui,sans-serif}.field-error[hidden]{display:none}.creator-error-toast{position:fixed;left:50%;bottom:86px;z-index:100000;transform:translate(-50%,18px);max-width:min(92vw,430px);background:#b42318;color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 18px 45px #5d0d0d38;font:700 14px/1.35 system-ui,sans-serif;opacity:0;pointer-events:none;transition:.2s}.creator-error-toast.show{opacity:1;transform:translate(-50%,0)}
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,227,218,.82)}.language-dock{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:500;background:rgba(255,255,255,.96);border:1px solid #e3ded5;border-radius:18px;padding:7px;box-shadow:0 18px 50px rgba(34,29,22,.18);display:flex;align-items:center;gap:7px;backdrop-filter:blur(14px)}.language-dock-label{display:none;color:#6c6257;font:700 11px system-ui,sans-serif;padding-left:5px}.language-dock.first-visit .language-dock-label{display:block}.language-dock>div{display:flex;gap:4px}.language-dock a{min-width:42px;min-height:40px;display:grid;place-items:center;border-radius:11px;text-decoration:none;color:#5d6471;font:700 12px PDInter,system-ui;background:#f6f7f9}.language-dock a.active{background:#17233d;color:#fff}.create-btn,.share-btn,.another-btn,.file-picker,.adjust-btn,.style-picker button{min-height:48px;touch-action:manipulation}
@media(max-width:700px){.site-header{padding:9px 12px}.brand img{max-width:168px}.site-header .lang-switch{display:none}.creator-wrap{padding:4px 10px 92px}.creator-hero{padding:15px 6px 17px}.creator-hero .eyebrow{font-size:10px}.creator-hero h1{font-size:clamp(27px,8vw,34px)}.creator-hero p{font-size:14px;line-height:1.55}.builder-grid{gap:14px}.preview-panel{padding:8px;border-radius:18px}.preview-head{padding:4px 3px;margin-bottom:8px}.preview-head strong{font-size:13px}.preview-head b{display:none}.canvas-shell{border-radius:14px}.controls-panel{padding:15px;border-radius:18px}.field{margin-bottom:16px}.field input{font-size:16px;padding:14px 13px}.file-picker{padding:11px}.file-picker small,.adjust-btn small{font-size:11px}.style-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.result-card{padding:12px;border-radius:18px}.cropper{padding:0;align-items:end}.crop-sheet{width:100%;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.crop-sheet h2{padding:14px 16px}.crop-tip{bottom:10px;max-width:88%;white-space:normal;text-align:center}.language-dock{right:10px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:15px}.language-dock.first-visit{left:10px;right:10px;justify-content:space-between}.creator-error-toast{bottom:74px}}