@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Bold.ttf');font-weight:600 900;font-display:swap}@font-face{font-family:Cairo;src:url('/fonts/Cairo-Bold.ttf');font-weight:700 900;font-display:swap}
:root{color-scheme:dark;--bg:#0c0c0e;--panel:#171719;--raised:#202023;--line:#ffffff19;--text:#f7f5f2;--muted:#aaa6ac;--red:#e50925}
body{background:var(--bg);color:var(--text)}h1,h2,.brand strong{font-family:Cairo,Tajawal,sans-serif}h1{font-size:28px}button{background:#28282b;border-color:#ffffff24;color:#f2eff1;border-radius:8px}button:hover{background:#353538;border-color:#ffffff50}button.primary,.primary{background:var(--red);border-color:var(--red);color:white}button.primary:hover{background:#fd1b37;border-color:#fd1b37}.quiet{background:transparent;border-color:transparent}.danger{color:#ff8996;border-color:#73333e}.muted,.row-help,.field small,.saved-at,.count{color:var(--muted)}.error{color:#ff8996}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#fff}input,select,textarea{background:#222225;border-color:#48474c;color:#f7f5f2;border-radius:7px}input::placeholder,textarea::placeholder{color:#929097}input:focus,select:focus,textarea:focus{border-color:#fa6276;box-shadow:0 0 0 3px #e5092519}input[type=checkbox],input[type=radio]{accent-color:var(--red)}
.sidebar{background:#121214;border-left:1px solid var(--line);padding:24px 16px;width:240px}.brand img{filter:none;width:34px;height:44px}.brand small{color:#aaa}.sidebar .brand{color:white}.side-label{color:#88858d;font-size:12px}.sidebar a{color:#bdb9c1}.sidebar a.active,.sidebar a.active:hover{background:#e509251a;color:#ff9aa7;box-shadow:inset -3px 0 var(--red)}.sidebar a:hover{background:#ffffff09;color:#fff}.side-bottom{font-size:11px;color:#969198;border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.side-bottom b{color:#d8b98c}.workspace{margin-right:240px}.topbar{background:#111113;border-color:var(--line);height:74px;padding-inline:32px}.initial{background:#3a2027;color:#ffc3cc}.mode-chip{background:#332a1e;border-color:#6c5234;color:#e9c796}.top-actions>a{border:1px solid #ffffff30;border-radius:7px}.main{padding:32px 32px 80px;max-width:1600px}.eyebrow{color:#d898a1;font-size:11px;letter-spacing:.3px}.page-heading p{color:var(--muted)}.page-heading{align-items:center;margin-bottom:24px}.panel,.stat{background:var(--panel);border-color:var(--line)}.panel-header a,.shelf-heading>a{color:#c1b9bf;font-size:13px}.badge{background:#303037;color:#ded8e1}.badge.published{background:#163e31;color:#94dfbd}.badge.draft{background:#46331a;color:#f8d28e}.badge.paused,.badge.archived{background:#42252f;color:#f0a4b6}.badge.free{background:#193e47;color:#a4dce7}.content-card .cover .badge{background:#111d;color:#eee;top:10px;bottom:auto;right:10px;border:1px solid #ffffff35}.content-card .cover .badge.draft{color:#f8d28e}.content-card .cover .badge.published{color:#94dfbd}
.studio-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff25;border-radius:14px;min-height:320px;background:#22201e;margin-bottom:22px}.studio-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:-2}.studio-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#121213 12%,#121213ef 35%,#12121330 100%),linear-gradient(0deg,#12121380,transparent);z-index:-1}.studio-hero-copy{padding:32px 36px;max-width:610px}.studio-hero h2{font-size:36px;line-height:1.6;margin-bottom:12px}.studio-hero p{color:#ccc4c8;max-width:390px;font-size:16px;line-height:1.9;margin-bottom:23px}.studio-link{padding:10px 14px;font-size:14px}.hero-process{display:flex;gap:24px;color:#c0b1b6;font-size:12px;margin-top:26px}.studio-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.studio-shortcuts>a{display:flex;gap:14px;align-items:center;padding:18px;background:#19191c;border:1px solid var(--line);border-radius:10px}.studio-shortcuts>a:hover{border-color:#9c515d;background:#212023}.studio-shortcuts>a>span:first-child{font:25px Arial;color:#eb9ba7}.studio-shortcuts>a>span:last-child{margin-inline-start:auto;color:#8a818b}.studio-shortcuts small{display:block;font-size:12px;color:#9d979f;margin-top:3px}.studio-shortcuts b{font-size:14px}.studio-shelf{margin:34px 0}.shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.shelf-heading h2{font-size:20px}.studio-rail{display:flex;gap:16px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#555 #111}.studio-rail>.content-card,.studio-rail>.add-story-card{flex:0 0 196px;scroll-snap-align:start}.studio-rail .content-card p{display:none}.studio-rail .card-body{gap:8px;padding:13px}.studio-rail .card-body h3{font-size:15px}.studio-rail .card-foot{padding:9px 12px}.studio-rail .card-foot>.actions{gap:0}.studio-counts{display:flex;gap:30px;flex-wrap:wrap;margin:28px 0;padding-block:18px;border-block:1px solid var(--line);color:#a59ca8;font-size:14px}.studio-counts b{font-size:22px;color:#fff;margin-left:7px}.rail-empty{color:#b4a6b2;align-self:center;max-width:380px;padding:25px}
.cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}.content-card{background:#19191c;border-color:var(--line);border-radius:10px;min-width:0;transition:transform .18s,border-color .18s}.content-card:hover{border-color:#ffffff4d;transform:translateY(-3px)}.content-card .cover{height:auto;aspect-ratio:2/3;background:linear-gradient(135deg,#332027,#18181d);display:block;overflow:hidden}.content-card .cover img{display:block;object-position:center;height:100%;width:100%}.cover-edit{position:absolute;bottom:0;right:0;left:0;padding:9px;background:#111e;color:#f3e9ec;text-align:center;font-size:13px;backdrop-filter:blur(12px)}.content-card:hover .cover-edit{background:#ba0c24}.content-card .card-body{padding:15px;gap:9px}.content-card h3{font-size:17px;overflow-wrap:anywhere}.content-card p{color:#a8a0ac}.card-foot{border-color:var(--line);padding:10px 13px;gap:4px}.card-foot a{color:#f4b1bb}.card-foot .small{padding:6px}.add-story-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:350px;border:1px dashed #70515b;background:linear-gradient(145deg,#29181f55,#131315);border-radius:10px;text-align:center;padding:24px}.add-story-card>span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1px solid #69414b;background:#40202a;color:#ffb0bc;font:34px Arial}.add-story-card>b{font-size:18px}.add-story-card small{color:#a797a1;font-size:12px;font-weight:400}.add-story-card:hover{background:#2b1c23;border-color:#e8677a}.filters input{background:#1d1d20}.filters select{background:#1d1d20}.empty{color:#a99ca8}.empty h2{color:#e4dce2}
.back-link{display:inline-block;color:#aaa0aa;font-size:13px;margin-bottom:16px}.editor-layout{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.editor-main{min-width:0}.studio-steps{border:0;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 20px}.studio-steps button{padding:8px 10px;border:1px solid var(--line);background:#17171a;color:#a69da7;display:flex;gap:7px;align-items:center;font-size:12px}.studio-steps button>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#303034;font-size:11px}.studio-steps button.active{background:#3c1922;border-color:#a43a4c;color:#fff}.studio-steps button.active>span{background:#e50925;color:white}.editor-canvas{padding:26px}.step-heading{margin-bottom:27px;scroll-margin-top:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.step-heading h2{font-size:23px;margin:6px 0 9px}.step-heading p{color:#a79eaa;font-size:14px;line-height:1.9}.form-section{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--line)}.form-section h3{font-size:17px;margin-bottom:10px}.form-section:last-child{margin-bottom:0}.field{color:#e2dce4;font-size:14px}.field-grid{gap:20px}.field>span{font-weight:600}.field.full{grid-column:1/-1}.object-box,.array-item{background:#1c1c20;border-color:#ffffff20}.object-box>summary{color:#d2c4cf}.object-box>summary small{color:#9f929e;margin-inline-start:10px;font-size:11px}.advanced-fields{background:#151518;border-style:dashed}.array-item>summary{padding:14px;min-height:65px}.array-item[open]>summary{border-color:var(--line);background:#242328;border-radius:10px 10px 0 0}.array-item>summary .item-caption{flex:1;white-space:normal;line-height:1.6;max-width:none;font-weight:600}.item-thumb{height:42px;width:36px;object-fit:cover;border-radius:5px;flex-shrink:0}.item-number{height:28px;width:28px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#42232e;color:#ffb0be;font-size:12px}.array-content{overflow-wrap:anywhere}.array-empty{border:1px dashed #49424b;border-radius:10px;text-align:center;padding:32px 18px;color:#b7a8b5}.array-empty>span{display:block;font:32px Arial;color:#f29bac;margin-bottom:12px}.array-empty b{display:block;color:#e3dbe1}.array-empty p{font-size:13px;margin:8px auto 0;max-width:340px}.array-head{gap:12px;flex-wrap:wrap}.array-head .small{font-size:13px}.array-actions button{min-width:30px;min-height:30px}.linked-row{background:#232128}.linked-row>.field{flex:1}.image-well{display:flex;gap:20px;align-items:center;padding:18px;border:1px dashed #66545e;border-radius:10px;background:linear-gradient(130deg,#2a202655,#12121455)}.image-pick{padding:0;width:112px;height:140px;flex-shrink:0;border:1px solid #6c555f;overflow:hidden;border-radius:6px;background:#2b2229}.image-pick img{display:block;width:100%;height:100%;object-fit:cover}.cover-well .image-pick{width:128px;height:192px}.image-placeholder{font:38px Arial;display:grid;justify-items:center;gap:10px;color:#d6b3c0}.image-placeholder small{font:12px Tajawal}.image-tools{min-width:0}.image-tools>b{font-size:15px}.image-tools p{font-size:13px;color:#afa0ad;margin:7px 0 14px}.image-tools small{display:block;font-size:10px;color:#968892;margin-top:12px}.image-tools button{font-size:12px}.image-url{font-size:11px;color:#9c8e98;margin-top:2px}.image-url summary{cursor:pointer}.image-url input{margin-top:8px;font-size:12px}.step-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.step-navigation button{font-size:13px}.edit-sticky{background:#222125f2;border-color:#54424c;box-shadow:0 10px 35px #0008;flex-wrap:wrap;bottom:14px}.edit-sticky small{color:#d9b0bc}.edit-sticky .actions{gap:7px}.edit-sticky button{font-size:13px}.editor-side .panel{padding:16px}.preview-heading{color:#bfb2bc;font-size:12px;margin-bottom:16px}.dot{background:var(--red)}.draft-poster{position:relative;border-radius:7px;overflow:hidden;background:#281c24;aspect-ratio:2/3}.editor-side .draft-poster img{display:block;max-height:none;width:100%;height:100%;aspect-ratio:auto;border-radius:0;object-fit:cover}.draft-label{position:absolute;bottom:0;left:0;right:0;text-align:center;color:white;padding:7px;font-size:12px;overflow-wrap:anywhere;line-height:1.5}.draft-no-cover{display:grid;place-content:center;gap:12px;text-align:center;height:100%;font:40px Arial;color:#c49da9}.draft-no-cover small{font:14px Tajawal}.draft-preview h3{margin:15px 0 8px;overflow-wrap:anywhere}.draft-preview #draft-card>p{font-size:13px;color:#b3a6b1;line-height:1.8;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.draft-preview>.row-help{font-size:11px;border-top:1px solid var(--line);padding-top:12px;margin:15px 0 0}.editor-info .row-help{margin-top:13px}.manage-content summary{cursor:pointer;font-size:13px;padding:12px 0;color:#bbaab7;border-top:1px solid var(--line)}.manage-content .form-stack{gap:10px}.review-warning{color:#f3c58b;font-size:12px}.review-summary{background:#222026;border:1px solid var(--line);padding:22px;border-radius:10px;margin-bottom:20px}.review-summary>p{margin:7px 0;color:#b3a5b1;font-size:14px}.review-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.review-chips span{background:#302934;padding:8px 15px;border-radius:6px;font-size:12px}.review-chips b{font-size:18px;margin-left:4px}.review-choices{display:grid;gap:14px}.review-choices>div{padding:18px;border:1px solid var(--line);border-radius:8px}.review-choices p{font-size:13px;color:#ad9eaa;margin-top:8px}.validation-list{color:#edc091}
.note{background:#30281e;border-color:#655036;color:#e4c69b}.note.success{background:#1c3328;border-color:#365b47;color:#a3d5b8}.note.danger{background:#351c25;border-color:#743243;color:#f6afbd}.media-card{background:#1d1c20;border-color:var(--line);color:white}.media-card small{color:#afa2ad}.media-card.selected{outline-color:var(--red)}th{background:#222126;color:#c0b5c1}td,th{border-color:var(--line)}td small{color:#b3a4b0}.event{border-color:#754052}.event small,.event p{color:#a99aa5}.workflow a{border-color:var(--line)}.workflow a:hover{background:#282026}.workflow span{color:#ed8ca2}.bar{background:#373039}.bar i{background:#ac3f56}.stat>span,.stat small{color:#ada2af}.code-result,.code-box{background:#241d25;color:#eddde8;border-color:#775066}.divider{border-color:var(--line)}dialog{background:#19181d;border-color:#5a424d;color:#f1e9ee;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#000b}.modal-head{background:#19181d;border-color:var(--line);gap:16px}.modal-head h2{font-size:20px;outline:none}.modal-head .icon-button{flex-shrink:0}.modal-body{padding:24px}.form-footer{flex-wrap:wrap}.type-options small{color:#b6a7b4}.type-options button.selected{background:#45202e;border-color:#b3546d}#toast{background:#f2e8ee;color:#251820;box-shadow:0 8px 30px #0009}.creation-types{display:grid;grid-template-columns:1fr 1fr;gap:12px}.creation-type{position:relative;padding:18px 16px;border:1px solid #49404a;background:#201e24;border-radius:10px;cursor:pointer;display:grid;gap:8px}.creation-type:has(input:checked){border-color:#ff768c;background:#3d1f2a;box-shadow:inset 0 0 0 1px #c64b65}.creation-type input{position:absolute;width:18px;height:18px;left:15px;top:18px}.creation-icon{font:25px Arial;color:#ed93a6}.creation-type b{font-size:15px}.creation-type small{font-size:12px;color:#bba9b6}.login-art{background:linear-gradient(0deg,#111e,#111b),url('/preview/assets/covers/single-last-shift.webp') center/cover}.login-art p,.login-art ul{color:#bfb0bb}.login-form p{color:#b3a1ae}
@media(min-width:1600px){.studio-rail>.content-card,.studio-rail>.add-story-card{flex-basis:220px}}
@media(max-width:1200px){.studio-shortcuts{grid-template-columns:1fr}.studio-shortcuts>a{padding:13px 18px}.studio-shortcuts small{display:inline;margin-inline-start:8px}.editor-layout{grid-template-columns:minmax(0,1fr) 210px}.editor-canvas{padding:20px}.image-well{flex-wrap:wrap}.main{padding-inline:24px}.sidebar{width:216px}.workspace{margin-right:216px}}
@media(max-width:950px){.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-side{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.draft-preview{max-width:330px}.editor-side .draft-poster{max-width:210px;margin:auto}.studio-hero h2{font-size:31px}}
@media(max-width:800px){.sidebar{width:246px}.workspace{margin-right:0}.topbar{padding-inline:16px}.main{padding:24px 16px 70px}.studio-hero-copy{padding:26px 24px}.studio-hero h2{font-size:30px}.studio-hero:after{background:linear-gradient(270deg,#121213f5,#12121399),linear-gradient(0deg,#121213d9,transparent)}.studio-hero p{font-size:14px}.studio-shortcuts small{display:block;margin:3px 0 0}.shelf-heading h2{font-size:18px}.shelf-heading .muted{font-size:11px}.studio-rail>.content-card,.studio-rail>.add-story-card{flex-basis:172px}.add-story-card{min-height:325px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cards .add-story-card{padding:14px;min-height:300px}.content-card .cover{height:auto}.content-card h3{font-size:15px}.content-card .card-body{padding:11px}.card-foot{padding:9px}.card-foot>a{font-size:12px}.card-foot>.actions{margin:0}.card-foot button{font-size:12px}.card-body .badge{font-size:10px;white-space:normal}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px;overflow-wrap:anywhere}.hero-process{gap:16px;font-size:11px}.studio-steps{gap:6px}.studio-steps button{font-size:11px;padding:7px}.editor-canvas{padding:18px}.step-heading h2{font-size:21px}.image-well{padding:14px;gap:16px}.cover-well .image-pick{width:100px;height:150px}.image-tools{flex:1;min-width:120px}.image-tools .actions{gap:7px}.image-tools button{padding:8px 10px}.image-tools p{font-size:12px}.array-item .array-content{padding:14px}.array-item>summary{padding:12px;flex-wrap:wrap}.array-item>summary .item-caption{min-width:70px}.array-actions{gap:3px}.array-actions button{min-width:32px;min-height:34px}.edit-sticky{bottom:8px;padding:12px}.edit-sticky .actions{width:100%;display:flex;flex-wrap:wrap}.edit-sticky button{flex:1;white-space:nowrap;font-size:12px;padding:10px}.editor-side{grid-template-columns:minmax(0,1fr)}.draft-preview{max-width:none}.editor-side .draft-poster{max-width:220px}.modal-body{padding:18px}.modal-head{padding:18px}.modal-head h2{font-size:18px}.creation-types{gap:10px}.creation-type{padding:15px 12px}.creation-type b{font-size:14px}.creation-type small{font-size:11px}.creation-type input{left:12px;top:15px}.step-navigation{flex-wrap:wrap}.step-navigation button{font-size:12px}.studio-counts{gap:18px;font-size:12px}.studio-counts b{font-size:20px}.form-footer button{flex:1;min-width:120px}.image-url{overflow-wrap:anywhere}.linked-row{flex-wrap:wrap}.login-art{padding:30px}.login-form-wrap{padding:26px}.form-section .row-help{line-height:1.9}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}