@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-thai-400.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/noto-thai-500.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/noto-thai-600.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-thai-700.ttf) format("truetype")}:root{font-family:Noto Sans Thai,Tahoma,sans-serif;color:#17202b;background:#fdfdfc;font-synthesis:none;font-size:18px;--blue:#124ca1;--line:#dce1e6;--muted:#606973}*{box-sizing:border-box}body{margin:0 auto;width:100%}body[data-preview=phone]{max-width:390px}body[data-preview=tablet]{max-width:768px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:inherit;min-height:50px;padding:10px 16px;line-height:1.5}button:hover{border-color:var(--blue);background:#f4f8ff}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #74a4ec;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,3.8vw,48px);line-height:1.45;letter-spacing:-.7px;font-weight:700}h2{font-size:25px;line-height:1.5}h3{font-size:22px;line-height:1.5}p{color:var(--muted);line-height:1.75}small{font-size:14px}.app{max-width:1140px;margin:auto;padding:0 40px 130px}.masthead{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:26px}.identity{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600}.lts{color:var(--blue);font-weight:800;font-size:29px;letter-spacing:-1px}.header-note{font-size:14px;color:var(--muted)}.search-area{margin:0 0 32px}.search-box{border:1.5px solid #aeb8c4;border-radius:12px;display:flex;align-items:center;padding:7px 16px;gap:12px;min-height:68px;background:#fff}.search-box>svg{color:var(--blue);flex-shrink:0}.search-box input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:21px;padding:10px 0;color:#17202b}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{padding:4px;min-height:42px;border:0}.page-heading{margin-bottom:32px}.page-heading p{margin-top:10px;font-size:20px}.eyebrow{display:block;font-size:15px;font-weight:500;color:var(--muted);line-height:1.6;margin-bottom:7px}.page-heading>.eyebrow{color:var(--blue);margin-bottom:10px}.page-heading.compact{margin-bottom:22px}.all-items{width:100%;justify-content:flex-start;min-height:90px;padding:18px 23px;border-color:#b8cce6;background:#f3f7fd;margin-bottom:40px;color:var(--blue);font-size:24px;text-align:left}.all-items>span{flex:1}.all-items small{display:block;font-size:16px;font-weight:400;color:var(--muted);margin-top:2px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 22px}.section-heading>span{font-size:15px;color:var(--muted)}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.brand-card{display:flex;flex-direction:column;gap:4px;padding:0 0 18px;border:0;background:transparent;min-width:0;text-align:center}.brand-card:hover{background:#f3f6fb}.brand-visual{height:150px;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:8px;padding:15px;overflow:hidden}.brand-visual img{max-height:100%;max-width:100%;object-fit:contain}.brand-card strong{font-size:24px;font-weight:600;overflow-wrap:anywhere}.brand-card>span{font-size:15px;color:var(--muted)}.brand-card.waiting .brand-visual{background:#f5f5f3;color:#969da5}.brand-card.waiting strong{color:#5c646e}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.catalog-card{align-items:flex-start;text-align:left;padding:20px;gap:22px;min-width:0}.catalog-card>img{width:110px;aspect-ratio:.71;object-fit:contain;flex-shrink:0;border:1px solid var(--line);background:#fff}.catalog-card>div{min-width:0}.catalog-card h3{margin-bottom:6px}.catalog-card p{font-size:16px}.samples{margin-top:10px;line-height:1.6!important}.card-link{display:flex;align-items:center;gap:9px;font-size:16px;color:var(--blue);margin-top:18px;font-weight:600}.catalog-intro{display:flex;gap:32px;margin-bottom:40px;align-items:center}.catalog-intro>img{width:170px;aspect-ratio:.71;object-fit:contain;border:1px solid var(--line)}.catalog-intro h1{font-size:34px}.catalog-intro p{margin:10px 0 18px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.primary:hover{background:#103f86;color:#fff}.saved-label{display:inline-flex;align-items:center;gap:8px;color:#216644;font-size:16px}.help-text{font-size:15px;margin-bottom:20px}.item-list{border-top:1px solid var(--line)}.item-row{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:20px 0;align-items:flex-start}.item-row>img{width:68px;height:88px;object-fit:contain;background:#fff;border:1px solid var(--line);flex-shrink:0}.item-row>div{min-width:0;flex:1}.item-row h3{font-weight:600;margin-bottom:10px}.page-links{display:flex;gap:8px;flex-wrap:wrap}.page-links button{color:var(--blue);background:#f4f7fc;min-height:44px;font-size:16px;padding:7px 11px}.filter-row{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filter-row label{font-size:16px;color:var(--muted)}select{min-height:48px;border:1px solid #b8c2cf;border-radius:8px;padding:8px 34px 8px 12px;background:#fff;max-width:240px}.filter-row>span{margin-left:auto;color:var(--muted);font-size:16px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.result-card{text-align:left;align-items:flex-start;padding:18px;gap:20px;min-width:0}.result-card>img{width:85px;aspect-ratio:.71;object-fit:contain;border:1px solid var(--line);flex-shrink:0}.result-card>div{min-width:0}.result-card h3{font-size:21px;margin-bottom:8px}.result-card p{font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.empty-state{padding:48px 20px 56px;text-align:center;border:1px solid var(--line);border-radius:12px;background:#fafbf9}.empty-state>svg{color:#7b899b;margin-bottom:16px}.empty-state h2{margin-bottom:10px}.empty-state button{margin-top:22px;color:var(--blue)}.saved-list{display:grid;gap:20px}.saved-card{display:flex;gap:24px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:12px}.saved-card>img{width:100px;aspect-ratio:.71;object-fit:contain}.saved-card p{margin:8px 0 18px}.subtle{color:var(--muted);font-size:16px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffffff7;border-top:1px solid var(--line);display:flex;justify-content:center;gap:45px;padding:15px 20px max(15px,env(safe-area-inset-bottom));box-shadow:0 -3px 14px #1b345408}.bottom-nav button{border:0;min-width:150px;font-size:18px;background:transparent}.bottom-nav button.active{background:#eef4fe;color:var(--blue)}.count{font-size:12px;min-width:22px;background:var(--blue);color:#fff;border-radius:20px;padding:1px 6px}.download-panel,.notice{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:30;width:min(550px,calc(100% - 32px));padding:18px 22px;border:1px solid #b5cbea;box-shadow:0 6px 25px #16365b20;background:#fff;border-radius:12px}.download-panel>div{display:flex;align-items:center;gap:10px}.download-panel button,.notice button{border:0;padding:0;min-height:38px;margin-left:auto;flex-shrink:0}.download-panel progress{width:100%;height:12px;margin:12px 0;accent-color:var(--blue)}.download-panel>span{font-size:15px;color:var(--muted)}.notice{display:flex;align-items:center;gap:16px;font-size:16px;line-height:1.7}.loading{padding:80px 0;text-align:center}.loading>svg{color:var(--blue);margin-bottom:20px}.reader-app{max-width:1300px}.reader-app .masthead{margin-bottom:20px}.reader-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.reader-title h1{font-size:25px}.reader-counter{font-size:18px;white-space:nowrap;background:#f0f3f6;border-radius:8px;padding:8px 14px;color:#4e5a69}.reader-stage{position:relative;display:flex;align-items:center;justify-content:center;height:min(68vh,780px);min-height:300px;background:#edf0f3;border:1px solid #d4dce4;border-radius:10px;overflow:hidden;-webkit-user-select:none;user-select:none}.reader-stage>img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;will-change:transform}.reader-stage>img.failed{visibility:hidden}.image-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;color:#536579;z-index:2;background:#edf0f3}.reader-tools{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px 0 10px}.reader-tools>span{min-width:60px;text-align:center;font-size:16px}.reader-tools button{min-height:46px}.gesture-hint{text-align:center;font-size:14px;margin:0 0 16px}.page-controls{display:flex;justify-content:space-between;align-items:center;gap:15px}.page-controls form{display:flex;align-items:center;gap:8px}.page-controls label{font-size:16px}.page-controls input{width:76px;min-height:50px;text-align:center;padding:8px;border:1px solid #b4bfcc;border-radius:8px;color:#17202b}.page-controls input::-webkit-inner-spin-button{display:none}.page-controls form>button{font-size:16px;padding:8px 12px;color:var(--blue)}.centered{text-align:center;margin-top:15px}@media(min-width:1000px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-heading h1 br{display:none}}@media(max-width:700px){:root{font-size:17px}.app{padding:0 20px 118px}.masthead{height:76px;margin-bottom:20px}.identity{gap:10px;font-size:14px}.lts{font-size:27px}.header-note{display:none}.search-area{margin-bottom:26px}.search-box{min-height:62px;padding:5px 13px;gap:10px}.search-box input{font-size:18px}.page-heading{margin-bottom:26px}.page-heading p{font-size:17px}.eyebrow{font-size:14px}h1{font-size:32px}h2{font-size:22px}h3{font-size:20px}.all-items{min-height:85px;padding:15px;margin-bottom:31px;font-size:21px;gap:12px}.all-items small{font-size:14px}.section-heading{margin:24px 0 18px}.brand-grid{gap:22px 10px}.brand-card{padding-bottom:6px}.brand-visual{height:110px;border-radius:9px;padding:9px;margin-bottom:6px}.brand-card strong{font-size:19px}.brand-card>span{font-size:12px}.catalog-grid,.search-results{grid-template-columns:1fr;gap:16px}.catalog-card{padding:17px;gap:20px}.catalog-card>img{width:95px}.catalog-card p{font-size:15px}.catalog-intro{gap:20px;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap}.catalog-intro>img{width:100px}.catalog-intro>div{flex:1;min-width:180px}.catalog-intro h1{font-size:28px}.catalog-intro p{font-size:16px}.catalog-intro .actions{margin-left:-120px;margin-top:24px}.actions button{font-size:16px;gap:8px}.actions .primary{font-size:16px}.item-row{gap:15px;padding:18px 0}.item-row>img{width:55px;height:76px}.item-row h3{font-size:20px}.page-links button{font-size:15px}.result-card{gap:16px;padding:16px}.result-card>img{width:76px}.bottom-nav{padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:5px}.bottom-nav button{flex:1;min-width:0;padding:8px 6px;gap:7px;font-size:16px}.bottom-nav button>svg{width:23px}.download-panel,.notice{bottom:88px}.saved-card{padding:18px;gap:18px;align-items:flex-start}.saved-card>img{width:72px}.saved-card h2{font-size:22px}.saved-card .actions{gap:8px}.saved-card p{font-size:15px}.reader-app{padding:0 12px 108px}.reader-app .masthead{margin-left:8px;margin-right:8px;margin-bottom:18px}.reader-title{gap:10px;margin:0 5px 14px}.reader-title h1{font-size:21px}.reader-counter{font-size:15px;padding:7px 10px}.reader-title .eyebrow{font-size:13px}.reader-stage{height:calc(100dvh - 420px);min-height:260px;border-radius:6px}.reader-tools{gap:8px;margin-top:15px}.reader-tools button{padding:8px 12px;font-size:15px}.reader-tools>span{min-width:48px;font-size:14px}.gesture-hint{font-size:12px;margin-bottom:15px}.page-controls{gap:8px}.page-controls>button{font-size:14px;padding:8px 10px;gap:5px;min-height:48px}.page-controls>button>svg{width:19px}.page-controls form{gap:5px}.page-controls label{font-size:13px}.page-controls input{width:53px;min-height:48px;font-size:16px;padding:5px}.page-controls form>button{font-size:14px;padding:8px;min-height:48px}.reader .help-text{font-size:12px}.empty-state{padding:36px 15px}.filter-row{gap:10px}.filter-row>span{font-size:14px}.filter-row select{font-size:16px;max-width:200px}}@media(max-width:360px){.app{padding-left:14px;padding-right:14px}.brand-card strong{font-size:17px}.brand-visual{height:95px}.bottom-nav button{font-size:14px}.reader-app{padding-left:8px;padding-right:8px}.page-controls label{display:none}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.reader-stage>img{transition:transform .08s}}body[data-preview=phone] .app{padding:0 20px 118px}body[data-preview=phone] .masthead{height:76px;margin-bottom:20px}body[data-preview=phone] .identity{gap:10px;font-size:14px}body[data-preview=phone] .lts{font-size:27px}body[data-preview=phone] .header-note{display:none}body[data-preview=phone] .search-area{margin-bottom:26px}body[data-preview=phone] .search-box{min-height:62px;padding:5px 13px;gap:10px}body[data-preview=phone] .search-box input{font-size:18px}body[data-preview=phone] .page-heading{margin-bottom:26px}body[data-preview=phone] .page-heading p{font-size:17px}body[data-preview=phone] .eyebrow{font-size:14px}body[data-preview=phone] h1{font-size:32px}body[data-preview=phone] h2{font-size:22px}body[data-preview=phone] h3{font-size:20px}body[data-preview=phone] .all-items{min-height:85px;padding:15px;margin-bottom:31px;font-size:21px;gap:12px}body[data-preview=phone] .all-items small{font-size:14px}body[data-preview=phone] .section-heading{margin:24px 0 18px}body[data-preview=phone] .brand-grid{gap:22px 10px}body[data-preview=phone] .brand-card{padding-bottom:6px}body[data-preview=phone] .brand-visual{height:110px;border-radius:9px;padding:9px;margin-bottom:6px}body[data-preview=phone] .brand-card strong{font-size:19px}body[data-preview=phone] .brand-card>span{font-size:12px}body[data-preview=phone] .catalog-grid,body[data-preview=phone] .search-results{grid-template-columns:1fr;gap:16px}body[data-preview=phone] .catalog-card{padding:17px;gap:20px}body[data-preview=phone] .catalog-card>img{width:95px}body[data-preview=phone] .catalog-card p{font-size:15px}body[data-preview=phone] .catalog-intro{gap:20px;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap}body[data-preview=phone] .catalog-intro>img{width:100px}body[data-preview=phone] .catalog-intro>div{flex:1;min-width:180px}body[data-preview=phone] .catalog-intro h1{font-size:28px}body[data-preview=phone] .catalog-intro p{font-size:16px}body[data-preview=phone] .catalog-intro .actions{margin-left:-120px;margin-top:24px}body[data-preview=phone] .actions button{font-size:16px;gap:8px}body[data-preview=phone] .actions .primary{font-size:16px}body[data-preview=phone] .item-row{gap:15px;padding:18px 0}body[data-preview=phone] .item-row>img{width:55px;height:76px}body[data-preview=phone] .item-row h3{font-size:20px}body[data-preview=phone] .page-links button{font-size:15px}body[data-preview=phone] .result-card{gap:16px;padding:16px}body[data-preview=phone] .result-card>img{width:76px}body[data-preview=phone] .bottom-nav{padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:5px}body[data-preview=phone] .bottom-nav button{flex:1;min-width:0;padding:8px 6px;gap:7px;font-size:16px}body[data-preview=phone] .bottom-nav button>svg{width:23px}body[data-preview=phone] .download-panel,body[data-preview=phone] .notice{bottom:88px}body[data-preview=phone] .saved-card{padding:18px;gap:18px;align-items:flex-start}body[data-preview=phone] .saved-card>img{width:72px}body[data-preview=phone] .saved-card h2{font-size:22px}body[data-preview=phone] .saved-card .actions{gap:8px}body[data-preview=phone] .saved-card p{font-size:15px}body[data-preview=phone] .reader-app{padding:0 12px 108px}body[data-preview=phone] .reader-app .masthead{margin-left:8px;margin-right:8px;margin-bottom:18px}body[data-preview=phone] .reader-title{gap:10px;margin:0 5px 14px}body[data-preview=phone] .reader-title h1{font-size:21px}body[data-preview=phone] .reader-counter{font-size:15px;padding:7px 10px}body[data-preview=phone] .reader-title .eyebrow{font-size:13px}body[data-preview=phone] .reader-stage{height:calc(100dvh - 420px);min-height:260px;border-radius:6px}body[data-preview=phone] .reader-tools{gap:8px;margin-top:15px}body[data-preview=phone] .reader-tools button{padding:8px 12px;font-size:15px}body[data-preview=phone] .reader-tools>span{min-width:48px;font-size:14px}body[data-preview=phone] .gesture-hint{font-size:12px;margin-bottom:15px}body[data-preview=phone] .page-controls{gap:8px}body[data-preview=phone] .page-controls>button{font-size:14px;padding:8px 10px;gap:5px;min-height:48px}body[data-preview=phone] .page-controls>button>svg{width:19px}body[data-preview=phone] .page-controls form{gap:5px}body[data-preview=phone] .page-controls label{font-size:13px}body[data-preview=phone] .page-controls input{width:53px;min-height:48px;font-size:16px;padding:5px}body[data-preview=phone] .page-controls form>button{font-size:14px;padding:8px;min-height:48px}body[data-preview=phone] .reader .help-text{font-size:12px}body[data-preview=phone] .empty-state{padding:36px 15px}body[data-preview=phone] .filter-row{gap:10px}body[data-preview=phone] .filter-row>span{font-size:14px}body[data-preview=phone] .filter-row select{font-size:16px;max-width:200px}body[data-preview=phone] .bottom-nav{max-width:390px;margin:auto}body[data-preview=tablet] .bottom-nav{max-width:768px;margin:auto}body[data-preview=phone] .brand-grid,body[data-preview=tablet] .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-intro{margin-bottom:20px}.home-intro h1{font-size:30px}.home-intro p{margin-top:8px}.item-title-link{font:inherit;font-weight:inherit;color:var(--blue);border:0;background:transparent;border-radius:0;padding:4px 0;min-height:44px;display:flex;align-items:center;gap:9px;text-align:left}.item-title-link svg{flex-shrink:0}:root .source-reference{text-align:center;margin:16px auto 22px;max-width:900px;padding:0 16px}.source-reference a,.source-notes a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;border-radius:12px;color:#fff;background:var(--blue);font-weight:700;text-decoration:none}.source-reference p{font-size:14px;overflow-wrap:anywhere;color:#59635e;margin:10px 0}.source-notes{margin:24px 0;padding:22px;background:#f4f6f2;border-radius:18px}.source-notes article{padding:14px 0;border-bottom:1px solid #d9dfda}.source-notes pre{font:inherit;white-space:pre-wrap;margin:10px 0;overflow-wrap:anywhere}.more-results{display:block;margin:24px auto;min-height:54px;padding:12px 24px}.search-results .result-card,.item-row{content-visibility:auto;contain-intrinsic-size:auto 200px}textarea{font:inherit;width:100%;border:1px solid #b8c2cf;border-radius:8px;padding:12px;color:#17202b;background:#fff;line-height:1.7;resize:vertical}textarea:focus-visible{outline:3px solid #74a4ec;outline-offset:3px}input:not([type=search]):not([type=file]){border:1px solid #b8c2cf;border-radius:8px;min-height:50px;padding:10px 12px;color:#17202b;max-width:100%}.settings-button{font-size:16px;padding:9px 12px;min-height:48px;color:var(--blue)}.offline-banner{border:1px solid #ded2ad;background:#fffbec;color:#695b2f;padding:12px 16px;border-radius:10px;font-size:15px;line-height:1.7;margin-bottom:22px}.error{color:#9b2424;overflow-wrap:anywhere}.filter-row input{width:180px;min-width:100px}.page-name-row{width:100%;border-left:0;border-right:0;border-top:0;border-radius:0;justify-content:flex-start;text-align:left;background:transparent}.page-name-row .product-names h3,.result-card .product-names h3{display:block;overflow:visible;white-space:normal;line-height:1.7;overflow-wrap:anywhere;margin:0 0 5px;font-size:21px}.page-name-row .card-link,.result-card .card-link{margin-top:12px}.product-names{display:grid;gap:3px}.page-name-row{min-height:142px}.page-name-row>img{width:80px;height:auto;aspect-ratio:.707}.reader-app,.reader-app.app{max-width:1040px;padding:0 20px 16px}.continuous-reader{width:100%;margin:0}.reader-toolbar{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fffffffa;border-bottom:1px solid var(--line);padding:8px 0 max(8px,env(safe-area-inset-top));min-height:66px}.reader-toolbar>button{min-height:50px;padding:8px 12px;border:0;color:var(--blue);background:transparent}.reader-toolbar .reader-page-count{font-size:19px;color:#17202b;background:#f0f4fa;flex:1;max-width:270px}.reader-scroll{overflow-x:auto;overflow-y:clip;overscroll-behavior-x:contain;touch-action:auto}.reader-pages{min-width:100%;margin:0 auto;display:grid;gap:10px;padding:8px 0 20px}.reader-page{position:relative;background:#eef1f4;min-width:0;width:100%;margin:0;overflow:hidden;border:1px solid #d4dce4;scroll-margin-top:70px}.reader-page>img{display:block;width:100%;height:100%;object-fit:contain}.reader-image-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;gap:16px;flex-direction:column;color:#5d6c7f;background:#eef1f4;font-size:17px}.reader-popover{position:absolute;top:100%;right:0;z-index:27;background:#fff;box-shadow:0 8px 28px #17345228;border:1px solid var(--line);border-radius:12px;padding:18px;width:min(380px,calc(100vw - 24px))}.reader-popover>label{display:block;font-weight:600;margin-bottom:10px}.page-jump>div{display:flex;gap:10px;align-items:center}.page-jump input{flex:1;width:100px;min-width:0}.reader-popover p{font-size:14px;margin-top:12px}.reader-overflow{display:grid;gap:12px}.reader-overflow>button,.reader-overflow>a{justify-content:flex-start;min-height:50px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f5f8fc;border-radius:10px;color:var(--blue)}.zoom-controls{display:flex;align-items:center;justify-content:center;gap:16px}.zoom-controls>span{min-width:65px;text-align:center}.reader-app .notice,.reader-app .download-panel{bottom:20px}.settings{max-width:900px;margin:auto}.settings-panel{padding:24px;border:1px solid var(--line);border-radius:14px;margin:0 0 24px;background:#fff}.settings-panel h2{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.settings-panel h3{margin-bottom:16px}.settings-panel label{display:block;font-weight:500;margin-bottom:8px}.settings-panel select{width:100%;max-width:100%;margin-bottom:20px}.settings-form{display:grid;gap:18px;margin:18px 0}.settings-form label{display:grid;gap:7px;margin-bottom:0}.settings-form input,.settings-form select{width:100%;margin-bottom:0;min-width:0}.settings-form input[type=file]{display:block;white-space:normal;overflow-wrap:anywhere;max-width:100%;font-size:16px}.settings-form input[type=file]::file-selector-button{min-height:48px;font:inherit;padding:8px 14px;border:1px solid var(--line);border-radius:8px;color:var(--blue);background:#f3f7fd;margin-right:12px;cursor:pointer}.settings-form>button{justify-self:start;min-height:52px}.settings-form progress,.import-list progress{width:100%;height:16px;accent-color:var(--blue)}.settings-form p{font-size:15px}.pin-row{display:flex;gap:12px;align-items:center}.pin-row input{flex:1;width:0;max-width:280px!important}.unlock-panel p{font-size:15px;margin-top:12px}.settings-message{padding:16px 20px;margin:0 0 22px;border:1px solid #b5cbea;background:#f3f7fd;border-radius:10px;line-height:1.8}.settings-message.error{border-color:#e4bfbf;background:#fff4f4}.import-list{display:grid;gap:16px}.import-list article{border-top:1px solid var(--line);padding:16px 0 4px}.import-list p{font-size:16px;margin:6px 0}.import-list .import-filename{font-size:14px;overflow-wrap:anywhere}.import-list button{margin:8px 0}.trash-list article,.cache-list article{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:18px 0;flex-wrap:wrap}.trash-list strong,.cache-list strong{overflow-wrap:anywhere}.settings-panel>.help-text{margin-top:16px}.settings-panel>p{margin-bottom:14px}.page-editor>img{width:120px;border:1px solid var(--line);height:auto;max-height:180px;object-fit:contain}.catalog-editor hr{margin:30px 0;border:0;border-top:1px solid var(--line)}.danger{color:#9b2424;border-color:#e1baba}.name-review{border:1px solid #ded2ad;background:#fffbec;border-radius:8px;padding:12px;margin:12px 0}.catalog-editor .review-filter{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:400}.review-filter input{min-height:24px!important;width:24px;height:24px}.settings-panel form input:disabled,.settings-panel form select:disabled{background:#f1f3f6}@media(max-width:700px){.settings-button{padding:8px 10px;font-size:14px;gap:5px}.settings-button>svg{width:23px}.reader-app,.reader-app.app,body[data-preview=phone] .reader-app{padding:0 6px 12px}.reader-toolbar{gap:4px;padding:6px 0;min-height:62px}.reader-toolbar>button{padding:8px 10px}.reader-toolbar .reader-page-count{font-size:17px}.reader-pages{gap:8px;padding-top:6px}.settings-panel{padding:18px 16px;margin-bottom:20px}.settings-panel h2{font-size:22px}.pin-row{gap:8px}.pin-row button{padding:10px 12px;font-size:16px}.settings-form{gap:16px}.page-name-row>img{width:68px}.page-name-row .product-names h3,.result-card .product-names h3{font-size:19px}.filter-row{gap:8px}.filter-row input{width:140px}.filter-row>span{flex-basis:100%;margin-left:0}.reader-page-count{white-space:nowrap}.reader-app .notice,.reader-app .download-panel{bottom:12px}}body[data-preview=phone] .reader-toolbar .reader-page-count{font-size:17px}body[data-preview=phone] .settings-panel{padding:18px 16px}.reader-offline-label{display:block;font-size:12px;color:#786129;font-weight:400;line-height:1.4}.reader-toolbar .reader-page-count{display:block}.bottom-nav button{position:relative;white-space:nowrap}.bottom-nav button>svg{flex-shrink:0}.bottom-nav .count{position:absolute;top:0;right:2px;min-width:20px;padding:1px 5px}.brand-select-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.brand-select-field{flex:1;min-width:160px}.brand-select-row>button{min-height:52px}.brand-create{display:grid;gap:16px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc}.brand-create h3{margin-bottom:0}.brand-create .actions{flex-wrap:wrap}.brand-create button{min-height:52px}