@font-face{font-family:Shabnam;src:url(Shabnam.woff2);font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:#17324d;font-family:Shabnam,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #dce5f1;background:white;color:#17324d;border-radius:9px;padding:10px 15px}button:hover{background:#edf4ff}button:focus-visible,a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}a{color:#2563eb;text-decoration:none}aside{width:248px;position:fixed;right:0;top:0;bottom:0;background:#fff;border-left:1px solid #e0e8f3;padding:28px 18px;overflow:auto}.brand{display:block;font-size:25px;font-weight:bold;padding:0 12px 24px;color:#17324d}.brand small{display:block;font-size:12px;font-weight:normal;color:#71829a;margin-top:8px}nav{display:grid;gap:6px}nav button{border:0;text-align:right;background:transparent;padding:13px 16px;color:#61748c}nav button.active{background:#edf3ff;color:#2563eb;font-weight:bold}.site-link{display:block;margin:26px 14px 18px;font-size:14px}aside>button{font-size:12px;width:100%}main{margin-right:248px;padding:35px 42px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.eyebrow{font-size:12px;color:#71829a}h1{font-size:28px;margin:9px 0 0}h2{font-size:19px;margin:0 0 18px}h3{font-size:16px;margin:0 0 12px}p{line-height:1.9}.version,.badge{padding:7px 12px;border-radius:20px;background:#eaf2ff;color:#2563eb;font-size:12px;white-space:nowrap}.demo{font-size:12px;background:#fff8e8;color:#795f28;border:1px solid #f2e6c4;padding:12px 16px;border-radius:10px;margin-bottom:25px;line-height:1.9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat,.panel{background:white;border:1px solid #e1e8f2;border-radius:15px;padding:23px}.stat span{font-size:13px;color:#657b96}.stat strong{display:block;font-size:32px;margin-top:15px}.stat small{font-size:11px;color:#8191a5}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar h2{margin:0}.toolbar input{min-width:210px}.primary{background:#2563eb;border-color:#2563eb;color:white}.primary:hover{background:#1d4ed8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right;font-size:13px}th{color:#71829a;font-weight:normal;background:#f8fafd}th,td{padding:15px 12px;border-bottom:1px solid #e8eef6}.actions{display:flex;gap:7px}.actions button{font-size:12px;padding:7px 10px}.danger{color:#b93838}input,select,textarea{border:1px solid #d8e3f0;border-radius:8px;padding:11px 12px;background:white;color:#17324d;width:100%;min-width:0}textarea{min-height:180px;resize:vertical;line-height:1.9}label{display:block;font-size:13px;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.full{grid-column:1/-1}.muted{color:#71829a;font-size:13px}.empty{padding:30px;text-align:center;color:#71829a}.list-item{padding:15px 0;border-bottom:1px solid #edf1f7}.list-item:last-child{border:0}.list-item small{display:block;color:#71829a;margin-top:7px}.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.channel{border:1px solid #dfe8f3;border-radius:12px;padding:22px}.channel p{font-size:13px;color:#71829a}.checks{display:grid;gap:12px}.check{display:flex;justify-content:space-between;gap:20px;background:#f6f9fd;border-radius:9px;padding:14px;font-size:13px}.good{color:#12816c}.pending{color:#976d24}.match{padding:18px;border:1px solid #dae7f7;border-radius:10px;margin:12px 0}.match p{margin:5px 0;font-size:13px}dialog{border:0;border-radius:16px;padding:25px;width:min(600px,calc(100% - 28px));max-height:90svh;color:#17324d}dialog::backdrop{background:#142d4e70;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-head h2{margin:0}.dialog-head button{border:0;font-size:24px;padding:0 7px}.dialog-actions{display:flex;gap:10px;margin-top:18px}#toast{position:fixed;bottom:25px;left:25px;background:#17324d;color:white;border-radius:10px;padding:14px 20px;display:none;z-index:10;font-size:13px}.roadmap{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.roadmap span{font-size:12px;padding:10px;border-radius:8px;background:#f2f6fc}.pill{display:inline-block;color:#12816c;background:#e8f7f2;padding:5px 10px;border-radius:20px;font-size:11px}@media(max-width:1100px){main{padding:28px 24px}.stats{grid-template-columns:repeat(2,1fr)}.channels,.columns{grid-template-columns:1fr}}@media(max-width:700px){aside{position:static;width:100%;padding:18px;border-left:0;border-bottom:1px solid #dce5f1}.brand{padding:0 0 15px;font-size:22px}.brand small{display:inline;margin-right:10px}nav{display:flex;overflow:auto;padding-bottom:8px}nav button{white-space:nowrap;padding:10px 13px}.site-link{display:inline-block;margin:12px 0 0}aside>button{width:auto;margin-right:20px}main{margin:0;padding:22px 16px}h1{font-size:24px}.version{font-size:10px}.stats{gap:10px}.stat{padding:18px}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.toolbar input{min-width:100%}.check{flex-direction:column;gap:8px}}
.creative-banner{border-radius:18px;padding:30px 34px;background:linear-gradient(120deg,#17324d,#1b4f9b);color:white;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.creative-banner span{font-size:10px;letter-spacing:2px;color:#b9d5ff}.creative-banner h2{font-size:28px;margin:18px 0 12px}.creative-banner p{max-width:640px;color:#dfebff;font-size:14px}.creative-glyph{font-size:95px;color:#b5d4ff;padding:20px}.studio-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.studio-card{padding:24px;text-align:right;border-radius:14px;background:white}.studio-card p{color:#71829a;font-size:12px;min-height:48px}.studio-card b{font-size:12px;color:#2563eb}.studio-icon{display:flex;align-items:center;justify-content:center;border-radius:12px;width:48px;height:48px;background:#edf4ff;font-size:25px;color:#2563eb;margin-bottom:20px}.module-note{padding:14px 17px;border:1px solid #dce8fa;background:#f0f6ff;color:#526b8b;border-radius:10px;font-size:12px;line-height:1.9;margin:18px 0}.studio-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:start}.studio-details{border-top:1px solid #e0e8f2;padding:18px 0}.studio-details summary{cursor:pointer;font-size:14px;font-weight:bold;margin-bottom:18px}.output-panel{position:sticky;top:20px}.output-panel textarea{min-height:410px}.output-actions{display:flex;gap:8px;flex-wrap:wrap}#reference-preview{width:100%;max-height:210px;object-fit:contain;margin-top:15px}.reply-output{padding:18px;background:#edf7f5;color:#146853;border-radius:10px;margin-top:20px;line-height:1.9}.reply-output:empty{display:none}.conversation{max-height:460px;overflow:auto}.bubble{padding:13px 18px;border-radius:12px;background:#f2f5fb;max-width:90%;margin-bottom:14px}.bubble.answer{background:#edf4ff;margin-right:auto}.bubble small{font-size:11px;color:#71829a}.bubble p{margin:6px 0;font-size:14px}aside nav button{font-size:13px;padding:11px 14px}input,select,button{min-height:42px}@media(max-width:1200px){.studio-cards{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:1fr}.output-panel{position:static}.creative-glyph{display:none}}@media(max-width:700px){.creative-banner{padding:23px}.creative-banner h2{font-size:24px}.studio-cards{gap:12px}.studio-card{padding:18px}.studio-card h3{font-size:14px}.output-panel textarea{min-height:300px}aside nav button{font-size:12px}.channels{grid-template-columns:1fr}}