:root{--ink: #000000;--canvas: #ffffff;--inverse-canvas: #000000;--inverse-ink: #ffffff;--hairline: #cfcfcf;--hairline-soft: #e6e6e6;--surface-soft: #f5f5f3;--block-lime: #dceeb1;--block-lilac: #c5b0f4;--block-cream: #f4ecd6;--block-pink: #efd4d4;--block-mint: #c8e6cd;--block-coral: #f3c9b6;--block-navy: #1f1d3d;--accent-magenta: #ff3d8b;--semantic-success: #1ea64a;--on-inverse-soft: rgba(255, 255, 255, .18);--r-xs: 2px;--r-sm: 6px;--r-md: 8px;--r-lg: 24px;--r-xl: 32px;--r-pill: 50px;--r-full: 9999px;--s-hair: 1px;--s-xxs: 4px;--s-xs: 8px;--s-sm: 12px;--s-md: 16px;--s-lg: 24px;--s-xl: 32px;--s-xxl: 48px;--s-section: 96px;--action-bar-h: 72px;--multi-bar-h: 56px;--shadow-elevation: 0 4px 16px rgba(0, 0, 0, .08);--shadow-modal: 0 12px 40px rgba(0, 0, 0, .22);color-scheme:light;font-family:Inter,Inter Fallback,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"kern"}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;font-weight:400;line-height:1.5;letter-spacing:-.1px}.app-shell{min-height:100%;padding-bottom:calc(var(--action-bar-h) + env(safe-area-inset-bottom,0px))}.container{max-width:1280px;margin:0 auto;padding:var(--s-xl) var(--s-lg)}h1{margin:0;font-size:44px;font-weight:380;line-height:1.1;letter-spacing:-.66px}h2{margin:0;font-size:22px;font-weight:540;line-height:1.3;letter-spacing:-.2px}h2 .muted{font-weight:400;color:var(--ink)}.tagline{margin:var(--s-sm) 0 0;font-size:18px;font-weight:400;line-height:1.45;letter-spacing:-.1px;color:var(--ink);opacity:.82}.eyebrow{display:inline-block;font-family:inherit;font-size:15px;font-weight:500;line-height:1.2;letter-spacing:-.05px;text-transform:none;color:var(--ink);margin-bottom:var(--s-sm);opacity:.78}.caption,.ver{font-family:JetBrains Mono,JetBrains Mono Fallback,SF Mono,Menlo,monospace;font-size:12px;font-weight:400;letter-spacing:.6px;text-transform:uppercase;color:var(--ink);opacity:.78}.muted{color:var(--ink);opacity:.78}.small{font-size:15px;font-weight:400;letter-spacing:-.05px}.kbd{font-family:JetBrains Mono,JetBrains Mono Fallback,SF Mono,Menlo,monospace;font-size:.9em;font-weight:500;letter-spacing:.3px;padding:1px 6px;border-radius:var(--r-xs);background:var(--surface-soft);border:1px solid var(--hairline);color:var(--ink)}a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}em{font-style:normal;opacity:.78}button{font:inherit;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-.05px;padding:10px 20px;min-height:40px;border-radius:var(--r-pill);border:1.5px solid var(--ink);background:var(--canvas);color:var(--ink);cursor:pointer;transition:background .12s,color .12s,border-color .12s,transform .06s}button:hover:not(:disabled){background:var(--surface-soft)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--ink);color:var(--canvas);border-color:var(--ink);padding:11px 22px}button.primary:hover:not(:disabled){background:#222;border-color:#222}button.primary.big{padding:13px 26px;font-size:18px;min-height:48px}button.ghost{background:transparent;border-color:transparent;padding:8px 14px;border-radius:var(--r-full)}button.ghost:hover:not(:disabled){background:var(--surface-soft)}button.danger{color:var(--ink)}button.ghost.danger:hover:not(:disabled){background:var(--block-coral);color:var(--ink)}button.primary.danger{background:var(--ink);color:var(--canvas);border-color:var(--ink)}@media (pointer: coarse){button{min-height:44px;padding:11px 22px}button.primary.big{min-height:52px}button.ghost{min-height:44px}}input[type=text]{font:inherit;font-size:16px;font-weight:400;letter-spacing:-.1px;padding:11px 14px;min-height:44px;border-radius:var(--r-md);border:1.5px solid var(--hairline);background:var(--canvas);color:var(--ink);transition:border-color .12s}input[type=text]:focus{outline:none;border-color:var(--ink)}input[type=text]:focus-visible{box-shadow:0 0 0 3px #0000001f}.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-md)}.header-nav{display:inline-flex;align-items:center;gap:var(--s-md);flex-shrink:0}.header-nav .nav-link{font-family:inherit;font-size:15px;font-weight:500;letter-spacing:-.05px;text-decoration:none;color:var(--ink);padding:8px 14px;min-height:36px;border-radius:var(--r-pill);border:1.5px solid transparent;transition:border-color .12s,background .12s;display:inline-flex;align-items:center}.header-nav .nav-link:hover{border-color:var(--ink)}.header-nav .lang-switch{font-family:JetBrains Mono,JetBrains Mono Fallback,SF Mono,Menlo,monospace;font-size:12px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;border-color:var(--hairline);padding:6px 10px;min-height:32px}.header-nav .lang-switch:hover{border-color:var(--ink);background:var(--surface-soft)}@media (pointer: coarse){.header-nav .nav-link{min-height:44px}.header-nav .lang-switch{min-height:36px;padding:8px 12px}}.about-shell .container{padding-bottom:var(--s-xxl)}.about-block{margin:var(--s-lg) 0}.about-block .eyebrow{margin-bottom:var(--s-sm)}.about-lead{margin:0;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:-.1px;max-width:56ch}.about-section{margin:var(--s-lg) 0;max-width:60ch}.about-section p{margin:0;font-size:17px;line-height:1.55}.about-list{margin:0;padding:0;list-style:none}.about-list li{position:relative;padding:var(--s-sm) 0 var(--s-sm) var(--s-lg);border-bottom:1px solid var(--hairline-soft);font-size:17px;line-height:1.55}.about-list li:last-child{border-bottom:none}.about-list li:before{content:"—";position:absolute;left:0;opacity:.6}.about-foot{margin:var(--s-xl) 0 var(--s-lg)}.about-back{display:inline-block;padding:13px 26px;min-height:48px;border-radius:var(--r-pill);border:1.5px solid var(--ink);background:var(--ink);color:var(--canvas);text-decoration:none;font-size:17px;font-weight:500;letter-spacing:-.05px}.about-back:hover{background:#222}header.app-header{display:block;margin-bottom:var(--s-xl)}header.app-header .tagline{max-width:60ch}.pdf-jump{display:none;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.05px;text-decoration:none;color:var(--ink);padding:8px 14px;min-height:40px;border-radius:var(--r-pill);border:1.5px solid var(--ink);background:var(--canvas);align-items:center}.pdf-jump:hover{background:var(--ink);color:var(--canvas)}@media (pointer: coarse){.pdf-jump{min-height:44px}}.color-block{border-radius:var(--r-lg);padding:var(--s-xxl);margin:var(--s-lg) 0}.color-block-lime{background:var(--block-lime);color:var(--ink)}.color-block-lilac{background:var(--block-lilac);color:var(--ink)}.color-block-cream{background:var(--block-cream);color:var(--ink)}.color-block-mint{background:var(--block-mint);color:var(--ink)}.color-block-pink{background:var(--block-pink);color:var(--ink)}.color-block-coral{background:var(--block-coral);color:var(--ink)}.color-block-navy{background:var(--block-navy);color:var(--inverse-ink)}.color-block-navy .eyebrow,.color-block-navy .caption,.color-block-navy .muted{color:var(--inverse-ink);opacity:.88}.dropzone{border:2px dashed var(--ink);border-radius:var(--r-md);padding:var(--s-lg) var(--s-md);text-align:center;color:var(--ink);cursor:pointer;background:var(--surface-soft);transition:background .15s,border-color .15s}.dropzone:hover{background:var(--canvas)}.dropzone.over{background:var(--canvas);border-color:var(--ink)}.dropzone strong{display:block;font-size:22px;font-weight:540;line-height:1.3;letter-spacing:-.2px;margin-bottom:var(--s-xxs)}.dropzone .dz-icon{font-size:28px;opacity:.78;margin-bottom:var(--s-xs)}.dropzone .dz-hint{margin-top:var(--s-xs);font-size:16px;opacity:.78}.dropzone-hero{background:var(--block-lime);border:none;border-radius:var(--r-lg);padding:var(--s-xxl) var(--s-xl);margin-top:var(--s-md)}.dropzone-hero:hover,.dropzone-hero.over{background:var(--block-lime)}.dropzone-hero .eyebrow{margin-bottom:var(--s-md);opacity:.88}.dropzone-hero strong{font-size:36px;font-weight:480;line-height:1.1;letter-spacing:-.54px;margin-bottom:var(--s-sm)}.dropzone-hero .dz-icon{font-size:32px;opacity:.88;margin-bottom:var(--s-md)}.dropzone-hero .dz-hint{font-size:16px;font-weight:400;opacity:.82}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeIn .12s ease-out}.drop-overlay-card{padding:var(--s-md) var(--s-lg);border:2px dashed var(--ink);border-radius:var(--r-lg);background:var(--block-lime);color:var(--ink);font-size:22px;font-weight:540;letter-spacing:-.2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.layout{display:grid;grid-template-columns:1fr;gap:var(--s-lg);margin-top:var(--s-lg)}@media (min-width: 900px){.layout{grid-template-columns:minmax(0,1fr) 420px;align-items:start}.col-pdfs{position:sticky;top:var(--s-sm);max-height:calc(100vh - var(--action-bar-h) - var(--s-lg));overflow-y:auto;padding-right:4px}}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-sm);row-gap:var(--s-xs);margin-bottom:var(--s-md);flex-wrap:wrap}.section-head .small{margin:var(--s-xxs) 0 0;opacity:.78}.section{margin-top:var(--s-xl)}.hint{margin:var(--s-xs) 0 var(--s-md);padding:var(--s-md) var(--s-lg);background:var(--block-cream);border-radius:var(--r-md);color:var(--ink);font-size:16px;font-weight:400;letter-spacing:-.05px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s-sm)}.tile{position:relative;border:1.5px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;background:var(--surface-soft);aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s,transform .12s,box-shadow .12s}.tile:hover{border-color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow-elevation)}.tile.multi-selected{border:3px solid var(--ink)}.tile.pressing{transform:scale(.97)}.tile img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tile .name{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000000d1);color:var(--inverse-ink);font-size:12px;font-weight:500;letter-spacing:0;padding:18px 8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.tile-add{position:absolute;top:8px;right:8px;background:var(--canvas);color:var(--ink);border:1.5px solid var(--ink);padding:6px 12px;min-height:32px;border-radius:var(--r-pill);font-size:13px;font-weight:600;letter-spacing:-.05px;cursor:pointer;line-height:1.2;transition:background .12s,color .12s}.tile-add:hover{background:var(--ink);color:var(--canvas)}.tile-add:active{transform:scale(.97)}.tile-add.in-some{background:var(--ink);color:var(--canvas)}@media (pointer: coarse){.tile-add{min-height:36px;padding:7px 14px;font-size:14px}}.tile .remove{position:absolute;top:8px;left:8px;background:var(--canvas);color:var(--ink);border:1.5px solid var(--ink);width:32px;height:32px;border-radius:var(--r-full);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;min-height:0;transition:background .12s,color .12s}.tile .remove:hover{background:var(--block-coral)}.tile .multi-check{position:absolute;bottom:36px;left:8px;width:26px;height:26px;border-radius:var(--r-full);background:var(--ink);color:var(--canvas);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.pdfs{display:flex;flex-direction:column;gap:var(--s-sm)}.pdf-card{background:var(--canvas);border:1.5px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-lg);transition:border-color .12s,background .12s;position:relative;overflow:hidden}.pdf-card:hover{border-color:var(--ink)}.pdf-card.drag-over{border:3px solid var(--ink);background:var(--block-lime)}.pdf-card.built{cursor:default}.pdf-card .head{display:flex;align-items:center;gap:var(--s-xs);margin-bottom:var(--s-sm)}.pdf-card .head input{flex:1;min-width:0;font-size:20px;font-weight:600;letter-spacing:-.2px;padding:8px 12px;min-height:44px;border:1.5px solid transparent;background:transparent;border-radius:var(--r-sm)}.pdf-card .head input:hover{border-color:var(--hairline)}.pdf-card .head input:focus{border-color:var(--ink);background:var(--canvas)}.pdf-card .meta{font-size:14px;font-weight:500;letter-spacing:-.05px;color:var(--ink);opacity:.78;margin-bottom:var(--s-sm)}.pdf-card .meta em{opacity:1;font-size:15px;font-weight:400}.pdf-card .empty-pdf{color:var(--ink);opacity:.62;font-style:normal}.page-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--s-xs);margin-top:var(--s-xs)}.page-tile{position:relative;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-soft);aspect-ratio:1;border:1.5px solid var(--hairline);cursor:pointer}.page-tile img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.page-tile .badge{position:absolute;top:6px;right:6px;background:var(--ink);color:var(--canvas);border-radius:var(--r-full);min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;padding:0 7px}.page-tile .name{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000000d1);color:var(--inverse-ink);font-size:11px;font-weight:500;padding:14px 6px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.page-tile .page-remove{position:absolute;top:6px;left:6px;background:var(--canvas);color:var(--ink);border:1.5px solid var(--ink);width:28px;height:28px;border-radius:var(--r-full);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;line-height:1;min-height:0}.page-tile .page-remove:hover{background:var(--block-coral)}.orientation{display:inline-flex;border-radius:var(--r-pill);background:var(--surface-soft);border:1.5px solid var(--hairline);overflow:hidden}.orientation button{background:transparent;border:none;color:var(--ink);height:32px;padding:0 12px;font-size:13px;font-weight:600;letter-spacing:0;line-height:1;border-radius:0;min-height:0;transition:background .1s,color .1s}.orientation button:hover:not(:disabled){background:var(--hairline-soft)}.orientation button.on{background:var(--ink);color:var(--canvas)}.orientation-md button{height:44px;padding:0 18px;font-size:16px;font-weight:600}.orientation-tag{position:absolute;bottom:6px;left:6px;background:var(--canvas);border:1.5px solid var(--ink);color:var(--ink);height:24px;padding:0 8px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.3px}.reorder{position:absolute;bottom:6px;right:6px;display:flex;gap:4px}.btn-icon{height:32px;padding:0 10px;min-height:0;display:inline-flex;align-items:center;justify-content:center;background:var(--canvas);border:1.5px solid var(--ink);color:var(--ink);border-radius:var(--r-pill);font-size:12px;font-weight:600;line-height:1}.btn-icon:hover:not(:disabled){background:var(--ink);color:var(--canvas)}@media (pointer: coarse){.btn-icon{height:44px;padding:0 14px;font-size:14px}}.btn-icon:disabled{opacity:.35}.popover{position:fixed;z-index:70;width:320px;max-height:400px;background:var(--canvas);border:1.5px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .1s ease-out}.popover-title{padding:var(--s-md) var(--s-md) var(--s-xs);font-size:15px;font-weight:600;letter-spacing:-.05px;color:var(--ink);opacity:.78;border-bottom:1px solid var(--hairline-soft)}.popover-list{overflow-y:auto;padding:var(--s-xs)}.popover-row{display:flex;align-items:center;gap:var(--s-sm);width:100%;padding:var(--s-sm) var(--s-md);background:transparent;border:none;border-radius:var(--r-md);text-align:left;color:var(--ink);cursor:pointer;font-size:16px;font-weight:500;letter-spacing:-.05px;min-height:44px}.popover-row:hover{background:var(--surface-soft)}.popover-row.on{background:var(--surface-soft);font-weight:600}.popover-row-create{font-weight:600}.popover-row .row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-row .row-meta{font-size:13px;opacity:.72;font-weight:500}.check{width:22px;height:22px;border-radius:var(--r-xs);border:2px solid var(--ink);background:var(--canvas);display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--canvas);flex-shrink:0}.check.on{background:var(--ink);border-color:var(--ink)}.check.create{border-style:dashed;color:var(--ink)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .15s ease-out}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--canvas);border-top:1.5px solid var(--hairline);border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:min(82vh,640px);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px);animation:slideUp .18s ease-out}.sheet-handle{width:44px;height:5px;background:var(--hairline);border-radius:3px;margin:10px auto 6px}.sheet-title{padding:var(--s-xs) var(--s-lg) var(--s-sm);font-size:16px;font-weight:600;letter-spacing:-.05px}.sheet-list{overflow-y:auto;padding:0 var(--s-xs);flex:1}.sheet-row{display:flex;align-items:center;gap:var(--s-sm);width:100%;padding:var(--s-md) var(--s-md);background:transparent;border:none;border-radius:var(--r-md);text-align:left;color:var(--ink);font-size:17px;font-weight:500;letter-spacing:-.05px;min-height:52px}.sheet-row:hover{background:var(--surface-soft)}.sheet-row.on{background:var(--surface-soft);font-weight:600}.sheet-row-create{font-weight:600}.sheet-row .row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-row .row-meta{font-size:13px;opacity:.72;font-weight:500}.sheet-foot{padding:var(--s-sm) var(--s-lg) var(--s-md);border-top:1px solid var(--hairline-soft);display:flex;justify-content:flex-end}.detail-sheet{position:fixed;z-index:70;left:0;right:0;bottom:0;background:var(--canvas);border-top:1.5px solid var(--hairline);border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:min(92vh,760px);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px);animation:slideUp .18s ease-out;overflow-y:auto}@media (min-width: 900px){.detail-sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:640px;max-width:calc(100vw - 2rem);border-radius:var(--r-lg);border:1.5px solid var(--hairline);box-shadow:var(--shadow-modal);animation:fadeIn .12s ease-out}.detail-sheet .sheet-handle{display:none}}.detail-head{display:flex;align-items:center;gap:var(--s-xs);padding:var(--s-md) var(--s-lg) var(--s-xs)}.detail-name{flex:1;font-size:18px;font-weight:600;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-preview{margin:var(--s-xs) var(--s-lg);background:var(--surface-soft);border-radius:var(--r-md);border:1.5px solid var(--hairline);display:flex;align-items:center;justify-content:center;max-height:36vh;overflow:hidden}.detail-preview img{max-width:100%;max-height:36vh;display:block}.detail-section{padding:var(--s-sm) var(--s-lg)}.detail-label{font-size:15px;font-weight:600;letter-spacing:-.05px;color:var(--ink);margin-bottom:var(--s-sm);opacity:.85}.detail-hint{margin-top:var(--s-xs);opacity:.78}.detail-foot{padding:var(--s-md) var(--s-lg) var(--s-md);border-top:1px solid var(--hairline-soft);display:flex;align-items:center;gap:var(--s-xs)}.status{margin-top:var(--s-sm);padding:var(--s-md) var(--s-md);border-radius:var(--r-md);background:var(--surface-soft);font-size:16px;font-weight:500;letter-spacing:-.05px;color:var(--ink);display:flex;align-items:center;gap:var(--s-sm)}.status:before{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--r-full);background:var(--ink);color:var(--canvas);font-size:15px;font-weight:600;font-family:JetBrains Mono,JetBrains Mono Fallback,SF Mono,Menlo,monospace}.status-info{background:var(--block-lilac)}.status-info:before{content:"i"}.status-ok{background:var(--block-mint)}.status-ok:before{content:"✓"}.status-err{background:var(--block-coral);font-weight:600}.status-err:before{content:"!"}.action-bar{position:sticky;bottom:0;left:0;right:0;background:var(--canvas);border-top:1.5px solid var(--hairline);padding:var(--s-sm) var(--s-md) calc(var(--s-sm) + env(safe-area-inset-bottom,0px));z-index:20}.action-bar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:var(--s-sm)}.multi-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--action-bar-h) + var(--s-md) + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:var(--s-xs);padding:var(--s-xs) var(--s-md);background:var(--canvas);border:1.5px solid var(--ink);border-radius:var(--r-pill);box-shadow:var(--shadow-modal);max-width:calc(100vw - 1rem);flex-wrap:wrap;justify-content:center}.row{display:flex;gap:var(--s-xs);flex-wrap:wrap;align-items:center}.spacer{flex:1}.crop-badge{position:absolute;top:8px;left:46px;background:var(--canvas);color:var(--ink);border:1.5px solid var(--ink);width:28px;height:28px;border-radius:var(--r-full);display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.page-tile .crop-badge{top:6px;left:38px;width:24px;height:24px;font-size:12px}.detail-crop{padding:var(--s-sm) var(--s-lg) var(--s-md)}.crop-editor{display:flex;flex-direction:column;gap:var(--s-sm)}.crop-aspects{display:flex;flex-wrap:wrap;gap:var(--s-xs)}.chip{font-size:14px;font-weight:600;letter-spacing:-.05px;padding:7px 14px;min-height:34px;border-radius:var(--r-pill);background:var(--canvas);border:1.5px solid var(--hairline);color:var(--ink);cursor:pointer;transition:background .1s,border-color .1s,color .1s}.chip:hover:not(:disabled){border-color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.chip-reset{margin-left:auto;opacity:.78;border-color:transparent}.chip-reset:hover:not(:disabled){opacity:1;border-color:var(--hairline)}@media (pointer: coarse){.chip{min-height:44px;padding:10px 18px}}.crop-stage{position:relative;width:100%;max-height:50vh;background:var(--surface-soft);border-radius:var(--r-md);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;margin:0 auto;border:1.5px solid var(--hairline)}@media (min-width: 900px){.crop-stage{max-height:46vh}}.crop-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.crop-shade{position:absolute;background:#ffffffb3;pointer-events:none}.crop-shade-top{left:0;right:0;top:0}.crop-shade-bottom{left:0;right:0;bottom:0}.crop-shade-left{left:0}.crop-shade-right{right:0}.crop-rect{position:absolute;border:3px solid var(--ink);cursor:move;touch-action:none}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent 33.33%,rgba(0,0,0,.22) 33.33%,rgba(0,0,0,.22) 33.66%,transparent 33.66%,transparent 66.33%,rgba(0,0,0,.22) 66.33%,rgba(0,0,0,.22) 66.66%,transparent 66.66%),linear-gradient(to bottom,transparent 33.33%,rgba(0,0,0,.22) 33.33%,rgba(0,0,0,.22) 33.66%,transparent 33.66%,transparent 66.33%,rgba(0,0,0,.22) 66.33%,rgba(0,0,0,.22) 66.66%,transparent 66.66%)}.crop-handle{position:absolute;width:28px;height:28px;padding:0;background:var(--canvas);border:3px solid var(--ink);border-radius:var(--r-full);cursor:nwse-resize;touch-action:none;min-height:0}.crop-handle.h-nw{top:-14px;left:-14px;cursor:nwse-resize}.crop-handle.h-ne{top:-14px;right:-14px;cursor:nesw-resize}.crop-handle.h-sw{bottom:-14px;left:-14px;cursor:nesw-resize}.crop-handle.h-se{bottom:-14px;right:-14px;cursor:nwse-resize}.crop-actions{display:flex;align-items:center;gap:var(--s-xs);padding-top:var(--s-xs);flex-wrap:wrap}.detail-row{display:flex;align-items:center;gap:var(--s-sm)}.detail-row .grow{flex:1;min-width:0}.compress-group{display:flex;align-items:center;gap:var(--s-xxs);flex-wrap:nowrap}.compress-group .chip{padding:6px 12px;font-size:13px;min-height:32px}@media (pointer: coarse){.compress-group .chip{min-height:44px;padding:10px 16px}}.color-block-navy .pdf-card{background:#ffffff1a;border-color:var(--on-inverse-soft);color:var(--inverse-ink)}.color-block-navy .pdf-card strong{color:var(--inverse-ink)}.color-block-navy .muted,.color-block-navy .small{color:var(--inverse-ink);opacity:.88}.color-block-navy button{background:var(--canvas);color:var(--ink);border-color:var(--canvas)}.color-block-navy button:hover:not(:disabled){background:var(--surface-soft)}.color-block-navy a{color:var(--inverse-ink)}.hide-mobile{display:inline}.show-mobile{display:none}body{overflow-x:hidden}@media (max-width: 899px){.container{padding:var(--s-lg) var(--s-md)}h1{font-size:36px;letter-spacing:-.54px}h2{font-size:20px}.tagline{font-size:16px}header.app-header{margin-bottom:var(--s-lg)}.color-block,.dropzone-hero{padding:var(--s-xl) var(--s-lg)}.dropzone-hero strong{font-size:30px;letter-spacing:-.45px}.action-bar{padding:var(--s-xs) var(--s-md) calc(var(--s-xs) + env(safe-area-inset-bottom,0px))}.action-bar-inner{flex-direction:column;align-items:stretch;gap:var(--s-xs)}.compress-group{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(var(--s-md) * -1);padding:0 var(--s-md)}.compress-group::-webkit-scrollbar{display:none}.compress-group .chip{flex-shrink:0}.action-bar .primary.big{width:100%}.action-bar .spacer{display:none}.action-bar .muted.small{text-align:center}.pdf-card.built .row{flex-wrap:wrap;row-gap:var(--s-sm)}.pdf-card.built .spacer{display:none}.pdf-card.built a{display:block;width:100%}.pdf-card.built .primary{width:100%}.pdf-card .head{flex-wrap:wrap;row-gap:var(--s-xs)}.pdf-card .head input{flex-basis:100%;min-width:0}.pdf-card .head button.ghost{padding:10px 16px}.section-head{row-gap:var(--s-sm);justify-content:flex-start}.section-head>div:first-child{flex:1 1 100%}.section-head .row{flex-wrap:wrap}}@media (max-width: 699px){:root{--action-bar-h: 116px}.container{padding:var(--s-md) var(--s-md)}h1{font-size:32px;letter-spacing:-.48px;line-height:1.1;font-weight:400}.tagline,.header-nav .ver{display:none}.header-nav{gap:var(--s-xs)}.dropzone-hero{padding:var(--s-xl) var(--s-md);border-radius:0;margin:var(--s-md) calc(var(--s-md) * -1) 0}.dropzone-hero strong{font-size:26px;letter-spacing:-.4px}.dropzone-hero .dz-icon{font-size:28px;margin-bottom:var(--s-sm)}.dropzone-hero .dz-hint{font-size:15px}.color-block{padding:var(--s-lg) var(--s-md);border-radius:0;margin-left:calc(var(--s-md) * -1);margin-right:calc(var(--s-md) * -1)}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s-xs)}.page-strip{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--s-xxs)}.pdf-jump{display:inline-flex}.hide-mobile{display:none}.show-mobile{display:inline}}@media (max-width: 360px){.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}h1{font-size:28px}.dropzone-hero strong{font-size:22px}}@media (prefers-contrast: more){:root{--hairline: #6f6f6f;--hairline-soft: #9e9e9e}.muted{opacity:.92}button,.chip,.tile-add,.pdf-jump,input[type=text]{border-width:2px}}