.publish-hero{padding:34px 0 20px;background:var(--public-bg)}.publish-hero>.container{padding:42px;border:1px solid var(--public-line);border-radius:28px;background:radial-gradient(circle at 90% 5%,rgba(245,158,11,.15),transparent 25%),linear-gradient(135deg,#eff6ff,#fff 72%);box-shadow:0 17px 40px rgba(15,23,42,.07);text-align:center}.publish-hero>div>span{color:#2563eb;font-size:.82rem;font-weight:900;text-transform:uppercase}.publish-hero h1{margin:9px 0;font-size:clamp(2rem,4vw,3.2rem)}.publish-hero p{color:var(--public-muted)}.publish-hero>div>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.publish-hero b{padding:8px 12px;border:1px solid #dbeafe;border-radius:999px;background:#fff;color:#334155;font-size:.78rem}.publish-page{padding-bottom:70px;background:var(--public-bg)}.publish-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.publish-form{display:grid;gap:17px}.publish-form>section,.publish-guide>div{padding:24px;border:1px solid var(--public-line);border-radius:23px;background:var(--public-surface);box-shadow:0 12px 30px rgba(15,23,42,.06)}.publish-form section>header{display:flex;align-items:center;gap:13px;margin-bottom:20px}.publish-form section>header>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:900}.publish-form h2{font-size:1.2rem}.publish-form header p{color:var(--public-muted);font-size:.83rem}.publish-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.publish-fields label{display:grid;gap:7px;color:var(--public-text);font-size:.86rem;font-weight:800}.publish-fields .full{grid-column:1/-1}.publish-fields input,.publish-fields select,.publish-fields textarea{width:100%;padding:13px 14px;border:1px solid var(--public-line);border-radius:13px;background:var(--public-soft);color:var(--public-text);font:inherit;outline:0}.publish-fields input:focus,.publish-fields select:focus,.publish-fields textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.publish-fields small{color:var(--public-muted);font-weight:500}.publish-file{position:relative;display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:14px!important;padding:20px;border:2px dashed #bfdbfe;border-radius:16px;background:#eff6ff;cursor:pointer}.publish-file>i{color:#2563eb;font-size:2rem}.publish-file>span{display:grid}.publish-file input{grid-column:1/-1;background:#fff}.publish-errors{padding:18px;border:1px solid #fecaca;border-radius:16px;background:#fef2f2;color:#991b1b}.publish-errors ul{margin:8px 0 0 20px}.publish-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--public-line);border-radius:20px;background:var(--public-surface)}.publish-submit p{color:var(--public-muted);font-size:.85rem}.publish-submit p i{color:#2563eb}.publish-guide{position:sticky;top:112px;display:grid;gap:16px}.publish-guide>div:first-child>i{color:#f59e0b;font-size:2rem}.publish-guide h2{margin:9px 0}.publish-guide ul{display:grid;gap:10px;margin-left:18px;color:var(--public-muted)}.publish-preview>span{color:#2563eb;font-size:.76rem;font-weight:900;text-transform:uppercase}.publish-preview>div{height:145px;display:grid;place-items:center;margin:10px 0;border-radius:16px;background:linear-gradient(135deg,#eaf3ff,#fff4c5);color:#2563eb;font-size:2.8rem}.publish-preview h3{font-size:1rem}.publish-preview strong{display:block;margin:7px 0;color:#2563eb;font-size:1.3rem}.publish-preview p{color:var(--public-muted);font-size:.82rem}.dark-mode .publish-hero>.container{background:radial-gradient(circle at 90% 5%,rgba(245,158,11,.12),transparent 26%),linear-gradient(135deg,#10213d,#111c2e 72%)}.dark-mode .publish-hero b{background:#18243a;border-color:#334155;color:#f8fafc}.dark-mode .publish-file{background:#10213d;border-color:#334155}.dark-mode .publish-file input{background:#0f172a}.dark-mode .publish-preview>div{background:linear-gradient(135deg,#10213d,#292312)}
@media(max-width:900px){.publish-layout{grid-template-columns:1fr}.publish-guide{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:600px){.publish-hero>.container{padding:30px 18px}.publish-fields{grid-template-columns:1fr}.publish-fields .full{grid-column:auto}.publish-form>section{padding:19px}.publish-submit{align-items:stretch;flex-direction:column}.publish-submit .btn{width:100%}.publish-guide{grid-template-columns:1fr}.publish-file{grid-template-columns:1fr;text-align:center}.publish-file>i{margin:auto}}
.publish-dynamic-hint{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:11px!important;padding:13px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff;color:#1d4ed8!important}.publish-dynamic-hint i{font-size:1.15rem}.publish-submit>div{display:grid;gap:5px}.publish-submit small{color:var(--public-muted)}.publish-submit small a{color:#2563eb;font-weight:850}.publish-flow-choice{display:grid;gap:10px}.publish-flow-choice h2{margin-bottom:3px}.publish-flow-choice a{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--public-line);border-radius:14px;background:var(--public-soft)}.publish-flow-choice a>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--public-surface);color:#2563eb}.publish-flow-choice a span{display:grid}.publish-flow-choice a small{color:var(--public-muted)}.publish-flow-choice a.active{border-color:#93c5fd;background:#eff6ff}.dark-mode .publish-dynamic-hint,.dark-mode .publish-flow-choice a.active{border-color:#334155;background:#172554;color:#93c5fd!important}
.publish-visibility{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.publish-visibility label{position:relative;cursor:pointer}.publish-visibility input{position:absolute;opacity:0;pointer-events:none}.publish-visibility label>span{height:100%;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:18px;border:2px solid var(--public-line);border-radius:17px;background:var(--public-soft);transition:.2s ease}.publish-visibility label>span>i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--public-surface);color:#2563eb;font-size:1.15rem}.publish-visibility b{align-self:end;color:var(--public-text)}.publish-visibility strong{color:#2563eb;font-size:.9rem}.publish-visibility small{grid-column:1/-1;margin-top:7px;color:var(--public-muted);line-height:1.45}.publish-visibility input:checked+span{border-color:#2563eb;background:#eff6ff;box-shadow:0 8px 24px rgba(37,99,235,.13);transform:translateY(-2px)}.publish-visibility label:nth-child(2) i{color:#f59e0b}.publish-visibility label:nth-child(3) i{color:#7c3aed}.publish-payment-note{display:flex;align-items:center;gap:10px;margin-top:14px;padding:13px 15px;border-radius:13px;background:#ecfdf5;color:#047857;font-size:.84rem;font-weight:750}.dark-mode .publish-visibility input:checked+span{background:#172554;border-color:#3b82f6}.dark-mode .publish-payment-note{background:#063c31;color:#a7f3d0}@media(max-width:720px){.publish-visibility{grid-template-columns:1fr}.publish-visibility label>span{min-height:auto}}
.publish-layout{grid-template-columns:minmax(0,1fr) 390px}.publish-guide{top:104px}.publish-tips{order:1}.publish-preview{order:2;padding:0!important;overflow:hidden}.publish-preview-heading{padding:19px 20px 15px}.publish-preview-heading span{display:block;color:#2563eb;font-size:.78rem;font-weight:900;text-transform:uppercase}.publish-preview-heading small{color:var(--public-muted)}.publish-preview-media{position:relative;height:300px!important;margin:0!important;border-radius:0!important;background:linear-gradient(135deg,#eaf3ff,#fff4c5) center/cover no-repeat!important}.publish-preview-media[style],.publish-preview-media.has-image{background-position:center!important;background-size:cover!important}.publish-preview-media>b{position:absolute;left:17px;top:17px;padding:8px 12px;border-radius:999px;background:#f59e0b;color:#fff;font-size:.75rem;text-transform:uppercase;box-shadow:0 7px 18px rgba(245,158,11,.25)}.publish-preview-media>button{position:absolute;right:16px;top:14px;width:48px;height:48px;border:1px solid #dbe3ef;border-radius:50%;background:rgba(255,255,255,.92);color:#ef4444;font-size:1.45rem}.publish-preview-media>.publish-preview-placeholder{font-size:3.2rem;color:#2563eb}.publish-preview-media[style]>.publish-preview-placeholder,.publish-preview-media.has-image>.publish-preview-placeholder{display:none}.publish-preview-body{padding:22px}.publish-preview-body>strong{display:block;color:#2563eb;font-size:1.65rem}.publish-preview-body h3{margin:8px 0 13px;font-size:1.2rem;line-height:1.35}.publish-preview-body>p{padding-bottom:15px;border-bottom:1px solid var(--public-line);color:var(--public-muted)}.publish-preview-body>div{display:flex;justify-content:space-between;gap:10px;padding:13px 0;color:var(--public-muted);font-size:.78rem}.publish-preview-body>small{display:block;color:var(--public-muted);line-height:1.5}.dark-mode .publish-preview-media{background:linear-gradient(135deg,#10213d,#292312)!important}.dark-mode .publish-preview-media[style],.dark-mode .publish-preview-media.has-image{background-position:center!important;background-size:cover!important}.dark-mode .publish-preview-media>button{background:rgba(15,23,42,.9);border-color:#334155}@media(max-width:900px){.publish-layout{grid-template-columns:1fr}.publish-guide{display:grid;grid-template-columns:1fr}.publish-preview{max-width:520px;width:100%;margin:auto}.publish-tips{order:2}.publish-preview{order:1}}@media(max-width:600px){.publish-preview-media{height:260px!important}.publish-preview-body{padding:19px}}
.publish-preview>.publish-preview-heading,.publish-preview>.publish-preview-body{height:auto;display:block;margin:0;border-radius:0;background:transparent;color:var(--public-text);font-size:inherit}.publish-preview .publish-preview-media>b{display:block;margin:0}.publish-preview>.publish-preview-body>div{height:auto;margin:0;border-radius:0;background:transparent;font-size:.78rem}