@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@600;700;800;900&display=swap');:root{font-family:'DM Sans',Arial,sans-serif;color:#28253a;background:#fffaf7;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4a6c2;outline-offset:2px}.shell{max-width:1160px;margin:auto;padding:0 28px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px}.brandmark{background:#fa5b95;color:#fff;width:45px;height:45px;border-radius:15px;display:grid;place-items:center;font-size:30px;box-shadow:0 5px 0 #e33f7a}.brand strong{font:900 23px Nunito,sans-serif;letter-spacing:-1.1px}.pink{color:#ed4c8a}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:800;color:#8b8796}.top-pill{background:#fff;border:1px solid #f4e4e6;border-radius:100px;padding:10px 15px;color:#ac557c;font-size:12px;font-weight:800}.hero{background:#fff0e9;min-height:355px;border-radius:28px;position:relative;overflow:hidden;display:flex;align-items:center;padding:42px 58px;margin:13px 0 20px}.hero:after{content:'';position:absolute;width:360px;height:360px;border:2px dashed #f6c4bb;border-radius:50%;right:2%;top:-12%}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#e95987}.hero h1{font:900 clamp(34px,4.6vw,57px)/1.11 Nunito,sans-serif;letter-spacing:-1.9px;margin:15px 0;color:#302941}.hero h1 em{font-style:normal;color:#ee5d90}.hero p{color:#706a7a;max-width:510px;font-size:15px;line-height:1.8;margin-bottom:24px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.btn{border:1px solid #e8dfe3;border-radius:12px;padding:12px 18px;background:#fff;color:#453c51;font-weight:800;font-size:13px;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #a25e8020}.btn.primary{background:#ed4f8b;color:white;border-color:#ed4f8b;box-shadow:0 4px 0 #cf3572}.btn.ghost{background:#fff9f7}.hero-art{position:absolute;right:9%;top:50px;width:260px;height:260px;z-index:1}.art-card{position:absolute;width:165px;height:170px;border:2px solid #45394a;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:7px 8px 0 #332c40}.art-card span{font-size:51px}.art-card b{font:900 19px Nunito}.art-back{background:#f9d969;transform:rotate(-16deg);top:20px;left:8px}.art-front{background:#c5eee6;transform:rotate(12deg);top:46px;left:95px}.art-front small{font-size:10px}.art-star{position:absolute;font-size:34px;color:#e45b8d}.star1{right:-5px;top:0}.star2{bottom:-4px;left:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid #f1e8e5;border-radius:20px;padding:22px;margin-bottom:55px}.stats>div{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid #f0e8e7}.stats>div:last-child{border:0}.stats strong{font:900 28px Nunito;color:#332b42}.stats span{font-size:12px;color:#948d99}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:12px}.section-heading h2,.how h2{font:900 32px Nunito;margin:7px 0}.section-heading p{font-size:13px;color:#898391;margin:0}.favorite-btn{white-space:nowrap}.tabs{display:flex;gap:8px;border-bottom:1px solid #e9e3e5;overflow:auto}.tab{background:none;border:0;padding:15px 21px;color:#817a8b;font-weight:800;white-space:nowrap;border-bottom:3px solid transparent}.tab.active{color:#ec4f8a;border-bottom-color:#ed4f8b}.tab span{font-size:11px;border-radius:8px;background:#f7eef1;padding:3px 6px;margin-left:4px}.toolbar{display:flex;gap:12px;margin-top:23px}.search{background:white;border:1px solid #ece4e7;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 13px;flex:1;min-width:0}.search span{font-size:24px;color:#a59ba5}.search input{border:0;outline:0;width:100%;height:46px;min-width:0;background:transparent;font-size:13px}.search kbd{background:#f6f2f3;color:#a19ba4;padding:4px 7px;border-radius:5px;font-size:11px}.toolbar select{background:#fff;border:1px solid #ece4e7;border-radius:12px;padding:0 13px;max-width:190px;min-width:145px;color:#524c5a;font-size:12px}.result-line{display:flex;justify-content:space-between;align-items:center;margin:21px 0 16px;color:#958c99;font-size:12px}.text-btn{border:0;background:none;color:#e95489;font-weight:800}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content-card{background:#fff;border:1px solid #efe7e9;border-radius:18px;padding:21px;display:flex;flex-direction:column;min-height:208px;box-shadow:0 5px 22px #6b496008;transition:transform .15s}.content-card:hover{transform:translateY(-2px)}.card-top{display:flex;align-items:center;gap:8px}.chip{background:#fff0f5;color:#c84c7b;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:900}.angle{font-size:11px;color:#9a92a0}.card-id{margin-left:auto;font-size:10px;color:#b7b0ba}.content-card h3{font:800 17px/1.5 Nunito;margin:17px 0 9px}.content-card .preview{font-size:12px;color:#77707f;line-height:1.7;margin:0 0 20px;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-actions{margin-top:auto;display:flex;gap:8px;align-items:center}.card-actions .btn{padding:9px 12px;font-size:11px}.card-actions .copy-btn{background:#fff0f5;border-color:#ffdeeb;color:#d4437c}.icon-btn{border:1px solid #eee5e8;background:white;color:#928895;border-radius:10px;width:35px;height:35px;font-size:18px;display:grid;place-items:center}.icon-btn.saved{color:#e9538d;background:#fff0f5}.card-actions .icon-btn{margin-left:auto}.empty{text-align:center;padding:50px}.empty>div{font-size:44px}.empty p{color:#857e8b}.load-area{text-align:center;margin:25px}.how{margin:70px 0 55px;padding:28px 32px;border-radius:22px;background:#eaf7f2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}.steps article{background:#fff;padding:19px;border-radius:14px}.steps article span{color:#e95a8c;font-weight:900;font-size:12px}.steps article b{display:block;margin:10px 0;font:900 16px Nunito}.steps article p{font-size:12px;color:#807986;line-height:1.6;margin:0}footer{border-top:1px solid #efe7e9;padding:25px 0 40px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#918997}footer strong{color:#ec4e88}footer small{margin-left:auto}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,90px);background:#322b40;color:white;padding:13px 22px;border-radius:12px;font-size:13px;z-index:20;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(640px,calc(100% - 26px));max-height:85vh;overflow:auto;border:1px solid #f2dfe5;border-radius:22px;padding:25px;box-shadow:0 30px 80px #30243845;color:#332b42}dialog::backdrop{background:#251c2b90}.dialog-top{display:flex;align-items:center;justify-content:space-between}dialog h2{font:900 23px/1.4 Nunito;margin:18px 0}.detail-text{white-space:pre-wrap;line-height:1.85;font-size:14px;color:#5d5664;background:#fffaf8;padding:18px;border-radius:13px;overflow-wrap:anywhere}.detail-label{font-size:11px;font-weight:900;color:#d74b7e;margin:15px 0 7px}.dialog-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.prompt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.prompt-fields label{font-size:11px;font-weight:800;color:#766e7b}.prompt-fields input{display:block;width:100%;border:1px solid #e9dfe3;border-radius:9px;padding:10px;margin-top:5px;font-size:12px}.note{font-size:11px;color:#8d8390;line-height:1.6}@media(max-width:850px){.hero-art{opacity:.25;right:1%}.hero-copy{max-width:100%}.hero{padding:38px}.hero h1{max-width:500px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar select{flex:1;max-width:none;height:45px}}@media(max-width:600px){.shell{padding:0 15px}.topbar{height:75px}.brand strong{font-size:20px}.brandmark{width:39px;height:39px}.top-pill{display:none}.hero{padding:28px 23px;min-height:320px;border-radius:20px}.hero h1{font-size:37px;max-width:320px}.hero p{font-size:13px;max-width:290px}.hero-art{right:-95px;top:80px;opacity:.18}.stats{padding:17px 4px;margin-bottom:40px}.stats strong{font-size:20px}.stats span{font-size:9px;text-align:center}.section-heading{align-items:start}.section-heading h2{font-size:27px}.favorite-btn{font-size:11px;padding:9px}.tabs{gap:0}.tab{padding:14px 12px;font-size:12px}.cards{grid-template-columns:1fr}.toolbar select{min-width:0;width:45%}.steps{grid-template-columns:1fr;gap:10px}.how{margin:45px 0;padding:22px}.prompt-fields{grid-template-columns:1fr}footer small{margin-left:0;width:100%}}
/* V3 smart prompt generator */
[hidden]{display:none!important}.generator-panel{margin:22px 0 28px}.generator-intro{padding:25px 28px;background:#fff0f5;border:1px solid #fbd3e2;border-radius:22px;margin-bottom:20px}.generator-intro h2{font-size:28px;margin:8px 0}.generator-intro p{color:#655f68;margin:0}.generator-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:start}.generator-form,.generator-output{background:white;border:1px solid #e9e2e5;border-radius:20px;padding:24px;box-shadow:0 8px 26px rgba(65,42,55,.035)}.generator-form{display:grid;gap:15px}.generator-form label{display:grid;gap:7px;font-weight:700;font-size:13px;color:#413d45}.generator-form input,.generator-form textarea,.generator-form select{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #ded8df;border-radius:12px;background:#fff;padding:12px 13px;color:#332e38;font:inherit;font-size:14px}.generator-form textarea{resize:vertical}.generator-form input:focus,.generator-form select:focus,.generator-form textarea:focus{outline:2px solid #ff9ec5;outline-offset:1px}.form-head,.output-top,.form-actions,.output-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.form-head h3,.output-top h3,.generator-extra h3{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-actions{justify-content:flex-start}.generator-extra{display:grid;gap:13px;padding-top:15px;border-top:1px solid #f1e8ed}.generator-output{position:sticky;top:20px}.generator-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:520px;overflow:auto;padding:18px;background:#faf7fa;border:1px solid #efe6ec;border-radius:14px;font-family:inherit;font-size:13px;line-height:1.7;color:#343039}.output-actions{justify-content:flex-start}.required{color:#d52872}.generator-output .note{font-size:12px;color:#706a74}.tabs{flex-wrap:wrap}@media(max-width:800px){.generator-layout{grid-template-columns:1fr}.generator-output{position:static}}@media(max-width:480px){.generator-form,.generator-output{padding:16px}.form-grid{grid-template-columns:1fr}.generator-intro{padding:18px}.generator-intro h2{font-size:24px}.output-actions .btn{width:100%;text-align:center}}

/* V4 public hero banner */
.visual-banner{margin:20px 0 24px;overflow:hidden;border-radius:22px;box-shadow:0 12px 35px rgba(69,36,133,.12)}
.visual-banner img{display:block;width:100%;height:auto;object-fit:cover}
@media(max-width:650px){.visual-banner{border-radius:14px;margin:14px 0 18px}}

.visual-banner a{display:block;line-height:0}.visual-banner a:focus-visible{outline:3px solid #ed4f8b;outline-offset:-3px}