.desktop-nav{overflow:auto;min-height:0;flex:1}.sidebar{padding-top:20px}.sidebar .logo{padding-bottom:14px}.nav-item{font-size:13px;padding:10px 13px}.side-bottom{margin-top:18px}.side-bottom p{overflow-wrap:anywhere;margin:8px 0}.full{width:100%}.notice{margin-bottom:20px}.notice.error{background:#ffedf1;color:#a9173c}.notice.saved{background:#eaf8ef;color:#26794b}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.form-group textarea{min-height:130px}.auth-body{min-height:100dvh;padding:32px 18px;display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,#ffe0e9,transparent 45%),#faf8f9}.auth-card{width:min(460px,100%);padding:32px}.auth-card h1{font-size:30px;letter-spacing:-1px}.auth-brand{display:block;font-size:24px;font-weight:800;margin-bottom:30px}.auth-brand span,.auth-switch a{color:var(--pink);font-weight:800}.auth-switch{text-align:center;margin:24px 0}.auth-card .eyebrow{margin-bottom:12px}.preview-phone{width:min(390px,100%);height:680px;max-height:80dvh;border:7px solid #24202a;border-radius:26px;overflow:hidden;margin:auto;background:#fff}.preview-phone iframe{display:block;width:100%;height:100%;border:0;background:#fff}.preview-area.real{min-height:0;padding:20px}.preview-area.real .preview-phone{height:620px}.theme-card .theme-info h3{font-family:inherit;font-size:18px}.theme-card.selected{outline:3px solid var(--pink);outline-offset:3px}.theme-card{aspect-ratio:3/4.2}.theme-preview{position:absolute;inset:0;pointer-events:none}.theme-preview iframe{width:390px;height:546px;border:0;transform-origin:top left;pointer-events:none}.theme-selection{border:0;padding:0;margin:0}.theme-card .theme-pick{cursor:pointer}.theme-card .theme-info{right:60px}.theme-card .theme-info small{display:block}.empty-state{text-align:center;padding:40px 20px}.empty-state p{max-width:420px;margin:12px auto 24px}.link-box{padding:14px;background:#f6f3f5;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere;margin:16px 0}.media-thumb{max-height:160px;max-width:100%;object-fit:cover;border-radius:10px;margin:10px 0}.media-grid{display:flex;gap:10px;flex-wrap:wrap}.media-grid img{width:90px;height:110px;object-fit:cover;border-radius:10px}.guest-table td .actions{margin:0;flex-wrap:nowrap}.guest-table th{white-space:nowrap}.mobile-bottom a{color:#87818a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:700}.mobile-bottom a.active{color:var(--pink)}.mobile-top small{font-size:11px;color:#999}.pagination{display:flex;gap:12px;margin-top:20px}.text-small{font-size:12px}.inline-form{display:inline}.stats-link{color:var(--pink);font-weight:700}.editor-tabs a{border:1px solid var(--line);background:white;color:#79717b;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800}.editor-tabs a.active{background:var(--pink2);border-color:#ffcade;color:#e1254d}button:disabled{cursor:not-allowed}.publish-status{font-weight:800}.auth-card .form-group{margin-bottom:18px}.card-info{color:var(--sub);font-size:12px}.stat small{display:block}@media(max-width:760px){.auth-body{padding-bottom:32px}.auth-card{padding:24px}.preview-phone{height:72dvh}.preview-area.real{padding:12px}.theme-card .theme-info h3{font-size:13px}.theme-card .theme-info{right:45px}.theme-chip{max-width:calc(100% - 20px)}.theme-card .theme-info small{font-size:9px}.page-head{display:block}.content>.notice{margin-bottom:20px}.form-row{grid-template-columns:1fr}.gallery-fields{display:grid;gap:12px}.sidebar .logo{font-size:20px}}

/* Fixed mobile viewport; scale the whole screen instead of changing its layout. */
.preview-phone,.preview-area.real .preview-phone{position:relative;width:min(406px,100%,calc(76dvh * .4620853 + 16px));height:auto;max-height:none;aspect-ratio:406/860;border:8px solid #24202a;border-radius:36px;box-shadow:0 18px 40px #24202a18}
.preview-phone iframe{position:absolute;top:0;left:0;width:390px;height:844px;max-width:none;transform-origin:top left;border:0}
.preview-controls{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:0 auto 16px}
.preview-controls>button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.preview-controls>button:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.preview-page-label{display:flex;align-items:center;gap:10px;min-width:0}
.preview-page-count{font-size:11px;font-weight:800;white-space:nowrap;color:var(--sub)}
.preview-page-select{width:auto;max-width:170px;min-height:36px;padding:7px 10px;font-size:12px;font-weight:700}
.publish-checklist{margin-bottom:28px;padding:20px;border:1px solid #ffcbd8;border-radius:18px;background:#fff2f6}
.publish-checklist h2{margin:0 0 6px;font-size:18px;letter-spacing:-.4px;color:#ae2145}
.publish-checklist p{margin:0;font-size:12px;line-height:1.7;color:#8b5160}
.publish-checklist ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.publish-checklist li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#fff}
.publish-checklist li>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}
.publish-checklist li>span svg{width:16px;height:16px;color:#e52e59}
.publish-checklist .btn{flex:none;color:#db234c;border-color:#ffcfda}
.form-group input:target,.form-group textarea:target{border-color:var(--pink);box-shadow:0 0 0 3px #fe2c5518;scroll-margin-top:120px}
@media(max-width:420px){.publish-checklist{padding:14px}.publish-checklist li{padding:10px}.publish-checklist li>span{font-size:12px}.publish-checklist .btn{padding:8px;font-size:11px}}
.banner.banner-raised{overflow:visible;margin-top:48px;margin-bottom:34px;isolation:isolate}
.banner-raised .banner-art{overflow:visible;perspective:900px;height:235px}
.banner-raised .banner-art:before{pointer-events:none}
.banner-cover{position:relative;z-index:1;display:block;width:158px;height:280px;object-fit:cover;border-radius:20px;border:1px solid #e5cba34d;transform:translateY(-36px) rotate(8deg) rotateY(-8deg);box-shadow:14px 24px 30px #0006,0 4px 8px #0004;transition:transform .25s ease,box-shadow .25s ease}
.banner-raised:hover .banner-cover{transform:translateY(-44px) rotate(5deg) rotateY(-4deg);box-shadow:16px 30px 38px #0006}
@media(max-width:760px){.banner.banner-raised{margin-top:24px;margin-bottom:30px;padding-bottom:0}.banner-raised .banner-art{height:200px;margin-top:36px}.banner-cover{width:140px;height:248px;transform:translateY(0) rotate(8deg) rotateY(-8deg)}.banner-raised:hover .banner-cover{transform:translateY(-6px) rotate(5deg) rotateY(-4deg)}}
@media(prefers-reduced-motion:reduce){.banner-cover{transition:none}.banner-raised:hover .banner-cover{transform:translateY(-36px) rotate(8deg) rotateY(-8deg)}}

.theme-selection .theme-example{width:100%;margin-top:10px;background:#fff;color:#63533a;border-color:#e4d8c4;font-size:12px}.theme-example:hover{background:#faf4e9}

.theme-preview img{display:block;width:100%;height:100%;object-fit:contain;background:#eae4da}

.theme-card{aspect-ratio:390/664}