:root{--bg:#f7f7f9;--surface:#fff;--ink:#201d1b;--muted:#77716c;--line:#e9e6e2;--gold:#d99b18;--gold2:#f8c44b;--soft-gold:#fff8e8;--shadow:0 18px 50px rgba(39,32,25,.07);--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 "DM Sans",sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",sans-serif;line-height:1.15}h1{font-size:clamp(2.2rem,5vw,4.2rem);letter-spacing:-.055em;margin-bottom:16px}h2{font-size:1.55rem;letter-spacing:-.025em}h3{font-size:1.05rem}a{color:inherit}.topbar{height:84px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:58px;height:42px;object-fit:contain}.brand span{display:grid}.brand strong{font:800 15px/1.2 "Manrope"}.brand small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}nav{display:flex;align-items:center;gap:7px}nav form{margin:0}.nav-link,.logout{border:0;background:transparent;text-decoration:none;color:#716b66;padding:10px 15px;border-radius:10px;font:600 14px "DM Sans";cursor:pointer}.nav-link:hover,.nav-link.active{background:#f4f1ed;color:var(--ink)}.logout{margin-left:7px;border-left:1px solid var(--line);border-radius:0}.page{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:54px 0 90px}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.hero>div:first-child{max-width:770px}.kicker{display:block;color:#a56c00;font:700 11px/1.2 "Manrope";letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}.kicker.light{color:#ffd66f}.lead{font-size:1.08rem;color:var(--muted);max-width:720px}.hero-stat{min-width:190px;padding:22px 25px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.hero-stat strong{display:block;font:800 2rem "Manrope"}.hero-stat span{color:var(--muted);font-size:.85rem}.step-card,.settings-card,.article-result{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.step-card{display:grid;grid-template-columns:64px 280px 1fr;gap:25px;padding:32px;margin-bottom:60px}.step-number{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,var(--gold2),var(--gold));display:grid;place-items:center;color:#fff;font:800 15px "Manrope";box-shadow:0 10px 24px rgba(217,155,24,.26)}.step-copy p,.library-head p{color:var(--muted)}label{display:grid;gap:8px;font-weight:600;color:#403b37}label small{font-weight:400;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #dedad5;border-radius:12px;background:#fbfbfc;padding:12px 14px;color:var(--ink);font:inherit;transition:.2s}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid rgba(228,170,43,.15);border-color:#d5a236;background:#fff}.download-form textarea{min-height:112px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:13px}.checkbox{display:flex;align-items:center;gap:9px;font-weight:500;color:var(--muted)}.checkbox input{width:auto;accent-color:var(--gold)}button{font-family:"DM Sans",sans-serif}.primary,.secondary,.danger-button{border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;transition:.2s}.primary{background:#231f1c;color:#fff;box-shadow:0 8px 20px rgba(35,31,28,.15)}.primary:hover{transform:translateY(-1px);background:#000}.secondary{background:var(--soft-gold);color:#855900;border:1px solid #f2deb0}.secondary:hover{background:#ffefc7}.danger-button{background:#fff1f1;color:#a43838}.full{width:100%;display:flex;justify-content:space-between}.library-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.library-head h2{margin-bottom:0}.library-head p{max-width:390px;text-align:right}.reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reel-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 38px rgba(35,31,28,.055)}.video-frame{height:230px;background:#ece8e3;display:block;position:relative;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:18px;bottom:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);font-size:12px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#f1f0ee;color:#68625e;font-size:11px;font-weight:700}.video-frame .status{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.92)}.status.rewritten{background:#eef8e9;color:#367128}.reel-body{padding:20px}.reel-meta,.meta-bar{display:flex;gap:12px;color:#8a837d;font-size:12px}.reel-body h3{margin:10px 0 8px}.reel-body>p{color:var(--muted);min-height:48px}.rewrite-mini{display:grid;gap:8px;margin:18px 0 12px}.rewrite-mini input{font-size:13px}.text-link{font-weight:700;font-size:13px;color:#916100;text-decoration:none}.empty-state{grid-column:1/-1;text-align:center;padding:70px;background:#fff;border:1px dashed #d8d2cc;border-radius:var(--radius)}.empty-icon{width:56px;height:56px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:var(--soft-gold);color:#a66d00;font-size:22px}.flash{padding:14px 16px;border-radius:13px;margin-bottom:14px;border:1px solid}.flash.success{background:#eff9eb;border-color:#cce7c2;color:#346a29}.flash.error{background:#fff1f1;border-color:#efcccc;color:#913a3a}.page-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.page-head h1{margin-bottom:10px}.data-pill{max-width:340px;display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px}.data-pill span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.data-pill code{overflow:hidden;text-overflow:ellipsis}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:28px}.settings-card.wide,.settings-save{grid-column:1/-1}.settings-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}.settings-title h2{margin:0 0 4px}.settings-title p{margin:0;color:var(--muted)}.settings-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font:800 13px "Manrope"}.settings-icon.gold{background:#fff4d7;color:#a56c00}.settings-icon.violet{background:#f2ecff;color:#7152ad}.settings-icon.blue{background:#eaf3ff;color:#3a6da8}.settings-icon.green{background:#eaf8ef;color:#39774b}.settings-card>label{margin-top:16px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.prompts textarea{min-height:190px}.settings-save{display:flex;align-items:center;justify-content:flex-end;gap:20px}.settings-save p{margin:0;color:var(--muted)}.cookies-section{margin-top:20px}.cookies-section .settings-title{margin-bottom:18px}.connection{margin-left:auto;padding:7px 11px;border-radius:999px;background:#f1f0ee;color:#766f69;font-size:12px;font-weight:700}.connection.connected{background:#eaf8ef;color:#39774b}.cookie-actions,.cookie-actions form{display:flex;align-items:center;gap:10px}.cookie-actions{justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.back{display:inline-block;margin-bottom:24px;text-decoration:none;color:var(--muted);font-weight:600}.detail-grid{display:grid;grid-template-columns:370px 1fr;gap:45px;align-items:start}.detail-video{position:sticky;top:110px}.detail-video video{width:100%;max-height:650px;border-radius:24px;background:#1d1b19;box-shadow:var(--shadow)}.detail-video .text-link{display:block;margin-top:12px}.detail-content{padding-top:18px}.detail-content h1{font-size:clamp(2.1rem,4vw,3.5rem);margin-top:20px}.meta-bar{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0}.detail-rewrite{display:grid;gap:14px}.detail-rewrite button{justify-self:start}.article-result{margin-top:50px;padding:30px}.article-head{display:flex;justify-content:space-between;align-items:center}.article-head h2{margin-bottom:0}.query{font-size:12px;color:var(--muted)}.article-result iframe{width:100%;min-height:650px;border:1px solid var(--line);border-radius:14px;margin-top:22px;background:#fff}.login-page{min-height:100vh;background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-visual{background:linear-gradient(145deg,#1e1a17 0%,#30281f 100%);color:#fff;padding:55px clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(231,173,45,.35),transparent 68%);right:-170px;bottom:-170px}.login-visual img{width:112px;filter:brightness(0) invert(1);position:relative;z-index:1}.login-visual h1{font-size:clamp(2.6rem,5vw,5rem);max-width:700px}.login-visual p{color:#c9c2bc;font-size:1.1rem;max-width:560px}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-form{width:min(430px,100%)}.login-form h2{font-size:2.1rem;margin-bottom:8px}.login-form label{margin:19px 0}.login-form input{padding:14px}.login-form .primary{margin-top:8px;padding:15px 18px}
@media(max-width:980px){.reel-grid{grid-template-columns:repeat(2,1fr)}.step-card{grid-template-columns:56px 1fr}.download-form{grid-column:1/-1}.settings-layout{grid-template-columns:1fr}.settings-card.wide,.settings-save{grid-column:auto}.detail-grid{grid-template-columns:290px 1fr}.login-shell{grid-template-columns:1fr}.login-visual{min-height:360px}.login-visual h1{font-size:2.8rem}.login-form-wrap{min-height:600px}}
@media(max-width:680px){.topbar{padding:0 16px}.brand span{display:none}.nav-link,.logout{padding:9px}.page{width:min(100% - 24px,1240px);padding-top:30px}.hero,.library-head,.page-head{align-items:start;flex-direction:column}.hero-stat{width:100%}.step-card{grid-template-columns:1fr;padding:22px}.step-copy{margin-top:-66px;padding-left:70px}.form-row,.settings-save,.cookie-actions,.cookie-actions form{align-items:stretch;flex-direction:column}.form-row button{width:100%}.reel-grid{grid-template-columns:1fr}.library-head p{text-align:left}.two-cols{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-video{position:static}.article-head{align-items:start;flex-direction:column}.login-visual{padding:35px 28px;min-height:320px}.login-visual img{width:85px}.login-visual h1{font-size:2.2rem}.login-form-wrap{padding:45px 24px;min-height:auto}}
body,button{font-family:"Segoe UI Variable","Segoe UI",sans-serif}h1,h2,h3,.brand strong,.kicker,.hero-stat strong,.step-number,.settings-icon{font-family:"Segoe UI Variable Display","Segoe UI",sans-serif}
.title-link{color:inherit;text-decoration:none;background-image:linear-gradient(var(--gold),var(--gold));background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .2s}.title-link:hover{background-size:100% 2px}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid var(--line);color:#9a938d;font-size:12px;font-weight:600}.flash.warning{background:#fff8e8;border-color:#f0ddb2;color:#85600f}.products-panel{margin-top:50px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.products-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.products-head h2{margin-bottom:7px}.products-head p{margin:0;color:var(--muted)}.product-count{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--soft-gold);color:#8a5d00;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-card{display:grid;grid-template-columns:126px 1fr;gap:16px;border:1px solid var(--line);border-radius:16px;padding:13px}.product-image{height:126px;background:#f6f4f1;border-radius:12px;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:11px}.product-image img{width:100%;height:100%;object-fit:contain}.product-copy h3{margin:5px 0 7px}.product-copy p{color:var(--muted);font-size:13px;margin-bottom:9px}.product-source{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#9b6a00;font-weight:700}.product-links{display:flex;align-items:center;justify-content:space-between}.product-links a{font-size:12px;font-weight:700;color:#8d6000;text-decoration:none}.product-links form{margin:0}.product-links button{border:0;background:none;color:#a25858;font-size:12px;cursor:pointer}.products-empty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #ddd6cf;border-radius:14px;color:var(--muted)}.product-picker{display:flex;align-items:end;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.product-picker label{flex:1}.feed-hint{margin:18px 0 0;color:var(--muted)}.feed-section{margin-top:20px}.feed-form{display:flex;align-items:end;gap:12px}.feed-form label{flex:1}.feed-date{display:block;margin-top:12px;color:var(--muted)}
.settings-layout{grid-template-columns:1fr}.settings-card.wide,.settings-save{grid-column:auto}
@media(max-width:850px){.product-grid{grid-template-columns:1fr}}
@media(max-width:680px){.products-panel{padding:20px}.products-head,.product-picker,.feed-form{flex-direction:column;align-items:stretch}.product-card{grid-template-columns:90px 1fr}.product-image{height:90px}}
.topbar nav,.nav-link,.logout{font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",sans-serif}.nav-link,.logout{font-weight:650;letter-spacing:.015em}.source-description{border:1px solid var(--line);border-radius:14px;background:#fff;margin-top:22px;overflow:hidden}.source-description summary{display:flex;justify-content:space-between;gap:18px;align-items:start;padding:16px 18px;cursor:pointer;list-style:none;color:var(--muted)}.source-description summary::-webkit-details-marker{display:none}.source-description summary strong{color:#966400;white-space:nowrap}.source-description>p{padding:0 18px 18px;margin:0;white-space:pre-line}.products-head-actions{display:flex;align-items:center;gap:10px}.catalog-picker{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.product-name-form{display:flex;align-items:end;gap:12px}.product-name-form label{flex:1}.product-catalog{display:grid;gap:7px;max-height:390px;overflow:auto;margin-top:14px;padding-right:5px}.catalog-row{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fbfbfc}.catalog-thumb{width:58px;height:58px;border-radius:9px;background:#f1efec;overflow:hidden}.catalog-thumb img{width:100%;height:100%;object-fit:contain}.catalog-row strong,.catalog-row small{display:block}.catalog-row small{color:var(--muted);margin-top:3px}.catalog-row button{border:0;border-radius:9px;background:#fff1c9;color:#805600;padding:8px 11px;font-weight:700;cursor:pointer}.product-catalog.no-results:after{content:"Brak produktu o takiej nazwie";display:block;padding:25px;text-align:center;color:var(--muted)}.rewrite-panel{display:grid;grid-template-columns:300px 1fr;gap:35px;margin-top:24px;padding:30px;background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid #f0dfb8;border-radius:var(--radius);box-shadow:var(--shadow)}.rewrite-panel p{color:var(--muted)}.suggested-image{display:grid;grid-template-columns:280px 1fr;gap:25px;align-items:center;margin-top:24px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.suggested-image img{width:100%;max-height:420px;object-fit:cover;border-radius:15px;order:-1}.suggested-image p{color:var(--muted);word-break:break-word}.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:wait!important;opacity:.85}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.secondary .spinner{border-color:rgba(133,89,0,.25);border-top-color:#855900}@keyframes spin{to{transform:rotate(360deg)}}body.busy{cursor:progress}
@media(max-width:760px){.products-head-actions,.product-name-form{align-items:stretch;flex-direction:column}.rewrite-panel,.suggested-image{grid-template-columns:1fr}.catalog-row{grid-template-columns:50px 1fr}.catalog-row form{grid-column:2}.catalog-thumb{width:50px;height:50px}}

/* Login hero with portrait */
.login-visual{isolation:isolate;background:#e9e5e3;color:#231f1c}
.login-visual:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#e9e5e3 0%,rgba(233,229,227,.98) 28%,rgba(233,229,227,.72) 48%,rgba(233,229,227,.08) 72%),radial-gradient(circle at 18% 18%,rgba(248,196,75,.24),transparent 34%)}
.login-visual:after{z-index:0;width:420px;height:420px;background:radial-gradient(circle,rgba(217,155,24,.2),transparent 69%);right:-120px;bottom:-140px}
.login-visual .login-logo{width:112px;height:auto;filter:none;position:relative;z-index:3}
.login-visual .login-portrait{position:absolute;z-index:0;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.86) sepia(.06) contrast(1.03);pointer-events:none}
.login-copy{position:relative;z-index:3;width:min(72%,580px);padding-bottom:clamp(8px,3vh,36px)}
.login-visual .kicker.light{color:#986500}
.login-visual h1{font-size:clamp(2.6rem,4vw,4.6rem);max-width:560px;text-wrap:balance}
.login-visual p{color:#655e59;max-width:460px}
@media(max-width:980px){.login-visual{min-height:440px}.login-visual .login-portrait{width:52%;object-position:center 32%}.login-copy{width:62%;padding-bottom:0}.login-visual:before{background:linear-gradient(90deg,#e9e5e3 0%,rgba(233,229,227,.96) 33%,rgba(233,229,227,.58) 56%,rgba(233,229,227,.04) 78%)}}
@media(max-width:680px){.login-visual{min-height:380px}.login-visual .login-logo{width:85px}.login-visual .login-portrait{width:68%;opacity:.72;object-position:52% 26%}.login-visual:before{background:linear-gradient(90deg,#e9e5e3 0%,rgba(233,229,227,.98) 34%,rgba(233,229,227,.65) 61%,rgba(233,229,227,.2) 100%),linear-gradient(0deg,#e9e5e3 0%,transparent 35%)}.login-copy{width:72%}.login-visual h1{font-size:2.15rem}.login-visual p{font-size:.98rem}}

/* Library filters, pagination and list view */
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px rgba(39,32,25,.04)}
.filter-tabs,.library-toolbar-side,.view-switch{display:flex;align-items:center;gap:6px}.filter-tab,.view-switch a{display:flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:700;transition:.2s}.filter-tab{padding:9px 14px;font-size:13px}.filter-tab:hover,.filter-tab.active,.view-switch a:hover,.view-switch a.active{background:#f4f1ed;color:var(--ink)}
.results-count{margin-right:8px;color:var(--muted);font-size:12px;font-weight:650}.view-switch{padding-left:10px;border-left:1px solid var(--line)}.view-switch a{width:38px;height:36px;font-size:20px}
.reel-library.view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reel-library.view-list{display:grid;gap:13px}.reel-library.view-list .reel-card{display:grid;grid-template-columns:210px 1fr;min-height:145px}.reel-library.view-list .video-frame{height:100%;min-height:145px}.reel-library.view-list .reel-body{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;column-gap:28px;padding:18px 22px}.reel-library.view-list .reel-meta{grid-column:1}.reel-library.view-list h3{grid-column:1;margin:7px 0 6px;font-size:1.15rem}.reel-library.view-list .reel-body>p{grid-column:1;margin:0;min-height:0;max-width:760px}.reel-library.view-list .card-foot{grid-column:2;grid-row:1/4;align-self:center;flex-direction:column;justify-content:center;gap:7px;margin:0;padding:0 0 0 24px;border-top:0;border-left:1px solid var(--line)}
.pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:34px}.pagination a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;text-decoration:none;color:var(--muted);font-weight:750}.pagination a:hover,.pagination a.active{border-color:#d9a73b;background:var(--soft-gold);color:#805600}

/* Searchable product catalog */
.catalog-row[hidden]{display:none}.product-name-form small{min-height:18px;color:#9a7a38}.product-catalog{scrollbar-color:#d8d1c8 transparent;scrollbar-width:thin}

/* Editable article workspace */
.article-head{gap:24px}.article-actions{display:flex;align-items:center;gap:9px}.article-result>.query{display:block;margin-top:5px}.article-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:22px;margin-top:24px;align-items:start}.article-preview-wrap,.article-edit-form{min-width:0}.workspace-label{display:block;margin-bottom:9px;color:#8a817a;font:700 11px/1.2 "Aptos Display","Segoe UI",sans-serif;letter-spacing:.11em;text-transform:uppercase}.article-result .article-preview-wrap iframe{width:100%;height:760px;min-height:0;margin:0;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.article-edit-form textarea{min-height:760px;padding:18px;border-radius:16px;background:#24211f;color:#f5f0ea;border-color:#24211f;font:13px/1.65 "Cascadia Code","Consolas",monospace;tab-size:2}.article-edit-form textarea:focus{background:#1f1c1a;border-color:#d6a236;outline:4px solid rgba(217,155,24,.16)}.article-save-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px}.article-save-row>span{color:var(--muted);font-size:12px}.article-save-row .primary{white-space:nowrap}
@media(max-width:980px){.reel-library.view-grid{grid-template-columns:repeat(2,1fr)}.article-workspace{grid-template-columns:1fr}.article-result .article-preview-wrap iframe,.article-edit-form textarea{height:650px;min-height:650px}}
@media(max-width:680px){.library-toolbar{align-items:stretch;flex-direction:column}.filter-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.filter-tab{padding-inline:8px}.library-toolbar-side{justify-content:space-between}.reel-library.view-grid{grid-template-columns:1fr}.reel-library.view-list .reel-card{grid-template-columns:110px 1fr}.reel-library.view-list .video-frame{min-height:160px}.reel-library.view-list .play{display:none}.reel-library.view-list .reel-body{display:block;padding:14px}.reel-library.view-list .reel-body>p{font-size:12px}.reel-library.view-list .card-foot{display:none}.article-result{padding:20px}.article-head,.article-actions,.article-save-row{align-items:stretch;flex-direction:column}.article-actions button{width:100%}.article-result .article-preview-wrap iframe,.article-edit-form textarea{height:560px;min-height:560px}}

/* Settings backup */
.backup-section{margin-top:20px}.backup-note{display:grid;gap:3px;margin-bottom:22px;padding:15px 17px;border:1px solid #f0dcae;border-radius:14px;background:#fff9e9;color:#765716}.backup-note strong{font-size:13px}.backup-note span{font-size:12px;color:#8a7447}.backup-actions{display:grid;grid-template-columns:auto minmax(440px,1fr);gap:22px;align-items:end}.backup-actions>form:first-child{align-self:end}.backup-actions>form:last-child{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.backup-actions input[type=file]{padding:9px;background:#fff}.backup-actions button{white-space:nowrap}
@media(max-width:760px){.backup-actions,.backup-actions>form:last-child{grid-template-columns:1fr}.backup-actions button{width:100%}}

/* Rewrite controls and tabbed article editor */
.rewrite-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:3px}.advanced-ai{padding:11px 14px;border:1px solid #ead8b1;border-radius:12px;background:#fff;color:#5d4b28}.advanced-ai span{font-weight:700}.detail-rewrite .rewrite-submit{margin-left:auto;padding:16px 30px;font-size:16px;min-width:190px;justify-content:center}
.article-edit-form{margin-top:24px}.article-tabs{display:flex;gap:5px;width:max-content;padding:5px;border:1px solid var(--line);border-radius:14px;background:#f4f2ef}.article-tab{border:0;border-radius:10px;padding:11px 19px;background:transparent;color:var(--muted);font-weight:750;cursor:pointer;transition:.2s}.article-tab:hover{color:var(--ink)}.article-tab.active{background:#fff;color:var(--ink);box-shadow:0 5px 16px rgba(39,32,25,.09)}.article-panel{margin-top:16px}.article-panel[hidden]{display:none!important}
.visual-article-editor{min-height:680px;max-height:900px;overflow:auto;padding:54px clamp(28px,6vw,76px) 72px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#38332f;font:18px/1.82 Georgia,"Times New Roman",serif;outline:none}.visual-article-editor:focus{border-color:#d6a236;box-shadow:0 0 0 4px rgba(217,155,24,.12)}.visual-article-editor h1,.visual-article-editor h2,.visual-article-editor h3,.visual-article-editor h4{color:#211e1b;font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",sans-serif;line-height:1.18;letter-spacing:-.025em}.visual-article-editor h1{font-size:2.6rem;margin:0 0 1.1em}.visual-article-editor h2{font-size:1.75rem;margin:1.8em 0 .65em}.visual-article-editor h3{font-size:1.3rem;margin:1.5em 0 .55em}.visual-article-editor p,.visual-article-editor ul,.visual-article-editor ol,.visual-article-editor blockquote{margin:0 0 1.25em}.visual-article-editor a{color:#936400;text-decoration-color:#dca632;text-underline-offset:3px}.visual-article-editor img{max-width:100%;height:auto;border-radius:14px}.visual-article-editor blockquote{margin-left:0;padding:16px 22px;border-left:4px solid #d99b18;background:#fff8e8}.visual-article-editor strong{color:#28231f}.article-panel .article-edit-form textarea,.article-panel textarea[data-article-editor]{height:680px;min-height:680px}.article-save-row{padding-top:2px}
@media(max-width:760px){.rewrite-actions{align-items:stretch;flex-direction:column}.detail-rewrite .rewrite-submit{width:100%;margin-left:0}.advanced-ai{justify-content:center}.article-tabs{width:100%}.article-tab{flex:1}.visual-article-editor{min-height:560px;padding:34px 22px 50px;font-size:17px}.visual-article-editor h1{font-size:2.1rem}.article-panel .article-edit-form textarea,.article-panel textarea[data-article-editor]{height:560px;min-height:560px}}

/* Regeneration and cookie help */
.detail-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.detail-topline form{margin:0}.regenerate-button{padding:10px 14px}.cookie-help{margin:-4px 0 20px;border:1px solid var(--line);border-radius:14px;background:#fbfbfc}.cookie-help summary{padding:14px 16px;cursor:pointer;color:#805b0b;font-weight:750}.cookie-help ol{margin:0;padding:0 22px 17px 42px;color:var(--muted)}.cookie-help li+li{margin-top:7px}.cookie-help strong{color:var(--ink)}
@media(max-width:680px){.detail-topline{align-items:stretch;flex-direction:column}.regenerate-button{width:100%}}