:root{--ink:#242a32;--muted:#777f89;--line:#e9e9e7;--blue:#354de4;--paper:#fbfaf7;--snow:#fff;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8793fa;outline-offset:2px}[hidden]{display:none!important}
.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:#f3f2ee;border-right:1px solid #e7e6e2;padding:33px 20px 24px;display:flex;flex-direction:column;overflow-y:auto}.logo{display:flex;align-items:center;gap:11px;margin:3px 0 70px 10px}.logo-mark{font-size:42px;line-height:1;color:var(--blue)}.logo-label{font-size:16px;letter-spacing:.1em;font-weight:900;line-height:1.05}.sidebar-title,.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#8d8f91}.sidebar-title{margin:0 10px 18px}.nav-all,.nav-category,.subnav-item{border:0;background:transparent;width:100%;text-align:left}.nav-all{padding:13px 16px;font-size:13px;border-radius:10px;font-weight:700;margin-bottom:6px}.nav-all.active{background:#e3e5f8;color:var(--blue)}.nav-category{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:10px;font-size:13px;font-weight:650;transition:background .15s}.nav-category:hover,.nav-category.active{background:#eae9e5}.nav-category.active{color:var(--blue)}.nav-icon{font-size:19px;width:23px;text-align:center;font-weight:400}.nav-name{flex:1}.nav-chevron{font-size:20px;font-weight:400;transition:transform .15s}.active .nav-chevron{transform:rotate(180deg)}.subnav{display:flex;flex-direction:column;margin:2px 0 8px 45px;padding-left:12px;border-left:1px solid #dadcde;gap:1px}.subnav-item{font-size:12px;padding:9px 5px;color:#7a8088;border-radius:5px}.subnav-item.selected,.subnav-item:hover{color:var(--blue);font-weight:700}.sidebar-bottom{border-top:1px solid #dedfdd;padding:24px 7px 0;margin-top:auto;color:#95989c;font-size:10px;line-height:1.5}.sidebar-dot{width:8px;height:8px;background:#adb6ed;border-radius:50%;display:inline-block;margin-right:5px}
.main-wrap{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(30px,5vw,88px);border-bottom:1px solid #eeeeec}.topbar-note{font-size:9px;font-weight:700;letter-spacing:.18em;color:#888c91}.diamond{color:#5268d9;padding:0 18px}.admin-link{font-size:12px;font-weight:700;color:#424852}.admin-link span{color:var(--blue);font-size:15px;padding-left:7px}.mobile-menu{display:none}
.hero{margin:0;background:linear-gradient(122deg,#f1f1f9 0%,#f8f7f5 55%,#f6e9d8 100%);padding:76px clamp(30px,6.2vw,98px) 24px;min-height:390px;position:relative;overflow:hidden}.hero:before{content:'✳';position:absolute;font-size:420px;color:rgba(118,132,196,.065);right:3%;top:-125px;line-height:1;pointer-events:none}.hero-label{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.2em;font-weight:800;color:#7c82a1}.hero-label .line{width:24px;height:2px;background:#5668da}.hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.047em;font-size:clamp(46px,5.5vw,84px);line-height:1.06;margin:25px 0 19px;position:relative}.hero h1 em{font-weight:400;color:var(--blue)}.hero p{font-size:14px;max-width:440px;line-height:1.8;color:#737983;margin:0;position:relative}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:44px;position:relative}.hero-badge{font-size:11px;color:#656f79;font-weight:600}.hero-badge span{font-size:23px;margin-right:10px;color:var(--blue);vertical-align:middle}.hero-star{font-size:23px;color:var(--blue)}
.catalog{padding:62px clamp(30px,5vw,88px) 95px;flex:1}.catalog-head{display:flex;align-items:end;justify-content:space-between}.catalog .eyebrow{margin:0 0 11px}.catalog h2{font-size:32px;font-family:var(--serif);font-weight:400;letter-spacing:-.025em;margin:0}.counter{font-size:12px;color:#8a8f95}.filters{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:28px 0 26px}.search-wrap{position:relative;max-width:450px;flex:1}.search-wrap input{width:100%;background:#fff;border:1px solid #e6e6e3;padding:15px 17px 15px 44px;border-radius:9px;font-size:13px}.search-icon{position:absolute;left:16px;top:7px;font-size:26px;color:#9ca2a9}.clear-filter{background:none;border:none;font-weight:700;font-size:12px;white-space:nowrap}.clear-filter span{color:var(--blue)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.prompt-card{min-width:0;background:#fff;border:1px solid #eee;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.prompt-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(50,55,90,.08)}.card-visual{height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-visual:before{content:'';position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.24);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.visual-orbit{width:116px;height:116px;position:absolute;border-radius:35% 65% 60% 40%;transform:rotate(35deg);background:rgba(255,255,255,.14);box-shadow:0 0 70px 18px rgba(255,255,255,.11)}.visual-glyph{font-size:120px;font-family:var(--serif);position:relative;color:rgba(255,255,255,.58);font-weight:400;transform:rotate(-15deg)}.card-no{position:absolute;top:15px;left:19px;color:rgba(255,255,255,.82);font-size:10px;letter-spacing:.2em}.visual-type{position:absolute;bottom:16px;right:18px;color:rgba(255,255,255,.85);font-size:10px;font-weight:700;letter-spacing:.1em}.theme-ocean{background:radial-gradient(circle at 20% 85%,#84cfd3,transparent 52%),linear-gradient(135deg,#0e406b,#398ebc 68%,#9dcdbe)}.theme-violet{background:radial-gradient(circle at 20% 85%,#d89dfd,transparent 48%),linear-gradient(120deg,#342776,#725aab 70%,#b786cb)}.theme-gold{background:radial-gradient(circle at 80% 15%,#fad09e,transparent 45%),linear-gradient(135deg,#75513a,#bb8c67 63%,#ecce99)}.theme-forest{background:radial-gradient(circle at 75% 75%,#c0d1a7,transparent 55%),linear-gradient(120deg,#214b45,#3c786a 70%,#92af84)}.theme-rose{background:radial-gradient(circle at 70% 25%,#fce5df,transparent 50%),linear-gradient(135deg,#9f6979,#d6a9b4 65%,#e3bfae)}.theme-slate{background:radial-gradient(circle at 80% 10%,#95a2ae,transparent 45%),linear-gradient(130deg,#252d42,#52657a 67%,#788998)}.theme-cyan{background:radial-gradient(circle at 20% 85%,#c2dce2,transparent 50%),linear-gradient(120deg,#35768e,#79afb7 67%,#bdd4d3)}.theme-night{background:radial-gradient(circle at 70% 75%,#ce72ba,transparent 55%),linear-gradient(115deg,#102452,#334899 65%,#555fa6)}.theme-warm{background:radial-gradient(circle at 75% 15%,#ffdfab,transparent 50%),linear-gradient(120deg,#af6a6b,#d79b82 65%,#eec09c)}.theme-plum{background:radial-gradient(circle at 80% 10%,#dfb7ba,transparent 46%),linear-gradient(130deg,#563258,#88627e 65%,#b99c99)}.card-meta{display:flex;justify-content:space-between;padding:20px 21px 0;color:var(--blue);font-size:10px;letter-spacing:.14em;font-weight:800;text-transform:uppercase}.card-meta span:last-child{font-size:16px}.prompt-card h3{font-size:20px;margin:11px 20px 9px;font-family:var(--serif);font-weight:400}.prompt-card p{font-size:12px;color:#7d838b;line-height:1.7;margin:0 20px 21px;min-height:40px}.card-cta{border:0;border-top:1px solid #f2f1ef;background:#fff;padding:16px 20px;text-align:left;font-size:11px;color:#353e49;display:flex;justify-content:space-between;font-weight:700;margin-top:auto}.card-cta span{color:var(--blue);font-size:16px}.card-cta:hover{color:var(--blue)}.empty{padding:50px;text-align:center;color:#777;border:1px dashed #ddd;border-radius:10px}
footer{border-top:1px solid #ecebe8;display:flex;justify-content:space-between;padding:25px clamp(30px,5vw,88px);font-size:10px;letter-spacing:.11em;color:#92979c}
.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:rgba(21,26,39,.68);z-index:10;display:grid;place-items:center;padding:25px}.modal{width:min(760px,100%);max-height:min(90vh,900px);overflow-y:auto;background:white;border-radius:16px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-close{position:absolute;right:17px;top:15px;border:0;background:rgba(255,255,255,.85);border-radius:50%;width:38px;height:38px;z-index:1;font-size:16px}.modal-cover{height:150px;position:relative}.modal-cover:after{content:'✳';position:absolute;font-size:170px;left:50%;top:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.35)}.modal-body{padding:35px 43px 43px}.modal-body h2{font-family:var(--serif);font-size:39px;font-weight:400;margin:12px 0}.modal-body>p{font-size:14px;line-height:1.8;color:#7b8188}.prompt-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6670bb;margin-top:28px}.modal pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f6f4;border:1px solid #e9e9e5;border-radius:10px;padding:22px;font:13px/1.8 Arial,sans-serif;color:#444a55}.copy-primary,.btn{border:0;background:var(--blue);color:white;border-radius:8px;padding:14px 21px;font-size:13px;font-weight:700}.copy-primary:hover,.btn:hover{background:#273bc2}
/* Editor */
.admin-body{background:#f6f7f9}.admin-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:14px clamp(20px,5vw,70px);border-bottom:1px solid #e8e9eb}.admin-header>a:last-child{font-size:13px;font-weight:700}.logo.compact{margin:0}.logo.compact .logo-mark{font-size:30px}.logo.compact .logo-label{font-size:12px}.admin-main{max-width:1320px;margin:auto;padding:46px 28px 100px}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.admin-title h1,.login-panel h1{font:normal 42px var(--serif);margin:13px 0}.admin-title p,.login-panel p{color:#79808a;font-size:14px}.admin-actions{display:flex;gap:10px}.btn.secondary{background:#fff;color:#42465a;border:1px solid #ddd}.status{padding:11px 15px;background:#e9edf9;border-radius:8px;color:#4351a1;font-size:12px;margin:20px 0}.status.error{background:#fae9e9;color:#a33232}.login-panel{max-width:410px;margin:45px auto;background:#fff;border-radius:15px;border:1px solid #eee;padding:38px}.login-panel form{display:flex;flex-direction:column;gap:11px;margin-top:25px}.admin-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(380px,1.7fr);gap:24px}.admin-column{display:flex;flex-direction:column;gap:24px;min-width:0}.admin-panel{background:#fff;padding:27px;border:1px solid #e8eaee;border-radius:13px}.admin-panel h2{font:normal 24px var(--serif);margin:0 0 20px}.admin-panel label,.login-panel label{display:block;margin:16px 0 8px;color:#4f5660;font-size:12px;font-weight:700}.admin-panel input,.admin-panel textarea,.admin-panel select,.login-panel input{width:100%;border:1px solid #dadde3;border-radius:7px;padding:11px 13px;background:#fff;color:#252c37;font-size:13px}.admin-panel textarea{resize:vertical;line-height:1.6}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head h2{margin:0}.text-button{border:0;background:none;color:#3e54db;font-size:12px;font-weight:700;padding:7px}.text-button.danger{color:#c45656}.admin-list-row{display:flex;align-items:center;gap:8px;justify-content:space-between;border-bottom:1px solid #f0f0f0;padding:11px 0;font-size:13px}.admin-list-row span{flex:1;overflow:hidden;text-overflow:ellipsis}.admin-prompts{max-height:380px;overflow-y:auto}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.micro{font-size:11px;color:#838a94}.admin-panel>.btn{margin-top:16px}
@media(max-width:1200px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:228px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.catalog{padding-left:40px;padding-right:40px}}
@media(max-width:760px){.layout{display:block}.sidebar{position:fixed;z-index:5;left:0;top:0;width:260px;box-shadow:0 0 35px #0002;transform:translateX(-110%);transition:transform .2s}.sidebar.mobile-open{transform:translateX(0)}.topbar{height:64px;padding:0 20px;gap:15px}.topbar-note{font-size:8px;flex:1}.diamond{padding:0 6px}.mobile-menu{display:block;background:none;border:0;font-size:21px;color:#343d6c}.hero{padding:61px 24px 20px;min-height:342px}.hero h1{font-size:clamp(43px,10vw,63px)}.catalog{padding:45px 20px 65px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-visual{height:140px}.prompt-card h3{font-size:17px;margin:10px 15px}.prompt-card p{margin:0 15px 15px}.card-meta{padding:14px 15px 0}.card-cta{padding:12px 14px}.filters{gap:8px}.catalog h2{font-size:28px}.counter{font-size:10px}footer{padding:22px 20px;gap:15px;font-size:9px}.admin-grid{grid-template-columns:1fr}.admin-title{align-items:start;flex-direction:column}.admin-main{padding:30px 15px}.admin-panel{padding:21px}.modal-body{padding:28px 22px}}
@media(max-width:465px){.card-grid{grid-template-columns:1fr}.card-visual{height:190px}.topbar-note{display:none}.topbar{justify-content:space-between}.hero h1{font-size:44px}.hero{min-height:330px}.catalog-head{align-items:center}.catalog h2{font-size:28px}.clear-filter{font-size:11px}.modal-backdrop{padding:12px}.modal-body h2{font-size:32px}.two-fields{grid-template-columns:1fr}.admin-actions{flex-wrap:wrap}}