.static-app-frame{opacity:1;transform:none;animation:none}
.journal-preview{aspect-ratio:1400/781}
.market-preview{aspect-ratio:1400/686}
.market-preview .demo-dashboard,.market-preview .demo-sidebar{height:939px}
.journal-mock-layout{display:grid;grid-template-columns:355px 1fr;gap:22px}
.journal-mock-tabs{display:flex;gap:5px;padding:6px;border:1px solid #22242e;border-radius:14px;background:#12141c;margin-bottom:15px}
.journal-mock-tabs span{padding:12px 9px;color:#969caf;font-size:17px;white-space:nowrap}
.journal-mock-tabs .active{background:#1a2943;color:#3b82f6;border-radius:10px;font-weight:700}
.journal-mock-entry{padding:23px 18px;border:1px solid #22242e;background:#12141c;border-radius:16px;margin-bottom:13px}
.journal-mock-entry.active{border-color:#3b82f6;background:#132039}
.journal-mock-entry-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:20px}
.journal-mock-entry-top strong{display:flex;align-items:center;gap:9px}
.journal-mock-symbol{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f2a93b;color:#11131a;font-size:14px;font-weight:800;flex:none}
.journal-mock-entry-pills{display:flex;gap:9px;margin-top:13px}
.journal-mock-status{padding:4px 12px;border-radius:20px;background:#222631;color:#a6acbc;font-size:16px;font-weight:600}
.journal-mock-status.pending{background:rgba(167,107,240,.15);color:#a76bf0}
.journal-mock-entry p,.journal-mock-detail-head p{font-size:17px;color:#777e91;margin-top:10px}
.journal-mock-pages{text-align:center;color:#777e91;font-size:17px;margin-top:18px}
.journal-mock-pages div{margin-top:12px;color:#a6acbc}.journal-mock-pages b{background:#3b82f6;border-radius:6px;padding:4px 10px;color:#eef0f6}
.journal-mock-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}
.journal-mock-detail-head>div>div{display:flex;align-items:center;gap:13px}
.journal-mock-detail-head strong{font-size:27px}.journal-mock-detail-head b{font-size:23px}
.journal-mock-save{padding:11px 23px;border-radius:11px;background:#28539b;color:#94a8c8;font-size:18px}
.journal-mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:23px}
.journal-mock-detail h3{font-size:17px;font-weight:700;letter-spacing:.3px;color:#a6acbc;margin-bottom:11px}
.journal-mock-input{min-height:122px;padding:17px;background:#191b24;border:1px solid #252833;border-radius:12px;font-size:19px;line-height:1.6;color:#c4cbd9}
.journal-mock-field.large .journal-mock-input{min-height:170px}
.journal-mock-metrics>div{background:#161821;border:1px solid #252833;border-radius:12px;padding:17px}
.journal-mock-metrics p{display:flex;gap:12px;align-items:center}.journal-mock-metrics p span{display:block;width:75px;text-align:center;padding:9px;border:1px solid #252833;border-radius:8px;background:#191b24}
.journal-mock-metrics h3 b{float:right;font-size:19px;color:#d7dbe5}
.journal-mock-rating{position:relative;height:7px;border-radius:6px;background:#272d3d;margin-top:30px}
.journal-mock-rating i{display:block;width:85%;height:100%;border-radius:6px;background:#3b82f6}
.journal-mock-rating:after{content:'';position:absolute;width:19px;height:19px;top:-6px;left:calc(85% - 9px);border-radius:50%;background:#3b82f6}
.journal-mock-screenshots>div{display:flex;gap:16px;margin-bottom:22px}
.journal-mock-chart{width:245px;height:130px;border:1px solid #252833;border-radius:10px}
.journal-mock-add-shot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:270px;height:130px;border:1px dashed #34425c;border-radius:10px;font-size:17px;color:#a6acbc;text-align:center;padding:12px}
.journal-mock-add-shot b{font-size:27px;color:#3b82f6}.journal-mock-add-shot small{font-size:12px;color:#777e91;margin-top:5px}
.journal-mock-checklist>div{display:flex;gap:20px;font-size:16px}.journal-mock-checklist span{display:flex;align-items:center;gap:9px;white-space:nowrap}.journal-mock-checklist b{display:grid;place-items:center;width:20px;height:20px;background:#3b82f6;border-radius:4px;color:#eef0f6}
.market-mock-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}
.market-mock-heading h2{font-size:25px;font-weight:700;color:#d7dbe5}.market-mock-heading p{font-size:18px;color:#777e91;margin-top:7px}
.market-mock-controls{display:flex;gap:12px}.market-mock-controls span{display:block;padding:11px 17px;border:1px solid #30384a;border-radius:10px;background:#161821;font-size:18px;color:#a6acbc;white-space:nowrap}
.market-mock-table{width:100%;border-collapse:collapse;text-align:left}
.market-mock-table th{font-size:18px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:#777e91;padding:18px 16px;border-bottom:1px solid #22242e}
.market-mock-table td{height:84px;padding:22px 16px;border-bottom:1px solid #22242e;font-size:21px;white-space:nowrap}
.market-mock-table td:nth-child(4){font-weight:600}.market-mock-table td:first-child{font-weight:600}
.market-mock-impact{display:inline-block;border-radius:20px;padding:5px 13px;font-size:17px;font-weight:700}
.market-mock-impact.high{background:rgba(192,57,74,.15);color:#c0394a}.market-mock-impact.medium{background:rgba(242,169,59,.15);color:#f2a93b}
.market-mock-source{font-size:17px;color:#777e91;margin-top:22px}

.journal-mock-detail{padding:20px}
.journal-mock-entry{padding:14px;margin-bottom:10px}
.journal-mock-entry-top{font-size:18px}
.journal-mock-entry .journal-mock-symbol{width:28px;height:28px;font-size:12px}
.journal-mock-entry-pills{margin-top:10px}
.journal-mock-entry p{font-size:16px;margin-top:8px}
.journal-mock-detail-head{margin-bottom:18px}
.journal-mock-grid{gap:18px;margin-bottom:18px}
.journal-mock-input{min-height:100px;padding:14px;font-size:18px;line-height:1.5}
.journal-mock-field.large .journal-mock-input{min-height:140px}
.journal-mock-metrics>div{padding:14px}
.journal-mock-chart,.journal-mock-add-shot{height:110px}
.journal-mock-screenshots>div{margin-bottom:18px}

/* Same thumbnail grid and native rating control used by the Journal page. */
.journal-mock-screenshots>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px}
.journal-mock-shot{position:relative;height:176px;overflow:hidden;border:1px solid #252833;border-radius:12px;background:#161821}
.journal-mock-shot img{width:100%;height:100%;object-fit:cover;display:block}
.journal-mock-remove-shot{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(10,10,14,.75);color:#eef0f6;font-size:21px}
.journal-mock-add-shot{width:auto;height:176px;padding:8px;gap:6px;background:#161821}
.journal-mock-add-shot small{font-size:13px;line-height:1.35;max-width:94%}
.journal-mock-rating{display:block;width:100%;height:24px;margin-top:14px;accent-color:#3b82f6;background:transparent;border-radius:0}
.journal-mock-rating:after{content:none}