*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f5f7fb;color:#172033}a{color:inherit}.brand{font-size:23px;font-weight:900;letter-spacing:-.6px;text-decoration:none}.brand span{color:#635bdb;font-weight:700}.app-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 5%;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}.app-head nav{display:flex;gap:20px}.app-head nav a{font-size:14px;text-decoration:none;color:#475467;font-weight:700}.container,.result-page,.create-page{width:min(1180px,92%);margin:34px auto}.page-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#6366f1;margin-bottom:8px}.page-title h1,.result-head h1{margin:0;font-size:clamp(30px,4vw,44px);letter-spacing:-1.7px}.page-title p,.result-head p{margin:8px 0 0;color:#667085}.plan-pill{border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900;white-space:nowrap}.plan-pill.is-free{background:#eef2ff;color:#4338ca}.plan-pill.is-pro{background:#111827;color:#fff}.create-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(440px,560px);gap:22px;align-items:start}.preview-panel,.form-card,.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 14px 45px rgba(23,32,51,.06)}.preview-panel{position:sticky;top:90px;padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 14px}.panel-head div{display:flex;align-items:center;gap:9px}.panel-head span{color:#667085;font-size:12px}.preview-note{font-size:11px!important}.preview-stage{background:linear-gradient(135deg,#f7f8ff,#eef1f7);border-radius:18px;padding:18px;display:flex;justify-content:center;align-items:center;min-height:500px;overflow:hidden}.preview-stage .poster{transform-origin:center;box-shadow:0 18px 50px rgba(23,32,51,.16)}.preview-foot,.result-note{font-size:12px;color:#667085;padding:12px 4px 2px}.form-panel form{display:grid;gap:16px}.form-card,.template-card{padding:20px}.section-title,.template-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:15px}.section-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5;font-weight:900;font-size:13px}.section-title h2,.template-title h2{margin:0;font-size:18px;letter-spacing:-.5px}.section-title p,.template-title p{margin:4px 0 0;color:#667085;font-size:12px;line-height:1.45}.template-title{justify-content:space-between}.template-title>span{font-size:11px;color:#667085;white-space:nowrap}label{display:block;margin:14px 0 7px;font-weight:800;font-size:13px}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #d9dfeb;border-radius:12px;background:#fff;color:#172033;font:inherit;outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.10)}textarea{resize:vertical;line-height:1.5}label small{display:block;color:#98a2b3;font-size:11px;font-weight:500;margin-top:5px}.inline-help{display:inline!important;margin:0 0 0 5px}.optional{font-size:10px;color:#98a2b3;font-weight:600;margin-left:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-grid,.pro-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.template-choice{position:relative;border:1px solid #e1e5ec;background:#fff;border-radius:15px;padding:8px;text-align:left;cursor:pointer;transition:.2s;min-width:0}.template-choice:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(23,32,51,.09)}.template-choice.selected{border:2px solid #6366f1;padding:7px;box-shadow:0 0 0 3px rgba(99,102,241,.08)}.template-choice>b{display:block;font-size:12px;margin:8px 3px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-choice>small{display:block;color:#98a2b3;font-size:9px;margin:0 3px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.free-tag,.pro-tag{display:inline-block;font-size:8px;font-weight:900;border-radius:999px;padding:3px 6px;margin:0 3px}.free-tag{background:#eef2ff;color:#4338ca}.pro-tag{background:#111827;color:#fff}.pro-dropdown{margin-top:12px;border:1px solid #e4e7ec;border-radius:16px;overflow:hidden}.pro-dropdown summary{cursor:pointer;list-style:none;padding:14px 15px;display:flex;align-items:center;gap:10px}.pro-dropdown summary::-webkit-details-marker{display:none}.pro-dropdown summary span{font-weight:900;font-size:13px}.pro-dropdown summary b{margin-left:auto;font-size:11px;color:#667085}.pro-dropdown summary i{font-style:normal;color:#667085}.pro-grid{padding:0 12px 12px}.pro-choice:not(.selected){opacity:.92}.form-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 17px;background:#5146e5;color:#fff;text-decoration:none;font-weight:850;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(79,70,229,.2)}.btn.big{width:100%;padding:14px 18px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #d9dfeb;border-radius:12px;background:#fff;text-decoration:none;font-weight:750;color:#475467}.modal{position:fixed;inset:0;background:rgba(15,23,42,.58);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.show{display:flex}.modal-box{position:relative;width:min(430px,100%);background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.25);text-align:center}.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f2f4f7;font-size:22px;cursor:pointer}.pro-icon{width:54px;height:54px;border-radius:17px;background:#eef2ff;display:grid;place-items:center;margin:0 auto 12px;font-size:25px}.modal-box h2{margin:0 0 8px}.modal-box p{color:#667085;line-height:1.6;font-size:14px}.modal-link{border:0;background:none;color:#667085;margin-top:13px;cursor:pointer}.result-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.actions{display:flex;gap:9px}.back{font-size:13px;color:#667085;text-decoration:none;display:inline-block;margin-bottom:12px}.result-poster-stage{display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#eef1f7,#f7f8fc);border-radius:24px;padding:25px;overflow:auto}.result-note{text-align:center}.poster{width:700px;min-height:700px;padding:56px;position:relative;overflow:hidden;border-radius:26px;box-shadow:0 30px 80px rgba(23,32,51,.20);background:#fff;isolation:isolate;flex:none}.poster>*{position:relative;z-index:2}.poster-shape{position:absolute!important;z-index:1!important;pointer-events:none}.poster .s1{width:260px;height:260px;right:-120px;top:-120px;border-radius:50%}.poster .s2{width:180px;height:180px;left:-100px;bottom:70px;border-radius:50%}.poster-logo-img{display:block;max-width:105px;max-height:58px;object-fit:contain;object-position:left center;margin-bottom:10px}.poster-logo-text{display:none}.poster-brand{font-size:18px;font-weight:900;letter-spacing:-.4px;max-width:72%;overflow-wrap:anywhere}.poster-badge{display:inline-block;margin-top:22px;padding:8px 13px;border-radius:999px;font-size:10px;line-height:1;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;max-width:90%;overflow-wrap:anywhere}.hire{font-size:72px;line-height:.88;font-weight:950;letter-spacing:-4px;margin-top:48px;max-width:90%;overflow-wrap:anywhere}.positions{font-size:29px;line-height:1.1;font-weight:900;margin-top:28px}.positions div{margin:7px 0}.qual{margin-top:35px;font-size:15px;line-height:1.55;max-width:92%}.qual h3{font-size:10px;letter-spacing:1.8px;margin:0 0 10px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;font-size:11px;font-weight:750}.meta span{padding:7px 10px;border-radius:999px}.apply{display:flex;flex-direction:column;gap:5px;margin-top:22px;padding:13px 15px;border-radius:14px;font-size:11px;max-width:100%;overflow-wrap:anywhere}.apply b{font-size:9px;letter-spacing:1px;text-transform:uppercase}.apply span{white-space:pre-line}.watermark{position:absolute!important;z-index:4!important;bottom:22px;right:28px;font-size:9px;font-weight:900;letter-spacing:.5px;opacity:.45}.poster.template01 .s1,.poster.template02 .s1,.poster.template03 .s1,.poster.template04 .s1,.poster.template05 .s1{background:rgba(79,70,229,.14)}.poster.template01 .s2,.poster.template02 .s2,.poster.template03 .s2,.poster.template04 .s2,.poster.template05 .s2{background:rgba(236,72,153,.10)}
.poster.template01{background:linear-gradient(145deg,#eef2ff,#fff 58%);color:#171b2e}.poster.template01 .poster-badge{background:#4f46e5;color:#fff}.poster.template01 .hire{color:#111827}.poster.template01 .positions{color:#4f46e5}.poster.template01 .meta span{background:#fff;border:1px solid #dfe3f5}.poster.template01 .apply{background:rgba(79,70,229,.08)}
.poster.template02{background:#edf1f6;color:#172033;border-radius:8px}.poster.template02:before{content:"";position:absolute;left:0;top:0;bottom:0;width:18px;background:#27364d;z-index:1}.poster.template02 .poster-badge{background:#27364d;color:#fff}.poster.template02 .hire{font-size:65px}.poster.template02 .positions{color:#27364d}.poster.template02 .meta span{background:#fff}.poster.template02 .apply{background:#fff;border-left:4px solid #27364d}
.poster.template03{background:#fff;color:#111827;border:2px solid #111827;border-radius:4px}.poster.template03 .s1{display:none}.poster.template03 .s2{width:100%;height:8px;left:0;bottom:0;border-radius:0;background:#111827}.poster.template03 .poster-badge{background:#111827;color:#fff;border-radius:3px}.poster.template03 .hire{font-size:78px;text-transform:uppercase}.poster.template03 .positions{border-left:5px solid #111827;padding-left:15px}.poster.template03 .apply{border:1px solid #111827;background:#fff}
.poster.template04{background:linear-gradient(145deg,#f0f9ff,#ecfdf5);color:#123047}.poster.template04 .poster-badge{background:#0f766e;color:#fff}.poster.template04 .hire{color:#075985}.poster.template04 .positions{color:#0f766e}.poster.template04 .meta span{background:rgba(255,255,255,.8)}.poster.template04 .apply{background:rgba(15,118,110,.09)}
.poster.template05{background:linear-gradient(145deg,#fff7ed,#fff);color:#431407}.poster.template05 .poster-badge{background:#ea580c;color:#fff}.poster.template05 .hire{color:#9a3412}.poster.template05 .positions{color:#c2410c}.poster.template05 .meta span{background:#fff;border:1px solid #fed7aa}.poster.template05 .apply{background:#ffedd5}
.poster.template06{background:linear-gradient(145deg,#111827,#1f2937);color:#fff}.poster.template06 .poster-badge{background:#fff;color:#111827}.poster.template06 .hire{color:#fff}.poster.template06 .positions{color:#a5b4fc}.poster.template06 .meta span{background:rgba(255,255,255,.09);color:#fff}.poster.template06 .qual{color:#e5e7eb}.poster.template06 .apply{background:rgba(255,255,255,.08)}.poster.template06 .apply b{color:#c7d2fe}
.poster.template07{background:#fff7ed;color:#431407;border-radius:0}.poster.template07:before{content:"";position:absolute;left:0;right:0;top:0;height:20px;background:#f97316;z-index:1}.poster.template07 .poster-badge{background:#f97316;color:#fff}.poster.template07 .hire{color:#9a3412}.poster.template07 .positions{font-size:32px}.poster.template07 .apply{background:#fff;border:2px solid #fb923c}
.poster.template08{background:linear-gradient(135deg,#312e81,#7c3aed 48%,#db2777);color:#fff}.poster.template08 .poster-badge{background:#fff;color:#4c1d95}.poster.template08 .hire{font-size:74px}.poster.template08 .positions{color:#f5d0fe}.poster.template08 .meta span{background:rgba(255,255,255,.13)}.poster.template08 .qual{color:#f5f3ff}.poster.template08 .apply{background:rgba(255,255,255,.13)}.poster.template08 .watermark{color:#fff}
.poster.template09{background:linear-gradient(150deg,#ecfeff,#f0fdf4);color:#123b35}.poster.template09 .poster-badge{background:#059669;color:#fff}.poster.template09 .hire{color:#065f46}.poster.template09 .positions{color:#0891b2}.poster.template09 .meta span{background:#fff}.poster.template09 .apply{background:rgba(5,150,105,.09);border:1px solid #a7f3d0}
.poster.template10{background:#eef2ff;color:#1e1b4b;border-radius:0}.poster.template10:before{content:"";position:absolute;right:0;top:0;width:44%;height:100%;background:#4f46e5;clip-path:polygon(35% 0,100% 0,100% 100%,0 100%);z-index:1}.poster.template10 .poster-brand,.poster.template10 .poster-badge,.poster.template10 .hire,.poster.template10 .positions,.poster.template10 .qual,.poster.template10 .meta,.poster.template10 .apply{max-width:62%}.poster.template10 .poster-badge{background:#1e1b4b;color:#fff}.poster.template10 .hire{color:#312e81}
.poster.template11{background:#09090b;color:#fff;border-radius:0}.poster.template11:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:12px;background:#fff;z-index:1}.poster.template11 .poster-badge{background:#fff;color:#09090b}.poster.template11 .hire{font-size:82px}.poster.template11 .positions{color:#d4d4d8}.poster.template11 .meta span{border:1px solid #3f3f46}.poster.template11 .qual{color:#d4d4d8}.poster.template11 .apply{border:1px solid #52525b;background:#18181b}
.poster.template12{background:linear-gradient(135deg,#dbeafe,#f5d0fe 55%,#fce7f3);color:#1f2937}.poster.template12:after{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.7);border-radius:22px;z-index:1;pointer-events:none}.poster.template12 .poster-badge{background:rgba(255,255,255,.75);color:#6d28d9}.poster.template12 .apply{background:rgba(255,255,255,.55);backdrop-filter:blur(10px)}
.poster.template13{background:linear-gradient(150deg,#eff6ff,#fff1f2);color:#172554}.poster.template13 .poster-badge{background:#2563eb;color:#fff}.poster.template13 .hire{color:#1d4ed8}.poster.template13 .positions{color:#be123c}.poster.template13 .meta span{background:#fff}.poster.template13 .apply{background:linear-gradient(90deg,#dbeafe,#ffe4e6)}
.poster.template14{background:#faf7f2;color:#292524;border:1px solid #d6d3d1;border-radius:3px}.poster.template14 .s1{background:rgba(120,53,15,.08)}.poster.template14 .s2{background:rgba(120,53,15,.05)}.poster.template14 .poster-badge{background:#292524;color:#fff;border-radius:3px}.poster.template14 .hire{font-family:Georgia,serif;font-weight:700;letter-spacing:-2px;color:#44403c}.poster.template14 .positions{font-family:Georgia,serif;color:#92400e}.poster.template14 .apply{background:#fff;border:1px solid #d6d3d1}
.poster.template15{background:linear-gradient(145deg,#fff,#f4f1ea);color:#292524}.poster.template15:before{content:"";position:absolute;left:56px;right:56px;top:0;height:5px;background:#a16207;z-index:1}.poster.template15 .poster-badge{background:#a16207;color:#fff}.poster.template15 .hire{color:#78350f}.poster.template15 .positions{color:#a16207}.poster.template15 .meta span{background:#fff;border:1px solid #e7e5e4}.poster.template15 .apply{background:#fff;border:1px solid #e7e5e4}
.poster.template16{background:#f8fafc;color:#0f172a;border-radius:0}.poster.template16:before{content:"";position:absolute;right:-80px;top:120px;width:360px;height:360px;border:55px solid #0f172a;border-radius:50%;z-index:1}.poster.template16 .s1{display:none}.poster.template16 .poster-badge{background:#0f172a;color:#fff}.poster.template16 .hire{color:#0f172a}.poster.template16 .positions{color:#334155}.poster.template16 .apply{background:#fff;border:1px solid #cbd5e1}
.poster.template17{background:#fefce8;color:#422006}.poster.template17 .poster-badge{background:#a16207;color:#fff}.poster.template17 .hire{color:#422006;text-decoration:underline;text-decoration-thickness:8px;text-decoration-color:#facc15;text-underline-offset:8px}.poster.template17 .positions{color:#854d0e}.poster.template17 .meta span{background:#fff}.poster.template17 .apply{background:#fef3c7}
.poster.template18{background:linear-gradient(145deg,#ecfdf5,#eff6ff);color:#064e3b}.poster.template18 .poster-badge{background:#047857;color:#fff}.poster.template18 .hire{color:#065f46}.poster.template18 .positions{color:#0369a1}.poster.template18 .meta span{background:#fff}.poster.template18 .apply{background:#d1fae5}
.poster.template19{background:linear-gradient(145deg,#fdf2f8,#eff6ff);color:#3b0764}.poster.template19 .poster-badge{background:#9333ea;color:#fff}.poster.template19 .hire{color:#86198f}.poster.template19 .positions{color:#2563eb}.poster.template19 .meta span{background:#fff}.poster.template19 .apply{background:rgba(147,51,234,.08)}
.poster.template20{background:#f5f5f4;color:#1c1917;border-radius:14px;border:1px solid #d6d3d1}.poster.template20:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:#1c1917;z-index:1}.poster.template20 .poster-badge{background:#1c1917;color:#fff}.poster.template20 .hire{font-size:76px;color:#1c1917}.poster.template20 .positions{color:#57534e}.poster.template20 .meta span{background:#fff;border:1px solid #d6d3d1}.poster.template20 .apply{background:#fff;border:1px solid #d6d3d1}
.poster.size-square{aspect-ratio:1/1;min-height:700px;width:700px}.poster.size-portrait{aspect-ratio:4/5;min-height:875px;width:700px}.poster.size-landscape{aspect-ratio:16/10;min-height:0;width:900px;padding:48px}.poster.size-story{aspect-ratio:9/16;min-height:0;width:506px;padding:40px}.poster.size-landscape .hire{font-size:60px;margin-top:35px}.poster.size-landscape .qual{max-width:65%;margin-top:22px}.poster.size-story .hire{font-size:58px;margin-top:40px}.poster.size-story .positions{font-size:24px}.poster.size-story .qual{font-size:13px;margin-top:25px}
.preview-stage .poster{width:min(100%,520px)}.preview-stage .poster.size-square{min-height:0}.preview-stage .poster.size-portrait{min-height:0}.preview-stage .poster.size-story{width:min(100%,320px)}.preview-stage .poster.size-landscape{width:min(100%,620px)}
@media(max-width:900px){.create-layout{grid-template-columns:1fr}.preview-panel{position:relative;top:auto;order:-1}.preview-stage{min-height:0;padding:12px}.preview-stage .poster{width:min(100%,390px)}.preview-stage .poster.size-story{width:min(100%,300px)}.template-grid,.pro-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.app-head{padding:14px 4%}.app-head nav{gap:10px}.app-head nav a:nth-child(1){display:none}.brand{font-size:19px}.create-page,.result-page,.container{width:94%;margin:20px auto}.page-title,.result-head{align-items:flex-start;flex-direction:column}.page-title h1,.result-head h1{font-size:30px}.preview-panel{padding:12px;border-radius:18px}.preview-stage{padding:8px;border-radius:14px}.preview-stage .poster{width:min(100%,340px)}.preview-stage .poster.size-story{width:min(100%,250px)}.form-card,.template-card{padding:15px;border-radius:18px}.two-col{grid-template-columns:1fr}.template-grid,.pro-grid{grid-template-columns:repeat(2,1fr)}.template-choice{border-radius:13px}.result-poster-stage{padding:10px;border-radius:18px;justify-content:flex-start}.result-poster-stage .poster{transform:none;width:700px}.actions{width:100%}.actions .btn,.actions .ghost-btn{flex:1}.form-actions{position:sticky;bottom:8px;background:rgba(245,247,251,.94);padding:8px;border-radius:14px;z-index:20}.poster{border-radius:20px}}

/* =========================================================
   V4 — STRONG 20 TEMPLATE DESIGN + MOBILE FIX
   ========================================================= */
.poster{background:#fff;isolation:isolate}
.poster::before,.poster::after{pointer-events:none}
.poster .poster-shape{transition:.2s}

/* FREE 01 — Aurora */
.poster.template01{background:linear-gradient(145deg,#eef2ff 0%,#fff 52%,#fdf2f8 100%);color:#172033}
.poster.template01::before{content:"";position:absolute;right:-110px;top:-120px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#c7d2fe 0 45%,rgba(199,210,254,.15) 46% 100%);z-index:1}
.poster.template01::after{content:"";position:absolute;left:-150px;bottom:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#fbcfe8 0 38%,rgba(251,207,232,.08) 39% 100%);z-index:1}
.poster.template01 .poster-badge{background:#5146e5}.poster.template01 .hire{color:#111827}.poster.template01 .positions{color:#5146e5}

/* FREE 02 — Corporate */
.poster.template02{background:#f3f5f8;color:#172033;border-radius:8px}
.poster.template02::before{content:"";position:absolute;left:0;top:0;bottom:0;width:24px;background:#172033;z-index:1}
.poster.template02::after{content:"";position:absolute;right:35px;bottom:35px;width:170px;height:170px;border:18px solid #cbd5e1;border-radius:50%;z-index:1}
.poster.template02 .poster-badge{background:#172033}.poster.template02 .hire{color:#172033}.poster.template02 .positions{color:#334155}.poster.template02 .qual h3{border-bottom:3px solid #172033;padding-bottom:8px}

/* FREE 03 — Minimal */
.poster.template03{background:#fff;color:#111827;border:3px solid #111827;border-radius:3px}
.poster.template03::before{content:"03";position:absolute;right:35px;top:30px;font-size:110px;font-weight:950;color:#f3f4f6;z-index:1}
.poster.template03 .s1{display:none}.poster.template03 .poster-badge{background:#111827;border-radius:3px}.poster.template03 .hire{color:#111827;text-transform:uppercase}.poster.template03 .positions{color:#111827;border-left:6px solid #111827;padding-left:16px}.poster.template03 .qual{border-top:1px solid #111827;padding-top:15px}

/* FREE 04 — Fresh */
.poster.template04{background:linear-gradient(135deg,#ecfeff,#f0fdf4);color:#123047}
.poster.template04::before{content:"";position:absolute;right:-80px;top:90px;width:300px;height:300px;border-radius:42% 58% 60% 40%;background:#99f6e4;opacity:.45;transform:rotate(22deg);z-index:1}
.poster.template04::after{content:"";position:absolute;left:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:#bae6fd;opacity:.6;z-index:1}
.poster.template04 .poster-badge{background:#0f766e}.poster.template04 .hire{color:#075985}.poster.template04 .positions{color:#0f766e}.poster.template04 .apply{background:rgba(15,118,110,.1)}

/* FREE 05 — Urgent */
.poster.template05{background:#fff7ed;color:#431407}
.poster.template05::before{content:"";position:absolute;right:-30px;top:35px;width:240px;height:18px;background:#fb923c;transform:rotate(-12deg);box-shadow:0 35px 0 #fdba74,0 70px 0 #fed7aa;z-index:1}
.poster.template05::after{content:"!";position:absolute;right:42px;bottom:28px;font-size:170px;font-weight:950;color:#fed7aa;z-index:1}
.poster.template05 .poster-badge{background:#ea580c}.poster.template05 .hire{color:#9a3412}.poster.template05 .positions{color:#c2410c}

/* PRO 06 — Midnight */
.poster.template06{background:linear-gradient(145deg,#080b14,#111827 60%,#1e1b4b);color:#fff}
.poster.template06::before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.18);border-radius:22px;z-index:1}
.poster.template06::after{content:"";position:absolute;right:-80px;top:-70px;width:260px;height:260px;border-radius:50%;background:#4f46e5;filter:blur(2px);opacity:.35;z-index:1}
.poster.template06 .poster-badge{background:#fff;color:#111827}.poster.template06 .hire{color:#fff}.poster.template06 .positions{color:#a5b4fc}.poster.template06 .qual{color:#e5e7eb}.poster.template06 .apply{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}.poster.template06 .watermark{color:#fff}

/* PRO 07 — Editorial */
.poster.template07{background:#fff7ed;color:#431407;border-radius:0}
.poster.template07::before{content:"";position:absolute;right:0;top:0;width:43%;height:100%;background:#f97316;clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);z-index:1}
.poster.template07::after{content:"EDITORIAL";position:absolute;right:-34px;bottom:145px;transform:rotate(-90deg);font-size:30px;font-weight:950;letter-spacing:7px;color:rgba(255,255,255,.55);z-index:1}
.poster.template07 .poster-badge{background:#f97316}.poster.template07 .hire{color:#9a3412}.poster.template07 .positions{color:#7c2d12}.poster.template07 .apply{background:#fff;border:2px solid #fb923c}

/* PRO 08 — Violet */
.poster.template08{background:linear-gradient(145deg,#24145c,#6d28d9 55%,#db2777);color:#fff}
.poster.template08::before{content:"";position:absolute;left:-100px;bottom:-100px;width:320px;height:320px;border-radius:50%;border:45px solid rgba(255,255,255,.13);z-index:1}
.poster.template08::after{content:"";position:absolute;right:30px;top:120px;width:110px;height:110px;border-radius:28px;transform:rotate(18deg);background:rgba(255,255,255,.1);z-index:1}
.poster.template08 .poster-badge{background:#fff;color:#4c1d95}.poster.template08 .hire{color:#fff}.poster.template08 .positions{color:#f5d0fe}.poster.template08 .qual{color:#f5f3ff}.poster.template08 .apply{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.poster.template08 .watermark{color:#fff}

/* PRO 09 — Mint */
.poster.template09{background:#effdf8;color:#123b35}
.poster.template09::before{content:"";position:absolute;right:-80px;top:-60px;width:290px;height:290px;border-radius:50%;background:#99f6e4;opacity:.6;z-index:1}
.poster.template09::after{content:"";position:absolute;left:45px;bottom:40px;width:150px;height:80px;border-bottom:8px solid #10b981;border-radius:0 0 100% 100%;transform:rotate(-12deg);z-index:1}
.poster.template09 .poster-badge{background:#059669}.poster.template09 .hire{color:#065f46}.poster.template09 .positions{color:#0891b2}.poster.template09 .apply{background:#fff;border:1px solid #a7f3d0}

/* PRO 10 — Blocks */
.poster.template10{background:#eef2ff;color:#1e1b4b;border-radius:0}
.poster.template10::before{content:"";position:absolute;right:0;top:0;width:47%;height:100%;background:#4f46e5;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);z-index:1}
.poster.template10::after{content:"";position:absolute;right:52px;top:95px;width:120px;height:120px;border:22px solid rgba(255,255,255,.45);transform:rotate(45deg);z-index:1}
.poster.template10 .poster-brand,.poster.template10 .poster-badge,.poster.template10 .hire,.poster.template10 .positions,.poster.template10 .qual,.poster.template10 .meta,.poster.template10 .apply{max-width:62%}.poster.template10 .poster-badge{background:#1e1b4b}.poster.template10 .hire{color:#312e81}

/* PRO 11 — Black */
.poster.template11{background:#09090b;color:#fff;border-radius:0}
.poster.template11::before{content:"";position:absolute;right:-90px;top:80px;width:300px;height:300px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 35px #09090b,0 0 0 37px #52525b;z-index:1}
.poster.template11::after{content:"BOLD";position:absolute;right:35px;top:38px;font-size:12px;letter-spacing:5px;color:#d4d4d8;z-index:1}.poster.template11 .poster-badge{background:#fff;color:#09090b}.poster.template11 .hire{color:#fff;font-size:82px}.poster.template11 .positions{color:#d4d4d8}.poster.template11 .qual{color:#d4d4d8}.poster.template11 .apply{border:1px solid #52525b;background:#18181b}.poster.template11 .watermark{color:#fff}

/* PRO 12 — Glass */
.poster.template12{background:linear-gradient(135deg,#dbeafe,#f5d0fe 55%,#fce7f3);color:#1f2937}
.poster.template12::before{content:"";position:absolute;right:-70px;bottom:-80px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.55);z-index:1}
.poster.template12::after{content:"";position:absolute;left:28px;top:28px;right:28px;bottom:28px;border:1px solid rgba(255,255,255,.9);border-radius:22px;z-index:1}.poster.template12 .poster-badge{background:rgba(255,255,255,.75);color:#6d28d9}.poster.template12 .apply{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8)}

/* PRO 13 — Blue Pink */
.poster.template13{background:linear-gradient(150deg,#eff6ff,#fff1f2);color:#172554}
.poster.template13::before{content:"";position:absolute;right:-80px;top:-70px;width:320px;height:240px;background:#bfdbfe;border-radius:50%;transform:rotate(-20deg);z-index:1}
.poster.template13::after{content:"";position:absolute;left:-70px;bottom:70px;width:220px;height:120px;background:#fecdd3;border-radius:50%;transform:rotate(25deg);z-index:1}.poster.template13 .poster-badge{background:#2563eb}.poster.template13 .hire{color:#1d4ed8}.poster.template13 .positions{color:#be123c}.poster.template13 .apply{background:linear-gradient(90deg,#dbeafe,#ffe4e6)}

/* PRO 14 — Luxury */
.poster.template14{background:#faf7f2;color:#292524;border:1px solid #cfc6b8;border-radius:2px}
.poster.template14::before{content:"";position:absolute;left:42px;right:42px;top:42px;bottom:42px;border:1px solid #cbbfae;z-index:1}.poster.template14::after{content:"✦";position:absolute;right:52px;top:52px;font-size:30px;color:#92400e;z-index:1}.poster.template14 .s1,.poster.template14 .s2{background:rgba(120,53,15,.05)}.poster.template14 .poster-badge{background:#292524;border-radius:2px}.poster.template14 .hire{font-family:Georgia,serif;font-weight:700;color:#44403c}.poster.template14 .positions{font-family:Georgia,serif;color:#92400e}.poster.template14 .apply{background:#fff;border:1px solid #d6d3d1}

/* PRO 15 — Gold */
.poster.template15{background:linear-gradient(145deg,#fff,#f4f1ea);color:#292524}
.poster.template15::before{content:"";position:absolute;left:0;top:0;right:0;height:9px;background:#a16207;z-index:1}.poster.template15::after{content:"";position:absolute;right:40px;bottom:45px;width:155px;height:155px;border-radius:50%;border:16px solid #e7d7ad;z-index:1}.poster.template15 .poster-badge{background:#a16207}.poster.template15 .hire{color:#78350f}.poster.template15 .positions{color:#a16207}.poster.template15 .apply{background:#fff;border:1px solid #e7e5e4}

/* PRO 16 — Geometric */
.poster.template16{background:#f8fafc;color:#0f172a;border-radius:0}
.poster.template16::before{content:"";position:absolute;right:-80px;top:80px;width:390px;height:390px;border:48px solid #0f172a;border-radius:50%;z-index:1}.poster.template16::after{content:"";position:absolute;left:45px;bottom:45px;width:90px;height:90px;background:#cbd5e1;transform:rotate(45deg);z-index:1}.poster.template16 .s1{display:none}.poster.template16 .poster-badge{background:#0f172a}.poster.template16 .hire{color:#0f172a}.poster.template16 .positions{color:#334155}.poster.template16 .apply{background:#fff;border:1px solid #cbd5e1}

/* PRO 17 — Highlight */
.poster.template17{background:#fefce8;color:#422006}
.poster.template17::before{content:"";position:absolute;left:-20px;right:-20px;top:48%;height:54px;background:#fde047;transform:rotate(-4deg);z-index:1}.poster.template17::after{content:"HIRING";position:absolute;right:35px;bottom:45px;font-size:48px;font-weight:950;color:#facc15;transform:rotate(-8deg);z-index:1}.poster.template17 .poster-badge{background:#a16207}.poster.template17 .hire{color:#422006;position:relative}.poster.template17 .positions{color:#854d0e}.poster.template17 .apply{background:#fef3c7}

/* PRO 18 — Emerald */
.poster.template18{background:linear-gradient(145deg,#ecfdf5,#eff6ff);color:#064e3b}
.poster.template18::before{content:"";position:absolute;right:-100px;top:-100px;width:360px;height:360px;border-radius:50%;border:70px solid rgba(4,120,87,.12);z-index:1}.poster.template18::after{content:"";position:absolute;left:40px;bottom:40px;width:180px;height:4px;background:#047857;box-shadow:0 12px 0 #34d399,0 24px 0 #a7f3d0;z-index:1}.poster.template18 .poster-badge{background:#047857}.poster.template18 .hire{color:#065f46}.poster.template18 .positions{color:#0369a1}.poster.template18 .apply{background:#d1fae5}

/* PRO 19 — Pink Blue */
.poster.template19{background:linear-gradient(145deg,#fdf2f8,#eff6ff);color:#3b0764}
.poster.template19::before{content:"";position:absolute;right:-60px;top:45px;width:260px;height:260px;border-radius:40% 60% 60% 40%;background:#f9a8d4;opacity:.55;transform:rotate(22deg);z-index:1}.poster.template19::after{content:"";position:absolute;left:-80px;bottom:-80px;width:280px;height:280px;border-radius:50%;background:#93c5fd;opacity:.55;z-index:1}.poster.template19 .poster-badge{background:#9333ea}.poster.template19 .hire{color:#86198f}.poster.template19 .positions{color:#2563eb}.poster.template19 .apply{background:rgba(147,51,234,.08)}

/* PRO 20 — Stone */
.poster.template20{background:#f5f5f4;color:#1c1917;border-radius:14px;border:1px solid #d6d3d1}
.poster.template20::before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:#1c1917;z-index:1}.poster.template20::after{content:"20";position:absolute;right:35px;bottom:25px;font-size:120px;font-weight:950;color:#e7e5e4;z-index:1}.poster.template20 .poster-badge{background:#1c1917}.poster.template20 .hire{color:#1c1917}.poster.template20 .positions{color:#57534e}.poster.template20 .apply{background:#fff;border:1px solid #d6d3d1}

/* Template selector thumbnails — actual visual previews, not blank boxes */
.template-choice .mini-poster{height:118px;border-radius:10px;position:relative;overflow:hidden;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;background:#eef2ff;color:#172033;border:1px solid #e5e7eb}
.template-choice .mini-poster::before{content:"";position:absolute;inset:0;z-index:0}
.template-choice .mini-poster i{position:absolute;right:-18px;top:-22px;width:65px;height:65px;border-radius:50%;background:#c7d2fe;z-index:1}
.template-choice .mini-poster strong,.template-choice .mini-poster em{position:relative;z-index:2}.template-choice .mini-poster strong{font-size:14px;line-height:.9;font-weight:950;letter-spacing:-.7px}.template-choice .mini-poster em{font-style:normal;font-size:7px;letter-spacing:1px;margin-top:8px;font-weight:900}
.template-choice .mini-poster.template01{background:linear-gradient(145deg,#eef2ff,#fff)}.template-choice .mini-poster.template02{background:#e9edf2}.template-choice .mini-poster.template02::before{background:#27364d;right:auto;width:7px}.template-choice .mini-poster.template03{background:#fff;border:2px solid #111827}.template-choice .mini-poster.template03 i{display:none}.template-choice .mini-poster.template04{background:linear-gradient(135deg,#ecfeff,#dcfce7)}.template-choice .mini-poster.template04 i{background:#99f6e4}.template-choice .mini-poster.template05{background:#fff7ed}.template-choice .mini-poster.template05 i{background:#fb923c;border-radius:4px;transform:rotate(35deg)}
.template-choice .mini-poster.template06{background:linear-gradient(145deg,#09090b,#312e81);color:#fff}.template-choice .mini-poster.template07{background:#fff7ed}.template-choice .mini-poster.template07 i{background:#f97316;border-radius:0;width:45%;height:100%;right:0;top:0}.template-choice .mini-poster.template08{background:linear-gradient(135deg,#312e81,#db2777);color:#fff}.template-choice .mini-poster.template08 i{background:rgba(255,255,255,.2);border-radius:18px}.template-choice .mini-poster.template09{background:#ecfdf5}.template-choice .mini-poster.template09 i{background:#6ee7b7}.template-choice .mini-poster.template10{background:#eef2ff}.template-choice .mini-poster.template10 i{background:#4f46e5;border-radius:0;width:45%;height:100%;right:0;top:0}.template-choice .mini-poster.template11{background:#09090b;color:#fff}.template-choice .mini-poster.template11 i{background:transparent;border:8px solid #52525b}.template-choice .mini-poster.template12{background:linear-gradient(135deg,#dbeafe,#f5d0fe)}.template-choice .mini-poster.template12 i{background:rgba(255,255,255,.55);border:1px solid #fff}.template-choice .mini-poster.template13{background:linear-gradient(150deg,#eff6ff,#fff1f2)}.template-choice .mini-poster.template13 i{background:#bfdbfe}.template-choice .mini-poster.template14{background:#faf7f2;border:1px solid #cbbfae}.template-choice .mini-poster.template14 i{background:#e7e5e4}.template-choice .mini-poster.template15{background:#fff}.template-choice .mini-poster.template15 i{background:#e7d7ad;border:8px solid #a16207}.template-choice .mini-poster.template16{background:#f8fafc}.template-choice .mini-poster.template16 i{background:transparent;border:10px solid #0f172a}.template-choice .mini-poster.template17{background:#fefce8}.template-choice .mini-poster.template17 i{background:#fde047;border-radius:3px;transform:rotate(-8deg)}.template-choice .mini-poster.template18{background:#ecfdf5}.template-choice .mini-poster.template18 i{background:#a7f3d0}.template-choice .mini-poster.template19{background:linear-gradient(145deg,#fdf2f8,#eff6ff)}.template-choice .mini-poster.template19 i{background:#f9a8d4}.template-choice .mini-poster.template20{background:#f5f5f4;border-left:7px solid #1c1917}.template-choice .mini-poster.template20 i{background:#d6d3d1}

/* Better generated/result sizing */
.result-poster-stage{overflow:hidden}
.result-poster-stage .poster{max-width:100%;min-height:0;height:auto}

@media(max-width:600px){
  .preview-stage .poster,.result-poster-stage .poster{width:100%;max-width:100%;min-height:0;height:auto;padding:28px;border-radius:18px}
  .preview-stage .poster.size-story,.result-poster-stage .poster.size-story{width:100%;max-width:100%;padding:24px}
  .preview-stage .poster.size-landscape,.result-poster-stage .poster.size-landscape{width:100%;max-width:100%;padding:24px}
  .poster .poster-logo-img{max-width:72px;max-height:42px}
  .poster .poster-brand{font-size:13px;max-width:78%}
  .poster .poster-badge{font-size:7px;padding:6px 9px;margin-top:14px}
  .poster .hire{font-size:clamp(30px,9vw,42px);line-height:.92;letter-spacing:-2px;margin-top:26px;max-width:94%}
  .poster .positions{font-size:18px;line-height:1.08;margin-top:18px}
  .poster .positions div{margin:5px 0}
  .poster .qual{font-size:10px;line-height:1.45;margin-top:20px}
  .poster .qual h3{font-size:8px;letter-spacing:1.3px;margin-bottom:7px}
  .poster .meta{font-size:8px;gap:5px;margin-top:12px}.poster .meta span{padding:5px 7px}
  .poster .apply{font-size:8px;padding:9px 10px;margin-top:14px}.poster .apply b{font-size:7px}
  .poster .watermark{font-size:7px;right:18px;bottom:14px}
  .poster.template03 .hire{font-size:clamp(28px,8vw,40px)}
  .poster.template11 .hire{font-size:clamp(32px,9vw,46px)}
  .poster.template10 .poster-brand,.poster.template10 .poster-badge,.poster.template10 .hire,.poster.template10 .positions,.poster.template10 .qual,.poster.template10 .meta,.poster.template10 .apply{max-width:68%}
  .poster.template07 .hire,.poster.template08 .hire{max-width:95%}
  .template-choice .mini-poster{height:96px}
}

/* ===== V5 APP UI ===== */
:root{--brand:#5146e5;--ink:#172033;--muted:#667085;--line:#e6e8ef;--soft:#f6f7fb;--card:#fff}
body{background:#f6f7fb;color:var(--ink)}
.app-head{height:68px;padding:0 max(20px,calc((100% - 1180px)/2));background:rgba(255,255,255,.92);border-bottom:1px solid #e9ebf1}
.app-head nav{align-items:center}.app-head nav a{padding:9px 11px;border-radius:9px}.app-head nav a:hover,.app-head nav .nav-active{background:#f0efff;color:#4f46e5}
.container,.result-page,.create-page{margin-top:34px;margin-bottom:60px}
.dash-hero,.history-title{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:24px}.dash-hero h1,.history-title h1{font-size:clamp(32px,4vw,46px);margin:0;letter-spacing:-1.8px}.dash-hero p,.history-title p{color:var(--muted);margin:9px 0 0}.hero-btn{min-width:160px}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:13px;align-items:center;box-shadow:0 10px 35px rgba(23,32,51,.045)}.stat-icon{width:44px;height:44px;border-radius:13px;background:#f0efff;display:grid;place-items:center;font-size:20px}.stat-card b{display:block;font-size:22px;letter-spacing:-.6px}.stat-card small{display:block;color:#98a2b3;margin-top:2px}
.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.dash-main,.dash-side{min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.section-head h2{margin:0;font-size:19px;letter-spacing:-.5px}.section-head p{margin:4px 0 0;color:#8a93a3;font-size:12px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-card{min-height:145px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;text-decoration:none;display:flex;flex-direction:column;gap:13px;position:relative;transition:.2s;box-shadow:0 10px 30px rgba(23,32,51,.04)}.action-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(23,32,51,.09)}.action-card>span{width:38px;height:38px;border-radius:11px;background:#f4f5f8;display:grid;place-items:center}.action-card div{display:flex;flex-direction:column;gap:4px}.action-card b{font-size:14px}.action-card small{color:#8a93a3;line-height:1.4}.action-card>strong{position:absolute;right:15px;bottom:14px;color:#7b8190}.primary-action{background:linear-gradient(145deg,#5146e5,#665ce8);color:#fff;border-color:#5146e5}.primary-action>span{background:rgba(255,255,255,.15)}.primary-action small,.primary-action>strong{color:rgba(255,255,255,.78)}.pro-action{border-color:#ddd9ff;background:#fbfaff}.recent-head{margin-top:28px}.text-link{font-size:12px;color:#5146e5;text-decoration:none;font-weight:800}.recent-list{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.recent-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-bottom:1px solid #eef0f4;text-decoration:none}.recent-item:last-child{border-bottom:0}.recent-item:hover{background:#fafaff}.recent-thumb,.history-preview{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef2ff,#fff);border:1px solid #e1e5f0}.recent-thumb{width:52px;height:64px;border-radius:10px;flex:none}.recent-thumb span{position:absolute;left:6px;bottom:7px;font-size:7px;font-weight:950;line-height:.9}.recent-info{min-width:0;display:flex;flex-direction:column;gap:3px}.recent-info b{font-size:13px}.recent-info small,.recent-info span{color:#8a93a3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item>strong{margin-left:auto;color:#9aa1af}
.account-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 35px rgba(23,32,51,.045)}.account-top{display:flex;justify-content:space-between;align-items:center}.avatar{width:45px;height:45px;border-radius:14px;background:#171b2e;color:#fff;display:grid;place-items:center;font-weight:950}.plan-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950}.plan-badge.free{background:#eef2ff;color:#4338ca}.plan-badge.pro{background:#171b2e;color:#fff}.account-card h3{margin:15px 0 3px;font-size:16px}.account-card>p{margin:0 0 15px;color:#8a93a3;font-size:11px;overflow-wrap:anywhere}.account-line{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #eef0f4;font-size:12px}.account-line span{color:#8a93a3}.full{width:100%;margin-top:12px}.pro-active{margin-top:12px;padding:10px;border-radius:11px;background:#ecfdf3;color:#087443;text-align:center;font-size:12px;font-weight:900}.admin-shortcut{display:flex;align-items:center;gap:10px;background:#171b2e;color:#fff;border-radius:17px;padding:14px;margin-top:12px}.admin-shortcut>span{font-size:18px}.admin-shortcut div{display:flex;flex-direction:column;gap:3px;min-width:0}.admin-shortcut b{font-size:12px}.admin-shortcut small{font-size:9px;color:#c4cad5}.admin-shortcut a{margin-left:auto;color:#fff;text-decoration:none}
.notice-pro{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(90deg,#171b2e,#312e81);color:#fff;padding:15px 17px;border-radius:17px;margin-bottom:20px}.notice-pro div{display:flex;flex-direction:column;gap:3px}.notice-pro span{font-size:11px;color:#d6d8e1}.notice-pro .btn{background:#fff;color:#312e81;white-space:nowrap}
.history-list{display:grid;gap:13px}.history-card{display:grid;grid-template-columns:150px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 10px 30px rgba(23,32,51,.04)}.history-preview{height:190px;border-radius:14px}.history-preview span{position:absolute;left:15px;bottom:22px;font-weight:950;font-size:24px;line-height:.85}.history-preview i{position:absolute;right:-28px;top:-28px;width:90px;height:90px;border-radius:50%;background:#c7d2fe}.history-body{display:flex;flex-direction:column;justify-content:center;min-width:0}.history-meta{display:flex;gap:8px;align-items:center;color:#98a2b3;font-size:10px}.template-chip{background:#f0efff;color:#4f46e5;border-radius:999px;padding:5px 8px;font-weight:900}.history-body h2{font-size:22px;margin:13px 0 5px;letter-spacing:-.6px}.history-body p{margin:0;color:#667085;font-size:13px}.history-actions{display:flex;gap:8px;margin-top:20px}.history-actions .btn,.history-actions .ghost-btn{padding:9px 12px;font-size:11px}.empty-state{background:#fff;border:1px dashed #d7dbe5;border-radius:22px;padding:55px 20px;text-align:center}.empty-state>div{font-size:38px}.empty-state h2{margin:10px 0 4px}.empty-state p{color:#8a93a3;margin:0 0 17px}
.auth-body{min-height:100vh;background:radial-gradient(circle at 15% 0,#ecebff 0,#f7f8fc 38%,#f6f7fb 100%);display:grid;place-items:center;padding:28px 16px}.auth-shell{width:min(460px,100%)}.auth-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:0 3px}.auth-mini{font-size:9px;letter-spacing:1.5px;color:#98a2b3;font-weight:900}.auth-card{background:rgba(255,255,255,.96);border:1px solid #e5e7ef;border-radius:25px;padding:30px;box-shadow:0 25px 70px rgba(23,32,51,.11)}.auth-icon{width:48px;height:48px;border-radius:15px;background:#eef2ff;color:#5146e5;display:grid;place-items:center;font-size:22px;font-weight:900;margin-bottom:17px}.auth-card h1{font-size:29px;letter-spacing:-1.2px;margin:0}.auth-sub{color:#8a93a3;font-size:13px;margin:7px 0 20px}.auth-form label{font-size:12px;margin:15px 0 6px}.auth-form input{margin-top:6px;padding:13px 14px}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:11px;color:#8a93a3;flex-wrap:wrap}.auth-links a{color:#5146e5;font-weight:800;text-decoration:none}.auth-footer{text-align:center;color:#98a2b3;font-size:10px;margin:16px 0}.error,.success{padding:11px 12px;border-radius:11px;font-size:12px;margin-bottom:14px}.error{background:#fff1f1;color:#b42318;border:1px solid #ffd4d4}.success{background:#ecfdf3;color:#087443;border:1px solid #b7efcf}
.upgrade-page{max-width:850px}.upgrade-hero{text-align:center;margin:40px 0 25px}.upgrade-hero h1{font-size:clamp(36px,6vw,58px);line-height:.98;letter-spacing:-2.5px;margin:0}.upgrade-hero p{color:#667085}.pro-price-card{background:linear-gradient(145deg,#171b2e,#312e81);color:#fff;border-radius:26px;padding:30px;box-shadow:0 25px 70px rgba(23,32,51,.2)}.pro-crown{font-size:28px}.pro-price-card h2{font-size:27px;margin:9px 0 5px}.pro-price-card p{color:#d4d7e1}.pro-price-card ul{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.pro-price-card li{padding:12px;background:rgba(255,255,255,.08);border-radius:11px;font-size:12px}.pro-price-card .btn{background:#fff;color:#312e81}.payment-note{display:block;color:#c9cdd7;text-align:center;font-size:10px;margin-top:8px}.pro-active.large{background:rgba(255,255,255,.1);color:#fff}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.table-card .section-head{padding:18px 18px 12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:11px 13px;text-align:left;border-top:1px solid #eef0f4;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#98a2b3;background:#fafbfc}td b,td small{display:block}td small{font-size:9px;color:#98a2b3;margin-top:3px;white-space:normal}
/* mobile: show preview before long form and make it fit without giant blank area */
@media(max-width:900px){.create-layout{grid-template-columns:1fr}.preview-panel{position:relative;top:auto}.preview-stage{min-height:0;padding:10px}.preview-stage .poster{width:min(520px,100%);height:auto}.action-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.dash-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-shortcut{margin-top:0}.admin-grid{grid-template-columns:1fr}}
@media(max-width:600px){.app-head{height:60px;padding:0 14px}.app-head .brand{font-size:17px}.app-head nav{gap:2px}.app-head nav a{font-size:10px;padding:7px 6px}.container,.result-page,.create-page{width:calc(100% - 24px);margin-top:20px}.dash-hero,.history-title{align-items:flex-start;flex-direction:column}.dash-hero h1,.history-title h1{font-size:32px}.hero-btn,.history-title .btn{width:100%}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:13px}.stat-card:last-child{grid-column:1/-1}.dash-side{grid-template-columns:1fr}.history-card{grid-template-columns:88px 1fr;gap:12px;padding:10px}.history-preview{height:125px}.history-preview span{font-size:15px;left:9px;bottom:14px}.history-preview i{width:55px;height:55px;right:-18px;top:-18px}.history-body h2{font-size:16px;margin:9px 0 3px}.history-body p{font-size:10px}.history-actions{margin-top:12px}.history-actions .ghost-btn{display:none}.history-actions .btn{width:100%}.auth-card{padding:23px;border-radius:21px}.auth-card h1{font-size:25px}.pro-price-card{padding:23px}.pro-price-card ul{grid-template-columns:1fr}.notice-pro{align-items:flex-start;flex-direction:column}.notice-pro .btn{width:100%}.result-head{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions .btn,.actions .ghost-btn{flex:1}.result-poster-stage{padding:10px;border-radius:18px}.result-poster-stage .poster{width:100%;padding:28px;min-height:0}.result-poster-stage .poster .hire{font-size:clamp(31px,9vw,44px);letter-spacing:-2px;margin-top:25px}.result-poster-stage .poster .positions{font-size:18px;margin-top:16px}.result-poster-stage .poster .qual{font-size:10px;margin-top:18px}.result-poster-stage .poster .apply{font-size:9px;margin-top:13px}.template-grid,.pro-grid{grid-template-columns:repeat(2,1fr)}.template-choice .mini-poster{height:90px}.pro-dropdown summary{padding:12px}.pro-dropdown summary b{font-size:9px}.create-page .page-title{align-items:flex-start;flex-direction:column}.preview-panel{padding:11px}.preview-foot{font-size:10px}.two-col{grid-template-columns:1fr}.poster{border-radius:18px}}