:root{--live-line:#e5e8df}.live-layout{background:#f7f8f4}.live-layout .app-content{max-width:1450px}.live-layout .page-heading h1{font-size:32px;letter-spacing:-1.4px}.live-layout .page-heading p{font-size:13px;color:#7a8376}.live-layout .sidebar{background:#fff}.live-layout .sidebar .brand{font-size:25px}.live-layout .kpi small{font-size:11px;color:#7d8874}.live-layout .kpi header{font-size:12px}.live-layout .kpi strong{font-size:33px}.live-layout .panel{padding:25px}.live-layout .panel-title h2{font-size:15px}.live-layout .save-hint{font-size:11px;color:#849079;line-height:1.6}.connection-banner{display:flex;align-items:center;gap:18px;padding:24px;background:#eaf1df;border:1px solid #dfe8d0;border-radius:17px;margin-bottom:24px}.connection-icon,.account-symbol{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#52733c;flex-shrink:0}.connection-icon .icon,.account-symbol .icon{width:25px;height:25px}.connection-banner h2{font-size:18px;letter-spacing:-.5px;margin-bottom:8px}.connection-banner p{font-size:12px;color:#78866a}.connection-banner .btn{margin-left:auto;flex-shrink:0}.live-dashboard{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:23px}.next-title{font-size:22px;letter-spacing:-.7px;line-height:1.35;margin:26px 0 15px;max-width:320px}.live-dashboard .muted{font-size:13px;margin-bottom:20px}.empty-state{padding:55px 20px;text-align:center;background:#fff;border:1px dashed #dae1d0;border-radius:16px}.empty-state>.icon{width:36px;height:36px;color:#a9bc91;margin-bottom:19px}.empty-state h2{font-size:20px;font-weight:550;letter-spacing:-.6px;margin-bottom:12px}.empty-state p{font-size:13px;color:#7e8976;max-width:400px;margin:0 auto 22px}.empty-state .btn{font-size:12px}.panel .empty-state{padding:40px 5px;border:0}.notice{display:flex;align-items:center;gap:10px;background:#eef2e7;color:#65774f;padding:15px 17px;border-radius:10px;font-size:12px;line-height:1.6;margin-bottom:20px}.notice.amber{background:#f8efdd;color:#936f34}.notice .icon{width:17px;height:17px}.notice a{margin-left:auto;text-decoration:underline}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.campaign-intro{grid-column:1/-1;padding:38px!important}.campaign-intro h2{font-size:25px;margin:20px 0 15px}.campaign-intro p{font-size:13px;color:#7c8870;max-width:490px;margin-bottom:22px}.campaign-actions{margin-top:24px}.real-job{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:20px 0;border-bottom:1px solid var(--line)}.real-job:last-child{border:0}.real-job strong{font-size:12px;display:block;font-weight:550}.real-job p{font-size:11px;color:#8a957e;margin-top:6px}.real-job>.badge{margin-left:auto;font-size:10px}.real-job>.icon{width:14px;color:#a8b19d}.job-icon{width:36px;height:42px;border-radius:9px;background:#f1f4ea;color:#8da271;display:grid;place-items:center;flex-shrink:0}.job-icon .icon{width:17px;height:17px}.thumb-button{width:100%;height:100%;padding:0;display:block}.video-placeholder{height:100%;width:100%;min-height:150px;background:linear-gradient(145deg,#dce7cb,#edf2e5);display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:#789358;font-size:12px}.video-placeholder>.icon{width:33px;height:33px;stroke-width:1.2}.reel-thumb .select-video{position:absolute;z-index:2;right:12px;top:10px;display:flex}.select-video input{accent-color:var(--green);width:20px;height:20px;cursor:pointer}.selection-bar{position:sticky;top:10px;z-index:10;background:#e8efdc;border:1px solid #d8e3c8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:20px;border-radius:10px;font-size:12px}.selection-bar .icon-btn{background:transparent;border:0}.live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.live-grid .reel-card:nth-child(4){display:block}.live-grid .reel-thumb{height:230px}.live-grid .reel-card-body h3{font-size:12px}.live-grid .reel-card-body>p{font-size:10px}.live-grid .reel-card-footer,.live-grid .reel-card-footer button{font-size:11px}.text-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.text-grid>.empty-state{grid-column:1/-1}.text-card>p{font-size:14px;white-space:pre-wrap;margin:24px 0;line-height:1.7;max-height:270px;overflow:auto}.text-card small{display:block;font-size:10px;color:#9aa28f;margin-top:20px}.text-card .panel-title{align-items:flex-start}.event-row{display:flex;align-items:flex-start;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.event-row:last-child{border:0}.event-row strong{font-size:12px;display:block;padding-top:2px}.event-row p{font-size:11px;color:#8b957e;margin-top:7px;word-break:break-word}.event-row time{margin-left:auto;color:#98a18c;font-size:10px;white-space:nowrap}.issue{border:1px solid #eddfc5;background:#fcf8ee;border-radius:12px;padding:20px;margin-bottom:20px}.issue h3{font-size:14px;margin:13px 0}.issue p{font-size:12px;color:#8a7859;margin-bottom:15px}.result-row{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.result-row>div:first-child{margin-right:auto}.result-row h3{font-size:14px}.result-row p,.result-row small{font-size:11px;color:#8b967f;margin-top:8px;display:block}.result-row strong{display:block;font-size:22px;font-family:Manrope;margin-top:8px}.insight-row{width:100%;text-align:left;display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.insight-row:last-of-type{border:0}.insight-row strong{font-size:12px}.insight-row p{font-size:11px;color:#929d86;margin-top:7px}.insight-row>b{margin-left:auto;white-space:nowrap;font-size:14px;font-weight:500;color:#6f8b51}.login-screen{max-width:100%;min-height:100svh;padding:45px 24px;display:flex;flex-direction:column;align-items:center;gap:40px;justify-content:center}.login-card{width:100%;max-width:470px;text-align:center;background:white;border:1px solid var(--line);border-radius:25px;padding:45px;box-shadow:var(--shadow)}.login-card h1{font-size:37px;line-height:1.15;letter-spacing:-1.7px;font-weight:550;margin:20px 0}.login-card p{font-size:14px;color:#859078;margin-bottom:28px}.login-card .btn{display:flex;margin:12px 0}.login-card small{font-size:11px;color:#99a28c;display:block;line-height:1.7;margin-top:24px}.login-screen footer{font-size:11px;color:#9da58f}.live-layout input[type=checkbox]{width:20px;height:20px;accent-color:var(--green)}.live-layout .settings-section h2{font-size:16px}.live-layout .settings-section p{font-size:12px}.live-layout .settings-row{font-size:12px}.live-layout .settings-row p{font-size:11px}.live-layout .settings-section select{width:100%;margin-bottom:10px}.live-layout .settings-section .btn.text{display:flex;width:max-content;margin-top:16px}.live-layout .settings-section input[type=checkbox]{flex-shrink:0}.bottom-nav{display:none}.real-preview{display:block;background:#192e22;width:100%;height:330px;border-radius:12px;object-fit:contain}.detail-actions{display:flex;flex-wrap:wrap;gap:9px}.caption-box{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.caption-box h3{font-size:12px;color:#849374;margin-bottom:12px}.caption-box p{white-space:pre-wrap;font-size:13px;word-break:break-word}.caption-box .btn{font-size:11px;margin-right:15px}.chosen-video{padding:13px;background:#edf2e4;border-radius:8px;font-weight:500;margin-bottom:22px}.modal form .form-label{margin-top:20px}.modal form .form-label:first-child{margin-top:0}.modal input:not([type=checkbox]):not([type=file]),.modal textarea,.modal select{width:100%;box-sizing:border-box}.modal .form-two{margin:22px 0}.modal .note-box{margin-top:23px;line-height:1.7;font-size:11px}.modal .modal-body>p{line-height:1.7}.form-shortcuts{display:flex;gap:16px;flex-wrap:wrap}.form-shortcuts .btn{font-size:11px}.campaign-picker{border:1px solid var(--line);border-radius:9px;background:white;max-height:230px;overflow:auto;padding:8px}.campaign-picker label{display:flex;align-items:center;gap:12px;font-size:12px;padding:12px 10px;cursor:pointer}.campaign-picker input{width:18px;height:18px;accent-color:var(--green)}.setup-steps{padding-left:23px;margin:0 0 23px;display:grid;gap:25px}.setup-steps li{padding-left:5px;font-size:13px}.setup-steps b{font-size:14px}.setup-steps p{font-size:12px;color:#88967b;margin:9px 0;word-break:break-word}.copy-field{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:8px;padding:10px}.copy-field code{font-size:10px;word-break:break-all;flex:1}.copy-field .icon-btn{flex-shrink:0}.upload-progress{padding:22px 0}.upload-progress[hidden]{display:none}.upload-progress p{font-size:12px;overflow-wrap:anywhere}.upload-progress progress{width:100%;height:12px;margin:15px 0;accent-color:var(--green)}.upload-progress small{font-size:10px;color:#8f9b81}.template-picker{display:flex;flex-wrap:wrap;gap:8px;background:white;padding:15px;border-radius:9px;border:1px solid var(--line);margin:15px 0}.template-picker>b{width:100%;font-size:12px;margin-bottom:5px}.demo-top{background:#254c3b;color:white;display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 15px;font-size:11px}.demo-top a{text-decoration:underline;color:#daf18e}.modal button,.modal input,.modal textarea,.modal select{touch-action:manipulation}.app-topbar .pill{font-size:10px}.modal-footer{position:sticky;bottom:0;z-index:2}.sidebar{overscroll-behavior:contain}.modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal textarea{resize:vertical}.live-layout .btn{min-height:42px}.live-layout .icon-btn{min-height:40px;min-width:40px}.live-layout a,.live-layout button{overflow-wrap:anywhere}.video-placeholder+span{z-index:1}.demo-top+.app-topbar{height:65px}
@media(max-width:1100px){.campaign-grid,.text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-layout .page-heading h1{font-size:27px}.live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connection-banner{flex-wrap:wrap}.connection-banner .btn{margin-left:67px}.live-dashboard{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.live-layout .app-content{padding-bottom:115px}.bottom-nav{display:flex;position:fixed;z-index:24;bottom:0;left:0;right:0;justify-content:space-around;background:#fffffff0;backdrop-filter:blur(22px);border-top:1px solid #e1e6d7;padding:10px 8px max(12px,env(safe-area-inset-bottom));}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:45px;min-width:50px;color:#909b83;font-size:9px}.bottom-nav .icon{width:20px;height:20px}.bottom-nav a.active{color:var(--green);font-weight:650}.live-layout .sidebar{z-index:40;max-width:82vw}.live-layout .mobile-scrim.open{z-index:35}.live-layout .app-topbar{padding-top:env(safe-area-inset-top);height:calc(67px + env(safe-area-inset-top))}.live-layout .app-content{padding-left:22px;padding-right:22px}.live-layout .heading-actions{flex-wrap:wrap;justify-content:flex-end}.live-layout .page-heading{gap:14px}.live-layout .page-heading h1{font-size:28px}.live-layout .app-topbar .pill{font-size:9px}.live-layout .app-topbar .top-actions>.icon-btn{display:grid}.live-layout .notice{font-size:11px}#toast{bottom:calc(94px + env(safe-area-inset-bottom))}.live-dashboard{grid-template-columns:1fr}.live-grid .reel-thumb{height:260px}.live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-kpis{grid-template-columns:1fr 1fr}.live-layout .settings-grid{grid-template-columns:1fr}.live-layout .settings-section{padding:24px}.connection-banner{display:grid;grid-template-columns:42px 1fr;gap:15px}.connection-banner .btn{grid-column:1/-1;margin:5px 0 0;width:100%}.connection-icon{width:42px;height:42px;border-radius:12px}.connection-banner h2{font-size:17px;line-height:1.3}.connection-banner p{font-size:12px}.live-layout .sidebar-bottom .btn{font-size:12px}}
@media(max-width:560px){body{font-size:14px}.live-layout .app-content{padding:25px 19px 115px}.live-layout .page-heading{display:block;margin-bottom:25px}.live-layout .page-heading h1{font-size:31px;letter-spacing:-1.3px;line-height:1.15;max-width:340px}.live-layout .page-heading p{font-size:13px;max-width:none;margin-top:12px}.live-layout .heading-actions{justify-content:flex-start;margin-top:20px;gap:10px}.live-layout .heading-actions .btn{font-size:12px;padding:11px 15px;min-height:43px}.live-layout .heading-actions .btn.outline{display:inline-flex}.live-layout .app-topbar{padding-left:18px;padding-right:18px}.live-layout .breadcrumb b{font-size:12px}.live-layout .kpi{padding:17px 15px;border-radius:15px}.live-layout .kpi strong{font-size:31px;letter-spacing:-1.1px}.live-layout .kpi header{font-size:11px}.live-layout .kpi small{font-size:10px;line-height:1.5;display:block;min-height:30px}.connection-banner{padding:19px;border-radius:17px;margin-bottom:23px}.live-layout .panel{padding:21px}.live-layout .panel-title h2{font-size:15px;line-height:1.4}.live-layout .panel-title .btn{font-size:11px}.empty-state{padding:42px 20px;border-radius:18px}.empty-state h2{font-size:21px;line-height:1.3}.empty-state p{font-size:13px;line-height:1.65}.empty-state .btn{font-size:12px;min-height:44px}.panel .empty-state{padding:32px 0}.live-layout .section-heading h2{font-size:16px}.live-layout .section-heading .btn{font-size:10px}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-grid .reel-thumb{height:228px}.live-grid .reel-card-body{padding:12px}.live-grid .reel-card-body h3{font-size:11px}.live-grid .reel-card-footer,.live-grid .reel-card-footer button{font-size:10px}.live-grid .reel-card-footer button{min-height:28px}.live-grid .badge{font-size:8px;padding:5px 6px;left:7px;top:9px}.live-grid .select-video{right:7px;top:8px}.live-grid .select-video input{width:17px;height:17px}.text-grid,.campaign-grid{grid-template-columns:1fr;gap:16px}.real-job{gap:10px;padding:18px 0}.real-job strong{font-size:12px;line-height:1.4}.real-job .badge{font-size:8px;padding:5px 6px;white-space:normal;max-width:92px;text-align:center}.real-job .job-icon{height:37px;width:31px}.real-job>.icon{display:none}.real-job p{font-size:10px}.live-layout .notice{align-items:flex-start;font-size:12px;flex-wrap:wrap}.notice a{margin-left:27px}.live-layout .toolbar{margin-bottom:18px}.live-layout .toolbar .tab{font-size:11px;padding:9px 11px}.live-layout .search{padding:12px 13px}.live-layout .search input{font-size:16px}.selection-bar{font-size:11px;padding:12px;top:6px;flex-wrap:wrap}.selection-bar .btn{font-size:10px;padding:9px}.event-row{gap:10px;flex-wrap:wrap}.event-row>div{flex:1;min-width:0}.event-row time{font-size:9px;margin-left:46px;width:100%}.event-row strong{font-size:12px}.event-row p{font-size:11px}.insight-row{gap:11px}.insight-row strong{font-size:12px}.insight-row p{font-size:10px}.insight-row .insight-symbol{width:30px;height:33px;flex-shrink:0}.insight-row>b{font-size:12px}.result-row{flex-wrap:wrap;gap:15px}.result-row>div:first-child{width:100%}.result-row strong{font-size:21px}.live-layout .save-hint{font-size:10px}.live-layout .settings-section h2{font-size:17px}.live-layout .settings-section p{font-size:13px}.live-layout .settings-section select{font-size:16px;width:100%;min-height:44px}.live-layout .settings-row{padding:19px 0}.live-layout .settings-row b{font-size:13px}.live-layout .settings-row p{font-size:11px}.live-layout .settings-section .btn{font-size:12px}.account-symbol{width:47px;height:47px}.live-layout .settings-section .account-large h3{font-size:17px}.live-layout .settings-section .account-large p{font-size:11px}.modal-backdrop{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));}.modal{max-height:calc(100svh - 24px);border-radius:20px}.modal-header{padding:21px 20px}.modal-header h2{font-size:21px;line-height:1.2;letter-spacing:-.7px;padding-right:10px}.modal-header p{font-size:11px;line-height:1.5;margin-top:9px}.modal-header .icon-btn{height:36px;width:36px;flex-shrink:0}.modal-body{padding:22px 20px}.modal .form-label{font-size:13px;margin-bottom:10px}.modal input:not([type=checkbox]):not([type=file]),.modal textarea,.modal select{font-size:16px;min-height:46px;padding:12px;border-radius:10px}.modal .form-two{grid-template-columns:1fr;gap:20px}.modal .form-two .form-label{margin-top:0}.modal textarea{line-height:1.5}.modal-footer{padding:17px 20px max(17px,env(safe-area-inset-bottom));}.modal-footer>div{flex-wrap:wrap;width:100%;gap:9px}.modal-footer .btn{min-height:45px;font-size:12px;flex:1;white-space:normal;line-height:1.4;padding:12px}.modal-footer small{font-size:10px;line-height:1.6}.modal .detail-grid{grid-template-columns:1fr}.real-preview{height:260px}.detail-grid .video-placeholder{height:200px}.modal .detail-grid img{height:200px}.modal .detail-metrics{grid-template-columns:1fr 1fr}.modal .detail-metrics strong{font-size:25px}.modal .detail-metrics small{font-size:11px}.caption-box p{font-size:14px}.setup-steps li{font-size:14px}.setup-steps b{font-size:14px}.setup-steps p{font-size:12px}.copy-field code{font-size:11px}.campaign-picker label{font-size:14px;padding:15px 10px}.chosen-video{font-size:14px}.upload-area{padding:26px 14px}.upload-area input{font-size:12px;width:100%}.upload-area strong{font-size:14px}.upload-area p{font-size:11px}.login-screen{padding:35px 19px;gap:28px}.login-card{padding:30px 23px;border-radius:23px}.login-card h1{font-size:36px;letter-spacing:-1.5px}.login-card .btn{font-size:13px;min-height:48px}.login-card p{font-size:14px}.login-card small{font-size:11px}.demo-top{font-size:9px;gap:10px}.live-layout .sidebar .brand{font-size:25px}.live-layout .app-nav a{font-size:14px;padding:14px 12px}.live-layout .sidebar{padding-bottom:max(20px,env(safe-area-inset-bottom))}.bottom-nav a{min-height:44px;font-size:9px}.bottom-nav .icon{width:21px;height:21px}}
@media(max-width:360px){.live-layout .page-heading h1{font-size:29px}.live-layout .app-content{padding-left:16px;padding-right:16px}.live-layout .app-topbar .pill{display:none}.live-grid .reel-thumb{height:195px}.live-grid .reel-card-footer{flex-wrap:wrap}.live-layout .kpi{padding:15px 12px}.live-layout .kpi strong{font-size:29px}.bottom-nav a{min-width:45px;font-size:8px}.bottom-nav .icon{width:19px;height:19px}.modal-footer .btn{font-size:11px}.connection-banner h2{font-size:16px}}
.reel-thumb:after,.reel-thumb>.badge{pointer-events:none}.thumb-button{position:absolute;inset:0}.modal input[type=datetime-local]{min-width:0;max-width:100%}

.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison-grid p{margin:9px 0}.observation-table{overflow:auto;margin-top:16px}.observation-table table{border-collapse:collapse;width:100%;font-size:13px}.observation-table td,.observation-table th{padding:12px 8px;text-align:left;border-bottom:1px solid var(--line)}@media(max-width:420px){.comparison-grid{grid-template-columns:1fr}}

.reuse-summary{display:flex;gap:18px;align-items:center;margin-bottom:18px}.reuse-cover{width:100px;min-width:100px;height:150px;border-radius:13px;overflow:hidden;background:#eaf0e3}.reuse-cover img{width:100%;height:100%;object-fit:cover}.reuse-summary strong{font-size:17px;line-height:1.45;display:block}.reuse-summary p{font-size:13px;color:var(--muted);margin-top:8px}.cover-choice{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.5;margin:15px 0}.cover-choice input{width:20px;height:20px;flex-shrink:0}.test-idea{margin:20px 0;color:var(--muted);font-size:14px}.test-idea summary{cursor:pointer;padding:12px 0}#recovery-progress{text-align:center;padding:30px 10px}#recovery-label{margin-top:18px;font-size:16px}@media(max-width:440px){.reuse-summary{gap:13px}.reuse-cover{width:82px;min-width:82px;height:125px}.reuse-summary strong{font-size:15px}.form-shortcuts{gap:4px;flex-wrap:wrap}.form-shortcuts button{padding:10px 8px;min-height:44px}}

.library-sort{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);white-space:nowrap}.library-sort select{min-height:44px;width:auto;min-width:165px;padding:10px 32px 10px 12px;border:1px solid #dce2da;border-radius:12px;background:#fff;color:#223d32;font:inherit}.toolbar{flex-wrap:wrap}.library-sort select:focus-visible{outline:2px solid #315b45;outline-offset:2px}@media(max-width:600px){.library-sort{width:100%;justify-content:space-between}.library-sort select{flex:1;max-width:240px}}
.distribution-badge{font-size:11px!important;line-height:1.5!important;color:#486455!important;margin:10px 0!important}.caption-box select{min-height:44px;width:100%;padding:10px;border:1px solid #dce2da;border-radius:10px;background:white;color:#223d32}.caption-box select+button{margin-top:12px}
.card-counts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0;font-size:11px;color:#52685b}.thumb-button>img{width:100%;height:100%;object-fit:cover}.detail-grid .real-preview{object-fit:contain;background:#132119}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.note-box+ .toolbar{margin-top:20px}
.history-badge{font-size:11px;color:#385a45;margin:8px 0}.batch-review details{border:1px solid #dce2da;border-radius:14px;padding:12px;margin:10px 0}.batch-review summary{display:flex;align-items:center;gap:14px;cursor:pointer;min-height:60px}.batch-cover{width:48px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#e8eddf}.batch-cover img{width:100%;height:100%;object-fit:cover}.batch-review summary small{display:block;margin-top:6px;color:#6a756b}.batch-review summary strong{font-size:13px}.batch-caption{white-space:pre-wrap;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.comparison-windows{display:grid;gap:12px}.toolbar .tabs{max-width:100%;overflow-x:auto;min-width:0}.toolbar .tabs .tab{flex-shrink:0;min-height:44px}.card-counts{font-size:11px}.real-job>div{min-width:0}.real-job strong{overflow-wrap:anywhere}@media(max-width:600px){.toolbar .tabs{width:100%;flex-basis:100%}.batch-review summary{align-items:flex-start}.modal-footer>div{width:100%;display:flex;gap:8px;flex-wrap:wrap}.modal-footer .btn{min-height:44px}.history-badge{line-height:1.5}.detail-metrics{gap:12px}}
.rewrite-original,.rewrite-option{border:1px solid #dce2da;border-radius:14px;padding:16px;margin:12px 0}.rewrite-original{background:#f1f4e9}.rewrite-original p,.rewrite-option p,.rewrite-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:13px;max-height:240px;overflow-y:auto}.rewrite-original h3,.rewrite-option h3{font-size:15px;margin-bottom:10px}.rewrite-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rewrite-option{min-width:0}.rewrite-option .btn{width:100%;margin-top:12px}@media(max-width:720px){.rewrite-options{grid-template-columns:1fr}.rewrite-option{margin:4px 0}.rewrite-original p{max-height:160px}}

.outro-editor{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:28px}.outro-editor canvas{width:100%;height:auto;border-radius:18px;display:block}.outro-result{max-height:520px;max-width:100%;margin:auto;display:block}.outro-saved{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #e7e9e2}.outro-saved small{display:block;color:#687363;margin-top:5px}#outro-rendering progress{width:100%;accent-color:#627a48}@media(max-width:600px){.outro-editor{grid-template-columns:1fr;gap:16px}.outro-editor>div:first-child{max-width:180px;margin:auto}.outro-saved{align-items:flex-start;flex-wrap:wrap}.outro-result{max-height:55vh}}

.cover-workspace{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}.cover-stage{position:sticky;top:0}.cover-frame{aspect-ratio:9/16;overflow:hidden;border-radius:14px;background:#1c251e;position:relative;max-width:330px;margin:0 auto}.cover-frame canvas{width:100%;height:auto;display:block}.cover-frame[data-crop=grid]{aspect-ratio:3/4}.cover-frame[data-crop=square]{aspect-ratio:1}.cover-frame[data-crop=grid] canvas,.cover-frame[data-crop=square] canvas{position:absolute;top:50%;transform:translateY(-50%)}.cover-time{display:flex;gap:10px}.cover-time input{min-width:0;width:100%}.cover-titles{display:grid;gap:8px;margin:12px 0}.cover-mini{width:52px;height:76px;object-fit:cover;border-radius:6px}.cover-workspace input[type=range]{width:100%}#cover-prompt{width:100%;font-size:12px}@media(max-width:600px){.cover-workspace{grid-template-columns:1fr;gap:16px}.cover-stage{position:static}.cover-frame{max-width:200px}.cover-workspace .form-shortcuts{justify-content:center}}

.cover-guides{position:absolute;inset:25% 7.4%;border:1px dashed rgba(255,255,255,.7);pointer-events:none;border-radius:4px}.cover-frame.hide-guides .cover-guides{display:none}.cover-frame[data-crop=grid] .cover-guides,.cover-frame[data-crop=square] .cover-guides{display:none}.cover-guide-toggle{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;margin:12px 0}.cover-guide-toggle input{width:18px;height:18px;accent-color:#67814d}.cover-stage>#cover-download{display:block;margin:12px auto;min-height:44px}
/* Reelomia minimal: one decision at a time, native swipes, quiet motion. */
.modal [hidden]{display:none!important}.live-layout .save-hint{color:#65715f;font-size:12px}.live-layout .page-heading p{font-size:14px}.live-layout .page-heading h1{font-weight:600}.btn{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.btn:active{transform:scale(.98)}.btn:focus-visible,summary:focus-visible{outline:2px solid #52734f;outline-offset:3px}.ux-disclosure{border:1px solid #e1e6dc;border-radius:16px;background:#fff;margin:16px 0;overflow:hidden}.ux-disclosure>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:20px;cursor:pointer;color:#24392c;font-size:14px;font-weight:550;min-height:56px}.ux-disclosure>summary::-webkit-details-marker{display:none}.ux-disclosure>summary>span{flex:1}.ux-disclosure>summary small{display:block;font-size:12px;line-height:1.5;font-weight:400;color:#687564;margin-top:4px}.ux-disclosure>summary>.icon{width:18px;height:18px;flex-shrink:0}.ux-disclosure[open]>summary{border-bottom:1px solid #e6eade}.ux-disclosure .panel{border:0;box-shadow:none;margin:0}.settings-grid>.panel,.settings-grid>div{min-width:0}.settings-grid .ux-disclosure.panel{padding:0}.settings-grid .ux-disclosure .settings-section{margin:0;border-radius:0}.settings-grid .settings-section h2{font-size:17px;margin-bottom:20px}.settings-section .btn.text{display:inline-flex;min-height:44px}.ux-service-details{margin:0 0 24px;border:1px solid #e1e6dc;border-radius:14px;padding:12px 16px;background:#fff}.ux-service-details>summary{cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;min-height:30px}.ux-service-details>.note-box{margin-top:14px}.compose-modal{max-width:900px!important}.compose-modal .modal-header h2{font-size:23px;letter-spacing:-.8px}.compose-modal .modal-body{padding-top:10px}.compose-steps{display:flex;gap:8px;border-bottom:1px solid #e2e7dc;padding-bottom:16px;margin-bottom:20px}.compose-steps button{flex:1;display:flex;align-items:center;gap:8px;text-align:left;min-height:48px;border-radius:12px;padding:10px;color:#7b8575;font-size:12px}.compose-steps button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef1e9}.compose-steps button[aria-current=step]{background:#eaf0e2;color:#2f4a32}.compose-steps button[aria-current=step]>span{background:#dbe7cf;color:#2e4b2d}.compose-preview{padding:16px!important;background:#f1f4ed;border:1px solid #e1e7d8;border-radius:16px;margin:0 0 22px!important;display:grid!important;grid-template-columns:86px 1fr;gap:6px 16px!important}.compose-preview>.reuse-cover{grid-row:1/3;width:86px!important;min-width:0!important;height:auto!important;aspect-ratio:9/16;border-radius:10px;overflow:hidden}.compose-preview>.reuse-cover img{width:100%;height:100%;object-fit:cover}.compose-preview>div:nth-child(2){min-width:0}.compose-preview strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px!important;line-height:1.4}.compose-preview p{font-size:12px;line-height:1.5;margin:4px 0}.compose-preview .preview-caption{color:#58694f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;align-self:start}.compose-step{animation:ux-enter .22s ease both}.compose-step>.form-label:first-child{margin-top:0}.compose-option .caption-box{border:0;padding:0 18px 16px;margin:0}.caption-tools>.form-shortcuts{padding:10px 12px}.compose-navigation{display:flex;justify-content:space-between;gap:12px;width:100%}.compose-modal .modal-footer{flex-wrap:wrap}.compose-modal .modal-footer>small{font-size:12px;line-height:1.5}.compose-modal .note-box{font-size:12px}.compact-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.compact-heading h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.compact-heading p{font-size:12px;margin:5px 0 0;color:#687564}.cover-gallery{border:0!important;padding:0!important;margin-top:22px!important}.cover-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding:4px 1px 12px;position:relative;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c0cdb6 transparent}.cover-option{flex:0 0 175px;scroll-snap-align:start;min-width:0;border:1px solid #e3e7dd;border-radius:16px;overflow:hidden;background:white;transition:border-color .2s ease,box-shadow .2s ease}.cover-option.selected{border-color:#507445;box-shadow:0 0 0 2px #dce8d3}.cover-option>img{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}.cover-option>div{padding:12px}.cover-option strong{font-size:12px;line-height:1.45;display:block;margin-bottom:10px}.cover-option .btn{width:100%;min-height:40px}.cover-option.selected .btn{background:#e5efdd;color:#2f512d;border-color:#d3e0c9}.cover-dots{display:flex;align-items:center;justify-content:center;gap:0;padding:4px 0}.cover-dots button{width:32px;height:32px;position:relative}.cover-dots button:after{content:'';display:block;width:6px;height:6px;background:#cbd3c5;border-radius:20px;margin:auto;transition:width .2s ease,background .2s ease}.cover-dots button[aria-current=true]:after{width:20px;background:#567449}.cover-gallery .save-hint{margin:12px 0}.cover-workspace .note-box p{font-size:12px;line-height:1.6}.cover-workspace .ux-disclosure>summary{padding:14px}.cover-workspace .ux-disclosure>.disclosure-content{padding:0 14px 14px}.cover-workspace .note-box .ux-disclosure{background:transparent;margin:8px 0 12px}.cover-workspace .note-box .ux-disclosure>summary{padding:8px 0;min-height:36px;font-size:12px}.cover-workspace .note-box .ux-disclosure p{padding:0 0 12px}.cover-workspace .save-hint{font-size:12px;color:#65725e}.cover-stage .form-shortcuts{flex-wrap:wrap}.live-layout .reel-card{transition:box-shadow .2s ease,transform .2s ease}.live-layout .bottom-nav a{font-size:10px}.live-layout .bottom-nav a[aria-current=page]{background:#e8efdf;border-radius:12px;color:#314e31}.live-layout .bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.live-layout .app-content{padding-bottom:100px}@keyframes ux-enter{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.live-layout .reel-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #263c2510}.btn.primary:hover{box-shadow:0 4px 12px #263c2518}}@media(max-width:600px){.compose-steps{gap:3px}.compose-steps button{flex-direction:column;text-align:center;justify-content:center;font-size:11px;padding:7px 3px}.compose-steps button>span{width:28px;height:28px}.compose-preview{grid-template-columns:68px 1fr;padding:12px!important;gap:4px 12px!important}.compose-preview>.reuse-cover{width:68px!important}.compose-preview>div:nth-child(2)>p:nth-last-child(1){display:none}.compose-preview .preview-caption{grid-column:2;font-size:12px}.compose-preview strong{font-size:13px!important}.compose-modal .modal-header h2{font-size:21px}.compose-option>summary{padding:15px}.cover-option{flex-basis:62%}.compact-heading .btn{min-height:44px}.live-layout .panel{padding:20px}.live-layout .bottom-nav a{font-size:9px}.settings-grid .settings-section h2{font-size:17px}.cover-workspace .cover-frame{max-width:180px}.modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.compose-step{animation:none}.btn,.cover-option,.live-layout .reel-card,.cover-dots button:after{transition:none!important}.cover-rail{scroll-behavior:auto!important}}
.cover-dots[hidden]{display:none!important}
/* Results and creative workshop share the quiet Reelomia design system. */
.results-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:24px 0 14px}.results-controls>.tabs{flex:1;min-width:240px}.results-controls label{display:grid;gap:8px;font-size:12px;color:#61705c}.results-controls select,#tool-video{border:1px solid #dce3d5;border-radius:12px;background:white;color:#28402e;padding:11px 30px 11px 12px;min-height:44px;font:inherit;max-width:100%}.results-controls select{min-width:170px}.results-kpis{margin-top:20px}.results-ranking,.results-records{margin-top:24px}.results-ranking .panel-title{gap:12px;flex-wrap:wrap}.metric-bars{display:grid;gap:20px;margin:25px 0}.metric-bar{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;text-align:left;width:100%;padding:0}.metric-bar>span:first-child{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metric-bar>strong{font-size:14px;color:#2e4f30}.bar-track{grid-column:1/-1;height:7px;background:#eef2e8;border-radius:8px;overflow:hidden}.bar-track i{display:block;height:100%;background:#769763;border-radius:8px}.metric-bar:hover .bar-track i{background:#4e7442}.results-table-wrap{overflow-x:auto;max-width:100%;margin-top:15px}.results-table{border-collapse:collapse;min-width:910px;width:100%;font-size:13px}.results-table th,.results-table td{padding:14px 12px;text-align:right;border-bottom:1px solid #e7ebe0;white-space:nowrap}.results-table thead th{font-size:11px;color:#697561;font-weight:500}.results-table th:first-child{text-align:left;width:300px}.result-video{display:flex;align-items:center;gap:12px;text-align:left;width:300px;white-space:normal}.result-video>img,.result-thumb{width:38px;height:60px;flex-shrink:0;object-fit:cover;border-radius:7px;background:#edf1e6}.result-thumb{display:grid;place-items:center;color:#6d8260}.result-video>span:not(.result-thumb){min-width:0;flex:1}.result-video b{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:550}.result-video small{font-size:10px;color:#76826d;font-weight:400;line-height:1.6;display:block;margin-top:6px}.result-video>.icon{width:15px;flex-shrink:0}.results-method .disclosure-content{padding:0 20px 16px;font-size:13px;line-height:1.7}.results-method p{margin:12px 0}.results-records>.btn{margin-top:18px}.atelier-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 32px}.atelier-tool{display:grid;grid-template-columns:1fr auto;text-align:left;gap:10px;align-items:start;transition:box-shadow .2s ease,transform .2s ease}.atelier-tool>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf0e0;color:#456a3a;grid-column:1/-1;margin-bottom:10px}.atelier-tool strong{font-size:15px;line-height:1.5}.atelier-tool small{font-size:12px;line-height:1.6;color:#6c7c61;grid-column:1}.atelier-tool>.icon{grid-column:2;grid-row:2;color:#617b51;width:18px}.atelier-tool:hover{box-shadow:0 8px 25px #233d2510;transform:translateY(-2px)}.template-search{max-width:420px;margin:18px 0}.model-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.text-card>p{max-height:200px;overflow:auto}.history-chart{padding:18px 0}.history-chart svg{width:100%;display:block;margin:16px 0 4px;overflow:visible}.history-chart svg text{font:11px system-ui;fill:#68775e}#tool-video{width:100%;font-size:14px}.text-grid+.ux-disclosure>.disclosure-content{padding:0 18px 18px}
@media(max-width:760px){.results-controls{gap:14px}.results-controls>.tabs{flex-basis:100%}.results-controls label{flex:1;min-width:140px}.results-controls select{width:100%;min-width:0}.atelier-tools{grid-template-columns:1fr;gap:12px}.atelier-tool{grid-template-columns:44px 1fr 18px;gap:5px 14px;padding:18px!important;align-items:center}.atelier-tool>span{grid-column:1;grid-row:1/3;width:40px;height:40px;margin:0}.atelier-tool strong{grid-column:2;font-size:14px}.atelier-tool small{grid-column:2}.atelier-tool>.icon{grid-column:3;grid-row:1/3}.results-kpis .kpi strong{font-size:28px}.results-kpis .kpi small{font-size:11px;line-height:1.5}.results-table{min-width:840px}.result-video{width:250px}.results-table th:first-child{width:250px}.results-controls .tab{padding:12px;min-height:44px}.results-ranking .panel-title h2{font-size:15px}.history-chart{padding:16px 0}.model-actions .btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){.atelier-tool{transition:none;transform:none!important}}
#tool-insert{width:100%;border:1px solid #dce3d5;border-radius:12px;background:#fff;color:#28402e;padding:12px;min-height:44px;font:inherit;font-size:14px}

/* Calm progression: one clear next action and milestones grounded in account data. */
.journey-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px!important;background:#eef3e7;border-color:#d7e2cb;margin:24px 0 18px}.journey-hero>div:first-child{max-width:650px}.journey-hero .eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#4c633c;font-weight:650}.journey-hero h2{font-size:28px;letter-spacing:-.7px;line-height:1.25;margin:10px 0}.journey-hero p{color:#4d6046;font-size:14px;line-height:1.7;margin:0 0 20px}.journey-mark{width:90px;height:90px;display:grid;place-items:center;border:1px solid #cbd9bf;border-radius:28px;color:#46633b;flex-shrink:0}.journey-mark .icon{width:44px;height:44px}.journey-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.journey-stop{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #dfe5d8;border-radius:16px;background:#fff;color:#34472c;min-height:78px;text-decoration:none;transition:background .16s,border-color .16s}.journey-stop:hover{background:#f4f7ef;border-color:#8b9f78}.journey-check{display:grid;place-items:center;width:30px;height:30px;border:1px solid #bac6af;border-radius:50%;font-size:12px;flex-shrink:0;color:#536348}.is-done .journey-check{background:#395b30;color:#fff;border-color:#395b30}.journey-check .icon{width:16px;height:16px}.journey-stop b{display:block;font-size:20px;line-height:1.2}.journey-stop small{display:block;font-size:11px;margin-top:5px;color:#56684a;line-height:1.5}.journey-caption{font-size:12px;color:#536348;margin:12px 0 28px}.home-loop>p{color:#536348;line-height:1.75;font-size:14px}.home-loop details{margin-top:24px}.home-loop summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;color:#455d37}.home-loop .live-kpis{grid-template-columns:1fr 1fr;margin-bottom:0}.home-loop .kpi{padding:14px}.home-loop .kpi strong{font-size:24px}.home-loop .kpi header{font-size:11px}.ux-error{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:18px;border:1px solid #a84e3c;border-left:4px solid #a84e3c;border-radius:12px;background:#fff6f2;color:#752e21;margin:0 0 20px;scroll-margin:100px}.ux-error p{font-size:13px;line-height:1.65;margin:7px 0 0;overflow-wrap:anywhere}.ux-error .btn{color:#752e21;flex-shrink:0}.compose-position{font-size:12px;color:#4e6343;margin:4px 0 20px}.btn[aria-busy=true]{cursor:progress;opacity:.75}.btn[aria-busy=true]::after{content:'…';font-weight:700;margin-left:6px}input,select,textarea,button,a{scroll-margin-block:100px}.live-layout .muted,.live-layout .save-hint{color:#58664f}.live-layout .btn:active{transform:translateY(1px)}
@media(max-width:820px){.sidebar:not(.open){visibility:hidden}.sidebar.open{visibility:visible}.journey-hero{padding:22px!important;margin-top:20px}.journey-hero h2{font-size:24px}.journey-mark{display:none}.journey-path{grid-template-columns:1fr 1fr;gap:8px}.journey-stop{padding:14px 10px;gap:9px}.journey-stop small{font-size:11px}.journey-hero .btn{width:100%;justify-content:center}.ux-error{padding:14px;gap:8px}.journey-caption{line-height:1.6}.home-loop .live-kpis{gap:8px}}
@media(prefers-reduced-motion:reduce){.journey-stop{transition:none}.live-layout .btn:active{transform:none}}

.cancelled-jobs{margin-top:18px}.cancelled-jobs>summary{min-height:44px;cursor:pointer;color:#536348;font-size:13px}.cancelled-jobs[open]>summary{margin-bottom:12px}
.follower-context{font-size:12px;line-height:1.65;color:#526447;max-width:760px;margin:12px 0 20px}.results-kpis .kpi:first-child{background:#edf3e5;border-color:#b8c9a9}.settings-help{margin-top:18px}.settings-help summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#526447;font-size:12px}.settings-help p{font-size:12px;line-height:1.7}.settings-section .settings-row{padding-block:16px}.results-table{min-width:940px}
.outro-editor input:not([type=checkbox]),.outro-editor select{width:100%;min-height:44px;border:1px solid #dce3d5;border-radius:12px;padding:12px;background:#fff;color:#28402e;font:inherit;font-size:14px;box-sizing:border-box}.outro-editor .form-label{display:block;margin:18px 0 8px;line-height:1.5;font-size:12px;font-weight:600}.outro-editor .disclosure-content{padding:0 16px 16px}.outro-editor select:disabled,.outro-editor input:disabled{background:#f1f3ed;color:#6c7564}.outro-editor .form-shortcuts{gap:6px;flex-wrap:wrap}.outro-editor .form-shortcuts .btn{min-height:44px}
.rewrite-progress{display:flex;align-items:center;gap:12px;background:#edf3e5;border:1px solid #c9d8bd;border-radius:14px;padding:16px;margin:18px 0;color:#344d2d;font-size:14px}.rewrite-progress small{display:block;color:#536447;margin-top:5px}.rewrite-spinner{width:22px;height:22px;border:3px solid #c3d0b7;border-top-color:#3d6031;border-radius:50%;animation:rewrite-spin .8s linear infinite;flex-shrink:0}@keyframes rewrite-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rewrite-spinner{animation:none;border-style:dotted}}

.analysis-success{padding:14px;border:1px solid #c9d8bd;border-radius:12px;background:#edf3e5;color:#344d2d;margin:14px 0}.cover-titles [aria-pressed=true]{background:#294b3d;color:#fff}.cover-workspace #cover-title::placeholder{font-size:13px}.cover-workspace .note-box>button{min-height:44px}.cover-workspace details textarea{width:100%;box-sizing:border-box}

/* Task-first navigation, shared by the library and the two guided editors. */
.flow-context{padding:16px 18px;background:#eef3e9;border-radius:14px;margin:0 0 20px;color:#294434}.flow-context b{font-size:15px}.flow-context p,.flow-intro{font-size:14px;line-height:1.65;color:#53644e;margin:6px 0 0}.flow-secondary{margin:16px 0}.flow-secondary>.disclosure-content{padding:0 18px 18px}.flow-secondary .caption-box{border:0;padding:0;margin:0}.flow-secondary .detail-metrics{padding-top:16px}.flow-filters{font-size:13px;color:#3f5539;margin-left:auto}.flow-filters summary{min-height:44px;display:flex;align-items:center;cursor:pointer;gap:8px}.flow-filters summary:after{content:'+';font-size:18px}.flow-filters[open] summary:after{content:'−'}.flow-filters>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border:1px solid #dfe5d7;border-radius:12px;background:#fff}.flow-filters .tab{min-height:44px;padding:10px 14px;border:1px solid #dfe5d7;border-radius:10px}.flow-filters .tab.active{background:#eaf0e1;border-color:#718663}.card-detail{font-size:12px;margin:14px 0 8px;color:#526348}.card-detail summary{min-height:38px;display:flex;align-items:center;cursor:pointer;gap:8px}.card-detail summary:after{content:'+';margin-left:auto}.card-detail[open] summary:after{content:'−'}.card-detail p{font-size:12px;line-height:1.65;margin:8px 0}.live-grid .reel-card-body h3{font-size:14px;line-height:1.5}.live-grid .reel-card-footer button{font-size:12px;min-height:44px;font-weight:650}.live-grid .reel-card-footer{gap:12px}.live-grid .reel-card-body>p{font-size:12px}.flow-review{background:#f0f4eb;border:1px solid #d9e2d0;border-radius:16px;padding:20px;margin-top:22px}.flow-review>b{font-size:16px}.flow-review dl{margin:16px 0}.flow-review dl>div{display:grid;grid-template-columns:100px 1fr;gap:12px;margin:12px 0;font-size:13px;line-height:1.6}.flow-review dt{color:#617057}.flow-review dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.cover-flow-tabs{margin:0 0 12px}.cover-flow-panel[hidden]{display:none!important}.cover-flow-panel h3{font-size:18px;letter-spacing:-.3px;margin:12px 0}.cover-flow-panel .flow-intro{margin-bottom:18px}.cover-flow-panel>.form-label:first-of-type{margin-top:14px}.cover-flow-footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cover-flow-controls{display:flex;justify-content:space-between;gap:12px;width:100%}.cover-flow-controls .btn{min-height:46px}.cover-workspace>div:last-child{min-width:0}.cover-flow-panel .caption-box{padding:18px}.cover-flow-panel .cover-titles{display:grid;gap:10px}.cover-flow-panel .cover-titles .btn{text-align:left;justify-content:flex-start;min-height:44px;white-space:normal}.cover-flow-panel .note-box{margin-top:0}.cover-workspace .cover-stage{align-self:start;position:sticky;top:0}.live-layout .page-heading p{font-size:14px;line-height:1.6}.flow-review .save-hint{font-size:12px;color:#53644e}
@media(max-width:700px){.flow-filters{margin:0;flex-basis:100%}.flow-filters>div{align-items:stretch}.flow-filters .library-sort{width:100%}.flow-review{padding:16px}.flow-review dl>div{grid-template-columns:80px 1fr}.cover-workspace{grid-template-columns:1fr!important;gap:20px}.cover-workspace .cover-stage{position:static}.cover-workspace .cover-frame{max-width:150px}.cover-stage .save-hint{display:none}.cover-flow-footer>div:first-child{width:100%}.cover-flow-footer>div:first-child .btn{flex:1}.cover-flow-controls .btn{font-size:12px;padding:12px}.compose-navigation .btn{font-size:12px}.live-grid .reel-card-body h3{font-size:14px}.flow-context{padding:14px}.flow-context p{font-size:13px}}

.scheduler-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:24px;border:1px solid #d8e2d0;border-radius:18px;background:#f3f6ee;margin-bottom:24px}.scheduler-card>div{flex:1;min-width:0}.scheduler-card h2{font-size:20px;line-height:1.35;margin:8px 0}.scheduler-card p{font-size:14px;line-height:1.65;color:#526348;margin:8px 0}.scheduler-card small{color:#607053;font-size:12px}.scheduler-counts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;margin:16px 0}.scheduler-card>details,.scheduler-feedback{flex-basis:100%;margin:0!important}.scheduler-card details{border-top:1px solid #dce4d5;padding-top:12px}.scheduler-card summary{cursor:pointer;font-size:13px;min-height:44px;display:flex;align-items:center}.scheduler-card.needs-attention{background:#fff9ed;border-color:#e6d6ad}.scheduler-feedback:empty{display:none}.scheduler-card .btn{min-height:48px}.scheduler-card .rewrite-spinner{width:18px;height:18px}.real-job>div{min-width:0}.real-job strong,.real-job p{overflow-wrap:anywhere}.real-job .badge{white-space:normal;text-align:center;max-width:170px}@media(max-width:600px){.scheduler-card{padding:18px;gap:14px}.scheduler-card>div,.scheduler-card>.btn{flex-basis:100%}.scheduler-card h2{font-size:18px}.scheduler-counts{gap:8px 12px}.real-job{flex-wrap:wrap}.real-job>div{flex:1;min-width:150px}.real-job .badge{margin-left:0;font-size:11px;max-width:100%}}

/* Keep information groups compact instead of stretching to the video height. */
.detail-grid{align-items:start}.flow-secondary{align-self:start}.flow-secondary summary,.rewrite-original summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px}.flow-secondary summary:after,.rewrite-original summary:after{content:'+';margin-left:auto}.flow-secondary[open] summary:after,.rewrite-original[open] summary:after{content:'−'}.rewrite-original[open]{padding-bottom:18px}.rewrite-original>p{white-space:pre-wrap;line-height:1.65}.modal-header h2{overflow-wrap:anywhere}

/* The caption comparison needs readable columns and wrapping actions. */
.modal:has(.rewrite-options){width:min(1040px,calc(100vw - 32px));max-width:calc(100vw - 32px)}.modal-footer,.modal-footer>div{flex-wrap:wrap;min-width:0}.modal-footer .btn{white-space:normal;max-width:100%;overflow-wrap:anywhere}.rewrite-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rewrite-option{min-width:0}.rewrite-option p,.rewrite-copy{max-height:none!important;overflow:visible!important}.rewrite-option .btn{white-space:normal;width:100%;min-height:44px}.rewrite-option h3{font-size:17px}.modal:has(.rewrite-options) .modal-footer>div{width:100%;display:flex;gap:10px}.modal:has(.rewrite-options) .modal-footer .btn{flex:1}@media(max-width:700px){.rewrite-options{grid-template-columns:1fr}.modal:has(.rewrite-options){width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.modal:has(.rewrite-options) .modal-footer .btn{flex-basis:100%}}

.file-management{border-top:1px solid #dce2da;margin-top:24px;padding-top:10px}.file-management summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;color:#65715f}.file-management summary:after{content:'+';margin-left:auto}.file-management[open] summary:after{content:'−'}.file-management p{font-size:13px;line-height:1.65;color:#65715f}.modal-header h2{max-width:36ch;line-height:1.35}.note-box details{margin-top:10px}.note-box summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.note-box details p{font-size:12px;overflow-wrap:anywhere}.modal-footer>div:has(>.btn:only-child){justify-content:flex-end;width:100%}

/* v52: task-first mobile access and readable measurement cards. */
.top-settings{flex-shrink:0}.journey-hero{margin-top:8px}.result-guidance{display:flex;gap:16px;padding:20px 24px;background:#edf3e8;border:1px solid #d6e2cc;border-radius:18px;margin:20px 0}.result-guidance-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;flex-shrink:0}.result-guidance h2{font-size:17px;line-height:1.4;margin:0 0 7px}.result-guidance p{font-size:14px;line-height:1.6;color:#51614b;margin:0;max-width:70ch}.result-guidance .btn{margin-top:14px}.result-mobile-list{display:none}.result-mobile-title{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:none;padding:0;color:inherit;cursor:pointer}.result-mobile-title img,.result-mobile-title .result-thumb{width:48px;height:66px;border-radius:8px;object-fit:cover;flex-shrink:0}.result-mobile-title>span:not(.result-thumb){flex:1;min-width:0}.result-mobile-title b{display:block;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.result-mobile-title small{display:block;font-size:11px;color:#697564;margin-top:5px}.result-mobile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:18px 0}.result-mobile-metrics dt{font-size:12px;color:#67735e;margin:0 0 4px}.result-mobile-metrics dd{font-size:22px;font-weight:650;letter-spacing:-.03em;margin:0}.result-mobile-metrics>div:first-child dd{color:#345b43}.result-mobile-card{padding:18px 0;border-bottom:1px solid #e1e6dc}.result-mobile-card:last-child{border-bottom:0}.result-mobile-card details{border-top:1px solid #e8ece4}.result-mobile-card summary{font-size:12px;color:#5f6d58;min-height:44px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.result-mobile-card summary:after{content:'+'}.result-mobile-card details[open] summary:after{content:'−'}.result-mobile-card details dd{font-size:17px}.result-mobile-card details .save-hint{font-size:11px}.btn[aria-busy=true]:after{content:'';width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;flex-shrink:0;animation:reelomia-request-spin .8s linear infinite}.btn[aria-busy=true]{cursor:progress}.btn:focus-visible,.icon-btn:focus-visible,.tab:focus-visible,.bottom-nav a:focus-visible{outline:3px solid #668c51;outline-offset:4px}.atelier-tool{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.atelier-tool:hover{transform:translateY(-2px);border-color:#adc39a;box-shadow:0 6px 20px #223a2610}@keyframes reelomia-request-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.live-layout .app-topbar .top-actions>.activity-shortcut{display:none}.result-mobile-list{display:block}.results-records .results-table-wrap{display:none}.result-guidance{padding:18px 16px;gap:12px}.result-guidance h2{font-size:16px}.result-guidance p{font-size:13px}.result-guidance-icon{width:32px;height:32px}.results-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.results-kpis .kpi{padding:16px 13px}.results-kpis .kpi header{font-size:12px}.results-kpis .kpi strong{font-size:28px}.results-kpis .kpi small{font-size:11px;line-height:1.5}.journey-caption{font-size:12px}.bottom-nav a{min-height:54px}.app-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.atelier-tool{transition:none}.atelier-tool:hover{transform:none}.btn[aria-busy=true]:after{animation:none}}

@media(max-width:700px){.app-topbar .icon-btn{min-width:44px;min-height:44px}.app-layout input,.app-layout select,.app-layout textarea,.modal input,.modal select,.modal textarea{font-size:16px}}