#fnPage .fx-hero{border:1px solid #6f5686;border-radius:20px;padding:26px 28px;background:radial-gradient(circle at 92% 0,rgba(246,205,99,.16),transparent 38%),radial-gradient(circle at 0 100%,rgba(140,96,220,.28),transparent 45%),linear-gradient(135deg,#2d2740,#242032)}
#fnPage .fx-eyebrow{margin:0 0 10px;color:#f6cd63;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
#fnPage .fx-title{display:flex;align-items:center;gap:14px}
#fnPage .fx-title h1{margin:0}
#fnPage .fx-icon{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:14px;background:#3a3150;border:1px solid #6f5686;font-size:28px}
#fnPage .fx-hero .tw-intro{max-width:720px;margin:12px 0 14px}
#fnPage .fx-hero .tw-stats{margin:0}
#fnPage .fx-k{display:block;color:#bfa9e6;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
#fnPage .fx-work{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
#fnPage .fx-bar{display:grid;gap:12px;padding:18px;position:sticky;top:16px;margin:0}
#fnPage .fx-bar .fn-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
#fnPage .fn-generation-bar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0;background:none}
#fnPage .fn-generation-bar button{min-height:46px;margin:0}
#fnPage #fnGenerate{grid-column:1/-1;background:#f6cd63;border-color:#f6cd63;color:#241c08;font-weight:700;font-size:16px;min-height:50px}
#fnPage #fnGenerate:hover{background:#ffd978}
#fnPage .fx-more{border:1px solid #3d3552;border-radius:12px;padding:4px 12px;background:#1f1b2b}
#fnPage .fx-more summary{min-height:38px;display:flex;align-items:center;color:#c8b4ff;font-weight:600;cursor:pointer}
#fnPage .fx-more-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:6px 0 10px}
#fnPage .fx-more fieldset{margin:0;min-width:0}
#fnPage .fn-regions{max-height:230px;overflow:auto}
#fnPage progress{width:100%;height:6px;margin:0}
#fnPage #fnStatus{margin:0}
#fnPage .fn-layout{display:block}
#fnPage .fn-results{min-width:0;margin:0;padding:18px}
#fnPage .fx-res-head h2{margin:4px 0 2px}
#fnPage .fx-res-head p{margin:0;padding:0}
#fnPage .fx-tools{margin:14px 0;padding:14px;border:1px solid #3d3552;border-radius:14px;background:#1f1b2b;display:grid;gap:10px}
#fnPage .fx-tools .fn-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
#fnPage .fx-tools p,#fnPage .fx-tools .fn-options{margin:0}
#fnPage .fx-tools .fn-options{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
#fnPage .fx-tools .tw-actions{margin:0}
#fnPage .fx-note{color:#a99cc0;font-size:13px;margin:14px 0 0}
#fnPage .fn-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;max-height:none}
#fnPage .fn-card{border-radius:16px}
#fnPage .fn-card .tw-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:auto}
#fnPage .fn-card .tw-actions button{flex:1 1 auto;width:auto;margin:0}
#fnPage .fx-bar .fn-fields>div:nth-child(-n+2){grid-column:1/-1}
#fnPage .fx-bar .fn-fields>div:nth-child(2){order:-1}
#fnPage input,#fnPage select{font-size:16px;min-height:44px}
#fnPage .fn-card button,#fnPage .tw-actions button{min-height:44px}
@media(max-width:1100px){#fnPage .fx-tools .fn-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){#fnPage .fx-work{grid-template-columns:minmax(0,1fr)}#fnPage .fx-bar{position:static}}
@media(max-width:640px){#fnPage .fx-hero{padding:20px 18px}#fnPage .fx-icon{width:44px;height:44px;font-size:24px}#fnPage .fn-list{grid-template-columns:minmax(0,1fr)}#fnPage .fn-results,#fnPage .fx-bar{padding:14px}#fnPage .fx-tools .tw-actions button{flex:1 1 40%}#fnPage .fx-tools .fn-fields{grid-template-columns:minmax(0,1fr)}}