@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn-Regular.ttf')}@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn-Bold.ttf');font-weight:700}
:root{--navy:#243e59;--olive:#526333;--paper:#f3f5f7;--ink:#182c40;--muted:#526477;--line:#ccd5de;--danger:#a32332;--card:#fff;--soft:#e7edf3;--ok:#e5edd9}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.9 Vazirmatn,Tahoma,sans-serif}[hidden]{display:none!important}
button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid transparent;background:var(--navy);color:#fff;padding:10px 22px;border-radius:8px;min-height:46px}button:disabled{opacity:.6;cursor:wait}button:hover{filter:brightness(.94)}
.secondary{background:#fff;border-color:var(--navy);color:var(--navy)}.quiet{background:transparent;color:var(--navy);padding-inline:8px}.danger{background:#fff;border-color:var(--danger);color:var(--danger)}
:focus-visible{outline:3px solid #927017;outline-offset:3px}aside :focus-visible{outline-color:#f6d786}
label{display:block;margin-top:18px;margin-bottom:5px;font-weight:700}
input:not([type=checkbox],[type=color],[type=range],[type=radio]),textarea,select{width:100%;border:1px solid #76899a;border-radius:6px;background:#fff;color:var(--ink);padding:10px 12px}
textarea{resize:vertical}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-inline-end:8px;accent-color:var(--olive)}input[type=color]{width:80px;height:46px}input[type=range]{width:100%;accent-color:var(--olive)}
.check{font-weight:400}small,.hint{display:block;color:var(--muted);font-size:13px}form>button[type=submit]{margin-top:25px}
h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.6}h2{font-size:21px}h3{font-size:17px;margin-bottom:8px}
fieldset{border:1px solid var(--line);border-radius:6px;margin:22px 0;padding:12px 18px}legend{font-weight:700;padding-inline:6px}
.skip{position:fixed;top:-80px;background:#fff;padding:10px;z-index:10}.skip:focus{top:8px}
#notice{position:fixed;bottom:24px;left:24px;max-width:440px;z-index:20;background:var(--ink);color:#fff;border-radius:8px;padding:0;box-shadow:0 5px 25px #0002}#notice:not(:empty){padding:16px 24px}
#form-errors{position:sticky;top:0;z-index:25;background:#fff3f3;color:#8c1825;padding:18px;border:2px solid #a32332}
.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;max-width:1350px;margin:auto;align-items:center;gap:90px;padding:70px}
.intro h1{font-size:46px;line-height:1.8;margin:20px 0}.intro p{max-width:440px}.intro ol{padding-inline-start:22px;color:var(--muted);line-height:2.8}
.mark{display:inline-grid;place-items:center;background:var(--olive);color:#fff;border-radius:16px;width:64px;height:64px;font-size:36px}
.auth-form{background:#fff;border:1px solid var(--line);padding:40px;border-radius:16px}.auth-form button{width:100%;margin-top:18px}.auth-form .quiet{margin-top:5px}
aside{position:fixed;inset-block:0;right:0;width:235px;background:var(--navy);color:#fff;padding:30px 20px;display:flex;flex-direction:column}
.brand{color:#fff;text-decoration:none;font-size:27px;font-weight:700;padding:0 12px 35px}.brand span{display:block;font-size:12px;font-weight:400;color:#cbd8e5}
nav{display:grid;gap:8px}nav button{text-align:right;background:transparent;color:#e5edf4;padding:12px}nav button[aria-current=page]{background:#fff;color:var(--navy)}
.account{margin-top:auto;border-top:1px solid #76899a;padding-top:20px}.account span{display:block}.account .quiet{color:#fff}
main{margin-right:235px;padding:36px 5vw;max-width:1600px}
header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}header h1{margin:0}header p{font-size:13px;color:var(--muted);margin:0}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.toolbar p{margin:0}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;max-width:820px}.panel.wide{max-width:980px}
.split{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,1fr);gap:30px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}
.articles{display:grid;gap:12px}
.article-row,.connection-row,.task-row{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:14px}
.article-row{display:flex;align-items:center;gap:18px;margin:0}.article-row .pick{flex:none}.article-row .grow{flex:1;min-width:0}.article-row h2{font-size:18px;margin:7px 0}
.thumbimg{width:128px;height:72px;object-fit:cover;border-radius:6px;background:var(--soft);flex:none}.thumbimg.none{display:grid;place-items:center;color:var(--muted);font-size:12px}
.status{display:inline-block;font-size:12px;background:var(--soft);padding:2px 10px;border-radius:5px}.status.ready{background:var(--ok);color:#34451e}.status.tag{background:#eef0f3;color:var(--muted);margin-inline-start:6px}
.empty{padding:55px 30px;text-align:center;border:1px dashed #8799a9;border-radius:10px;color:var(--muted)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hint{margin-top:10px}
.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{background:#fff;color:var(--navy);border-color:var(--line);min-height:38px;padding:4px 14px}.tabs button[aria-pressed=true]{background:var(--navy);color:#fff}
.bulkbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid var(--olive);border-radius:10px;padding:12px 18px;margin-bottom:16px}.inline-checks{display:flex;gap:14px;flex-wrap:wrap}.inline-checks label{margin:0}
.modes{border:none;padding:0;margin:26px 0 8px}.modes legend{padding:0;margin-bottom:10px;font-size:17px}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mode{position:relative;display:block;margin:0;border:2px solid var(--line);border-radius:12px;padding:16px;background:#fff;cursor:pointer;font-weight:400}
.mode input{position:absolute;inset-inline-start:14px;inset-block-start:14px;width:18px;height:18px;margin:0}.mode:has(input:checked){border-color:var(--olive);background:#f6f8f0}.mode:has(input:focus-visible){outline:3px solid #927017;outline-offset:3px}
.mode svg{display:block;width:100%;height:84px;margin:6px 0 10px}.mode b{display:block}.mode span{display:block;font-size:13px;color:var(--muted);line-height:1.7}
.options{border:1px solid var(--line);border-radius:10px;padding:6px 20px 18px;margin:14px 0;background:#fafbfc}.options h3{margin-top:16px}
.thumb img{max-height:70px;margin-top:8px;border-radius:6px;background:repeating-conic-gradient(#e7edf3 0 25%,#fff 0 50%) 0 0/16px 16px}
.editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.editor .panel{max-width:none}.decide{margin-top:24px}
.studio{position:sticky;top:16px}.banner{background:#fff5d9;color:#594312;border:1px solid #e0c46d;border-radius:8px;padding:12px 18px;margin-bottom:16px}
.mode-switch{display:flex;gap:6px;margin:10px 0 16px;flex-wrap:wrap}.mode-switch label{margin:0;border:1px solid var(--line);border-radius:8px;padding:6px 14px;font-weight:400;cursor:pointer}.mode-switch label:has(input:checked){background:var(--navy);color:#fff;border-color:var(--navy)}.mode-switch input{position:absolute;opacity:0;width:1px;height:1px}.mode-switch label:has(input:focus-visible){outline:3px solid #927017;outline-offset:3px}
.sizes{display:flex;gap:6px;margin:10px 0}.sizes button{min-height:34px;padding:2px 12px;background:#fff;color:var(--navy);border-color:var(--line)}.sizes button[aria-pressed=true]{background:var(--soft);border-color:var(--navy)}
.frame{background:var(--soft);border-radius:8px;padding:10px;display:grid;place-items:center}.frame img{max-width:100%;max-height:440px;border-radius:4px}.frame video{max-width:100%;max-height:520px;border-radius:6px;background:#000}
.tool{border-top:1px solid var(--line);margin-top:16px;padding-top:6px}.tool h3{margin:10px 0 2px;font-size:15px}.tool .actions{margin-top:10px}.tool button{min-height:40px;padding:6px 16px}
.seg{margin-top:10px}.seg textarea{min-height:64px}
.warn{background:#fff5d9;color:#594312;padding:10px 14px;border-radius:6px;margin:10px 0;font-size:14px}.ok{background:var(--ok);color:#34451e;padding:10px 14px;border-radius:6px;margin:10px 0;font-size:14px}
#quality:not(:empty){background:#fff5d9;color:#594312;padding:15px;border-radius:6px;margin:15px 0}.crosscheck{background:#eef3f8;border-radius:6px;padding:12px 16px;margin:12px 0;font-size:14px}
iframe{width:100%;min-height:400px;border:1px solid var(--line);background:#fff}details{margin:18px 0}summary{cursor:pointer;min-height:44px}
.task-row p{margin:5px 0;overflow-wrap:anywhere}
.usage{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px}.stat strong{display:block;font-size:26px;line-height:1.5}.stat span{color:var(--muted);font-size:13px}
.usage table{grid-column:1/-1}table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid var(--line);padding:8px 10px;text-align:right;vertical-align:top}thead{background:var(--soft)}
#chart-preview{margin-block:24px}#chart-preview img{width:100%;height:auto}#chart-preview table{min-width:620px}#chart-preview a{color:var(--navy);text-decoration:underline}.scroll-x{overflow-x:auto}
@media(max-width:1100px){.editor-grid{grid-template-columns:1fr}.studio{position:static}}
@media(max-width:1000px){main{padding:25px;margin-right:205px}aside{width:205px}.split{grid-template-columns:1fr}.auth{gap:35px;padding:40px}.intro h1{font-size:34px}.mode-grid{grid-template-columns:1fr}.grid3,.grid2{grid-template-columns:1fr}}
@media(max-width:700px){.auth{display:block;padding:24px}.intro h1{font-size:28px}.intro ol{display:none}.auth-form{padding:24px;margin-top:25px}aside{position:static;width:auto;padding:16px}.brand{font-size:24px;padding:0 0 15px}.brand span{display:none}nav{display:flex;overflow-x:auto;gap:5px}nav button{white-space:nowrap;font-size:13px}.account{margin:15px 0 0;padding:8px 0 0;display:flex;align-items:center;justify-content:space-between}main{margin:0;padding:22px 16px}h1{font-size:25px}.toolbar{align-items:flex-start;flex-direction:column}.article-row{flex-wrap:wrap}.thumbimg{width:100%;height:auto;aspect-ratio:16/9}.panel{padding:20px}.toolbar button{align-self:stretch}#notice{left:16px;right:16px;bottom:16px}header{gap:10px}}
@media(prefers-reduced-motion:no-preference){.mode,.tabs button{transition:border-color .15s,background .15s}}
.tiers{border:none;padding:0;margin:18px 0 8px}.tiers legend{padding:0;font-weight:700}.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.tier-grid .mode{padding-top:40px}.estimate{background:#eef3f8;border-radius:6px;padding:10px 14px;margin:12px 0}.estimate.pricey{background:#fff5d9;color:#594312}
.scene-card{border:1px solid var(--line);border-radius:8px;padding:6px 14px 14px;margin-top:12px;background:#fafbfc}.scene-card textarea{min-height:52px}
.badge{display:inline-block;font-size:12px;border-radius:5px;padding:1px 9px;background:#e5edd9;color:#34451e;margin-inline-end:6px}.badge.alt{background:#eef0f3;color:var(--muted)}
@media(max-width:700px){.tier-grid{grid-template-columns:1fr}}