:root{--bg:#f2f3f7;--ink:#15171c;--muted:#858995;--line:#e8e9ee;--accent:#635bff;--blue:#2878ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% 10%,#303a67,#111427 46%,#07090f);background-size:24px 24px,24px 24px,100% 100%}.stage{min-height:100vh;display:grid;place-items:center;padding:20px}.phone{position:relative;width:min(390px,calc(100vw - 28px));aspect-ratio:390/820;padding:12px;border-radius:52px;background:linear-gradient(145deg,#44464e,#08090c 45%,#24262b);box-shadow:0 44px 105px #0009,inset 0 0 0 1px #ffffff1c}.screen{position:relative;height:100%;overflow:hidden;border-radius:41px;background:var(--bg);color:var(--ink)}button{font:inherit}.island{position:absolute;z-index:30;top:10px;left:50%;width:112px;height:31px;transform:translateX(-50%);border-radius:20px;background:#08090b}.statusbar{position:absolute;z-index:20;top:17px;left:24px;right:22px;display:flex;justify-content:space-between;font-size:11px;font-weight:750}.side{position:absolute;width:4px;border-radius:3px;background:#2b2d32}.vol1{left:-3px;top:128px;height:46px}.vol2{left:-3px;top:186px;height:68px}.power{right:-3px;top:154px;height:88px}.page{position:absolute;inset:0;display:none;padding-top:48px}.page.active{display:block}.nav-title{padding:28px 22px 14px}.nav-title h1{margin:0;font-size:31px;letter-spacing:-.035em}.settings-group{margin:8px 14px;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 8px 28px #292c3d0a}.setting-row{width:100%;min-height:68px;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:11px 14px;text-align:left;background:#fff;color:var(--ink);cursor:pointer}.setting-row:last-child{border:0}.setting-row:active{background:#f7f7fa}.row-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;color:#fff;font-weight:800}.purple{background:#7b61ff}.blue{background:#3384ff}.green{background:#21b574}.row-main{display:grid;gap:4px;flex:1}.row-main b{font-size:14px}.row-main small{color:var(--muted);font-size:11px}.row-value{max-width:108px;text-align:right;color:var(--muted);font-size:12px}.chevron{color:#babcc4;font-size:24px}.footnote{margin:13px 24px;color:#9195a0;font-size:11px;line-height:1.55}.preview-page{padding-top:46px;background:#f7f7fa}.preview-nav{height:45px;display:flex;align-items:center;padding:0 11px;border-bottom:1px solid var(--line);background:#fff}.preview-nav h1{margin:0;flex:1;text-align:center;font-size:15px}.back{width:35px;border:0;background:none;color:var(--accent);font-size:32px}.counter{width:48px;text-align:right;color:var(--muted);font-size:10px}.toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px 10px;background:#fff;border-bottom:1px solid var(--line)}.toolbar button{height:31px;padding:0 3px;border:1px solid #dfe0e6;border-radius:9px;background:#fff;color:#343741;font-size:11px;font-weight:650}.toolbar button:disabled{color:#c2c4ca;background:#f3f3f5}.preview-scroll{position:absolute;top:133px;bottom:61px;left:0;right:0;overflow-y:auto;overscroll-behavior:none}.frame-card{padding-bottom:16px}.image-wrap{position:relative;display:block;width:100%;aspect-ratio:960/1024;padding:0;border:0;overflow:hidden;background:#18191d}.image-wrap img{width:100%;height:100%;display:block;object-fit:cover;transition:filter .2s,transform .25s}.live-badge{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:20px;color:#fff;background:#17191db8;font-size:9px;backdrop-filter:blur(8px)}.fail-state{position:absolute;inset:0;display:none;place-content:center;gap:7px;color:#fff;background:linear-gradient(145deg,#30323a,#17181d);font-size:22px;font-weight:750}.fail-state small{display:block;margin-top:8px;color:#a7a9b0;font-size:11px;font-weight:400}.ocr-overlay{position:absolute;inset:0;display:none;background:#0008;color:#fff}.ocr-box{position:absolute;padding:4px;border:1px solid #62ff9e;background:#102b1988;color:#8bffb5;font-size:10px}.box-one{top:46%;left:47%}.box-two{right:16%;bottom:19%}.frame-info,.ocr-info{margin:10px 10px 0;padding:13px;border-radius:13px;background:#fff;box-shadow:0 5px 17px #282b3c0a}.section-label{margin:0 0 9px;font-size:11px;color:#7c808c;font-weight:750}.info-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:8px 14px}.info-item{display:grid;gap:2px}.info-item span{color:#9a9da6;font-size:9px}.info-item b{font-size:11px;font-weight:580}.ocr-line{margin:6px 0 0;padding:7px;border-radius:7px;background:#f5f6f8;font-family:ui-monospace,monospace;font-size:9px;line-height:1.45}.jumpbar{position:absolute;z-index:4;bottom:0;left:0;right:0;height:61px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px 8px 15px;background:#ffffffed;border-top:1px solid var(--line);backdrop-filter:blur(14px)}.jumpbar button{border:0;border-radius:9px;background:#f0efff;color:#5148dc;font-size:9px;font-weight:700}.empty-state{display:none;padding:130px 30px;text-align:center;color:#8b8e98}.empty-state span{font-size:42px}.empty-state h2{margin:12px 0 5px;color:#44464e;font-size:17px}.empty-state p{font-size:11px}.scrim{position:absolute;z-index:40;inset:0;display:none;background:#0006}.scrim.show{display:block}.sheet{position:absolute;z-index:41;left:0;right:0;bottom:0;max-height:72%;padding:8px 14px 24px;border-radius:24px 24px 0 0;background:#f8f8fa;transform:translateY(105%);transition:transform .25s}.sheet.show{transform:translateY(0)}.grabber{width:38px;height:4px;margin:0 auto 8px;border-radius:4px;background:#d1d2d7}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{font-size:17px}.sheet-head button{border:0;background:none;color:var(--accent);font-weight:700}.option{width:100%;display:flex;justify-content:space-between;padding:14px;border:0;border-bottom:1px solid var(--line);background:#fff;font-size:13px}.option:first-child{border-radius:13px 13px 0 0}.option:last-child{border:0;border-radius:0 0 13px 13px}.option.selected{color:var(--accent)}.contact-modal,.fullscreen{position:absolute;z-index:60;inset:0;display:none}.contact-modal.show,.fullscreen.show{display:flex}.contact-modal{align-items:center;padding:22px;background:#0008}.contact-card{width:100%;padding:20px;border-radius:23px;background:#fff;text-align:center}.lark-mark{display:grid;place-items:center;width:43px;height:43px;margin:auto;border-radius:13px;background:linear-gradient(135deg,#24d1ff,#2868ff);color:#fff;font-weight:900}.contact-card h2{margin:10px 0 3px;font-size:17px}.contact-card>p{margin:0 0 14px;color:var(--muted);font-size:11px}.search{display:flex;gap:5px;padding:9px;border-radius:9px;background:#f2f3f6;color:#999}.search input{width:100%;border:0;outline:0;background:none}.contact{width:100%;display:grid;grid-template-columns:36px 1fr 22px;grid-template-rows:1fr 1fr;column-gap:9px;padding:9px 2px;border:0;background:#fff;text-align:left}.avatar{grid-row:1/3;display:grid;place-items:center;border-radius:50%;color:#fff}.a1{background:#6c5ce7}.a2{background:#25a5a5}.contact b{font-size:12px}.contact i{font-style:normal;color:var(--muted);font-size:9px}.contact em{grid-row:1/3;grid-column:3;align-self:center;color:#aaa;font-style:normal}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.modal-actions button{height:38px;border:0;border-radius:10px;background:#eff0f4}.modal-actions button:last-child{color:#fff;background:#3374ff}.fullscreen{flex-direction:column;background:#050506;color:#fff}.fullscreen header{height:65px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 15px 12px}.fullscreen header button{border:0;background:none;color:#fff;font-size:13px}.fullscreen header button:first-child{font-size:28px}.zoom-area{flex:1;display:grid;place-items:center;overflow:hidden;touch-action:none}.zoom-area img{width:100%;transform-origin:center;user-select:none;-webkit-user-drag:none}.fullscreen>p{text-align:center;color:#808086;font-size:10px}.toast{position:absolute;z-index:90;left:50%;bottom:80px;display:none;transform:translateX(-50%);padding:9px 14px;border-radius:20px;background:#17181ddd;color:#fff;font-size:11px;white-space:nowrap}.toast.show{display:block}.homebar{position:absolute;z-index:100;bottom:6px;left:50%;width:126px;height:5px;transform:translateX(-50%);border-radius:5px;background:#14151a}@media(max-height:850px){.phone{width:min(365px,calc(100vw - 28px))}}