@font-face{font-family:DM Sans;src:url('/assets/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#1c1e20;--surface:#25282b;--border:#383d41;--text:#f3f4f3;--muted:#afb5ba;--accent:#f5a263;--good:#b9e686;--warning:#f5a263;--paper:#1c1e20;font-family:'DM Sans',Arial,sans-serif;font-synthesis:none;font-weight:400;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{color:inherit}a{color:inherit;text-underline-offset:4px}button,a,summary,input,select,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{border:0}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}button:disabled,a[aria-disabled=true]{opacity:.45}a[aria-disabled=true]{cursor:not-allowed}p,h1,h2,h3{margin:0}button,a,summary{touch-action:manipulation}.icon{display:inline-block;width:24px;height:24px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;vertical-align:middle}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--accent);color:var(--bg);padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tool-screen{height:100svh;min-height:700px;display:flex;flex-direction:column}.app-header{height:80px;flex-shrink:0;padding:0 34px;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-size:28px;font-weight:650;letter-spacing:-1.1px;white-space:nowrap}.brand>.icon{width:34px;height:34px}.privacy-note{margin-left:auto;color:var(--muted);font-size:13px}.save-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #747a80;border-radius:8px;min-height:46px;padding:0 23px;text-decoration:none;font-size:15px;font-weight:550;background:#ffffff03;white-space:nowrap;transition:background .15s}.save-button:hover{background:#ffffff0c}.save-button .icon{width:20px;height:20px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:transparent}.icon-button:hover{background:#ffffff0b}.app-menu{position:relative}.app-menu>summary{list-style:none}.app-menu>summary::-webkit-details-marker{display:none}.app-menu nav{position:absolute;right:0;top:49px;min-width:216px;z-index:10;background:#292d30;border:1px solid #4b5156;border-radius:9px;padding:6px;box-shadow:0 12px 40px #0007}.app-menu nav>*{display:block;padding:11px 13px;text-decoration:none;text-align:left;width:100%;background:transparent;font-size:14px;border-radius:5px}.app-menu nav>*:hover{background:#ffffff0a}.app-menu nav a:first-of-type{border-top:1px solid var(--border);border-radius:0;margin-top:5px;padding-top:14px}
.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:20px;flex:1;min-height:0;padding:0 34px 14px}.photo-column{min-width:0;min-height:0;display:flex;flex-direction:column;gap:20px}.drop-zone{height:88px;flex-shrink:0;border:1px dashed #666d73;border-radius:7px;display:flex;align-items:center;gap:24px;padding:16px 28px;transition:background .15s,border-color .15s}.drop-zone p{font-size:14px;line-height:1.55;color:var(--muted)}.drop-zone.drag-over{background:#f5a26317;border-color:var(--accent)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:10px 22px;border-radius:7px;background:var(--accent);color:#191b1d;font-weight:650;font-size:16px;border:1px solid #ffc08c;transition:background .15s}.primary-button:hover{background:#ffb77c}.add-button{white-space:nowrap;flex-shrink:0;font-size:19px;padding:10px 18px;min-width:190px}.add-button .icon{width:26px;height:26px}.photo-stage{position:relative;flex:1;min-height:0;background:#16181a;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-canvas{position:relative;overflow:hidden;max-width:100%;max-height:100%;flex-shrink:0}.photo-canvas>img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.crop-frame{position:absolute;left:8.333333%;top:0;width:83.333333%;height:100%;border:1px solid #ffffffce;box-shadow:0 0 0 9999px #10151d99;pointer-events:none}.crop-badge{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;background:#1b1e20ed;color:#f3f4f3;border:1px solid #ffffff20;box-shadow:0 2px 10px #0003;border-radius:30px;padding:11px 20px;font-size:14px;white-space:nowrap;max-width:calc(100% - 28px)}.crop-badge .icon{width:20px;height:20px}.stage-message{text-align:center;padding:24px;max-width:440px;line-height:1.55}.stage-message>.icon{width:42px;height:42px;color:var(--muted);margin-bottom:20px}.stage-message h2{font-size:22px;font-weight:550;margin-bottom:10px}.stage-message p{color:var(--muted);font-size:15px;margin-bottom:22px}.import-notice{padding:11px 14px;background:#352a24;border:1px solid #65503f;border-radius:5px;font-size:13px;line-height:1.6;color:#ffd4b0;max-height:100px;overflow:auto;white-space:pre-line}.import-notice:not([hidden]){margin-top:-10px;margin-bottom:-10px}
.inspector{min-width:0;border-left:1px solid var(--border);padding-left:24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4a5054 transparent}.photo-heading{padding:7px 0 22px;border-bottom:1px solid var(--border)}.photo-name-row{display:flex;align-items:center;gap:8px}.photo-name-row h2{font-size:20px;font-weight:620;line-height:1.4;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.remove-photo{width:40px;height:28px;margin-left:auto;margin-right:8px;color:#8c959c;flex:0 0 auto}.remove-photo .icon{width:17px;height:17px}.photo-heading p{font-size:16px;color:var(--muted);margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.photo-heading p span{margin:0 9px}.frame-heading{display:flex;gap:9px;align-items:center;margin:16px 0 9px}.frame-heading h2{font-size:16px;font-weight:600}.help-button{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);width:32px;height:30px;border-radius:4px}.help-button .icon{width:17px;height:17px}.help-button:hover{color:var(--text);background:#ffffff08}.frame-options{display:flex;gap:11px}.frame-options button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:86px;border:1px solid #4c5359;background:var(--surface);border-radius:8px}.frame-options button strong{font-size:17px;font-weight:560}.frame-options button span{font-size:14px;color:var(--muted)}.frame-options button:hover{border-color:#899097}.frame-options button[aria-pressed=true]{background:var(--accent);color:#17191b;border-color:#ffc494}.frame-options button[aria-pressed=true] span{color:#302319}.orientation-note{font-size:15px;line-height:1.6;margin-top:19px;letter-spacing:-.15px}.orientation-note .muted{font-size:14px}.muted{color:var(--muted)}.target-result{display:flex;align-items:flex-start;gap:18px;border:1px solid var(--border);border-radius:8px;padding:16px;background:#ffffff02;margin:24px 0 33px}.target-result>#target-icon>.icon{width:34px;height:34px;color:var(--good)}.target-result h2{font-size:18px;font-weight:600;color:var(--good);line-height:1.5}.target-result p{font-size:14px;color:var(--muted);line-height:1.5;margin-top:1px}.target-result.low h2,.target-result.low #target-icon>.icon{color:var(--warning)}.target-result.invalid h2,.target-result.invalid #target-icon>.icon{color:var(--muted)}.photo-stats{margin:0 0 33px;font-size:14px;line-height:1.55;display:grid;gap:8px}.photo-stats>div{display:grid;grid-template-columns:114px minmax(0,1fr);gap:14px}.photo-stats dt{color:var(--muted)}.photo-stats dd{margin:0;overflow-wrap:anywhere}.photo-stats small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.advanced{border:1px solid var(--border);border-radius:5px}.advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;list-style:none;font-size:14px}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary .icon{width:18px;height:18px;transition:transform .2s}.advanced[open]>summary .icon{transform:rotate(180deg)}.advanced-body{border-top:1px solid var(--border);padding:16px}.advanced label,.manual-dialog label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.ppi-control{display:flex;align-items:center;border:1px solid #596168;border-radius:5px;background:#151719}.ppi-control input{border:0;background:transparent;width:100%;min-width:0;padding:11px;font-size:16px}.ppi-control span{padding:0 12px;color:var(--muted);font-size:13px}.ppi-presets{display:flex;gap:8px;margin-top:9px}.ppi-presets button{border:1px solid var(--border);border-radius:4px;padding:7px 10px;background:transparent;font-size:12px}.ppi-presets button:hover{background:#ffffff08}.advanced select{width:100%;padding:12px;background:#16181a;color:var(--text);border:1px solid #596168;border-radius:5px;font-size:14px}.advanced .field-error{margin-top:8px}.field-error{font-size:13px;line-height:1.6;color:#ffb77c;white-space:pre-line}.field-error:empty{display:none}.advanced label[for=frame]{margin-top:20px}.uncropped-note{display:grid;gap:4px;margin:20px 0;color:var(--muted);font-size:12px}.uncropped-note strong{color:var(--text);font-size:15px;font-weight:500}.text-button{background:none;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:5px 0}.fine-print{font-size:12px;line-height:1.65;color:var(--muted);margin-top:12px}
.filmstrip{display:flex;gap:28px;align-items:flex-start;padding:14px 34px 25px;flex-shrink:0;min-height:214px;border-top:1px solid var(--border);min-width:0}.batch-heading{width:62px;flex:0 0 62px;padding-top:4px;font-size:13px;color:var(--muted);line-height:1.6}.batch-heading>p{white-space:nowrap}.sample-label{background:none;color:var(--muted);font-size:10px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;padding:9px 0;text-align:left}.batch-total{display:block;font-size:11px;margin-top:5px}.photo-list{display:flex;gap:34px;min-width:0;overflow-x:auto;padding:0 2px 8px;scrollbar-width:thin;scrollbar-color:#4a5054 transparent}.photo-item{display:block;background:transparent;text-align:left;padding:0;flex:0 0 207px;width:207px;border-radius:5px}.thumbnail{height:114px;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#272b2e;display:flex;align-items:center;justify-content:center}.thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.thumbnail>.icon{width:30px;height:30px;color:var(--muted)}.photo-item[aria-pressed=true] .thumbnail{border-color:var(--accent)}.photo-item:hover .thumbnail{box-shadow:0 0 0 1px #ffffff55}.photo-item-name{display:block;margin:7px 0 5px;font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-item-status{display:flex;align-items:center;gap:8px;color:var(--good);font-size:12px;line-height:1.5}.photo-item-status .icon{width:18px;height:18px}.photo-item-status.low{color:var(--warning)}.photo-item-status.invalid{color:var(--muted)}.batch-empty{padding:30px 0;color:var(--muted);font-size:14px}
.tool-description{max-width:1180px;margin:0 auto;padding:70px 34px;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--border)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.5px;color:var(--accent);margin-bottom:14px}.tool-description h2{font-size:28px;line-height:1.3;letter-spacing:-.7px;font-weight:500;margin-bottom:16px}.tool-description p{font-size:14px;line-height:1.8;color:var(--muted)}.tool-description .eyebrow{font-size:11px;color:var(--accent)}.description-details details{border-bottom:1px solid var(--border);padding:15px 0}.description-details details:first-child{padding-top:0}.description-details summary{font-size:14px;line-height:1.6}.description-details details p{padding-top:12px}.simple-footer,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 34px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.simple-footer nav,.site-footer nav{display:flex;gap:22px}.simple-footer a,.site-footer a{text-decoration:none}.simple-footer a:hover,.site-footer a:hover{color:var(--text);text-decoration:underline}
 dialog{border:1px solid #4b5156;border-radius:12px;background:#24272a;color:var(--text);padding:26px;max-width:520px;width:calc(100% - 32px);box-shadow:0 20px 80px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.dialog-heading h2{font-size:23px;line-height:1.4;font-weight:550;letter-spacing:-.5px}dialog p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:18px}dialog strong{color:var(--text);font-weight:550}dialog .primary-button{font-size:14px;min-height:42px}.manual-dialog{max-width:590px}.manual-dialog textarea{resize:vertical;width:100%;min-height:160px;max-height:40svh;padding:13px;border:1px solid #596168;border-radius:5px;background:#16181a;color:var(--text);font-size:14px;line-height:1.6}.manual-dialog .fine-print{font-size:12px}.manual-dialog label{font-size:14px}.manual-dialog .field-error{max-height:130px;overflow:auto}.noscript{padding:25px;text-align:center;background:#352a24}
.shell{max-width:1200px;margin:auto}.site-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:20px 34px;border-bottom:1px solid var(--border)}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{text-decoration:none}.site-header .brand-mark{width:30px;height:30px}.document{max-width:780px;margin:auto;padding:65px 34px 80px}.document h1{font-size:44px;font-weight:500;letter-spacing:-1.4px;line-height:1.12;margin-bottom:22px}.document .lede{font-size:20px;line-height:1.6;color:var(--muted);margin-bottom:42px}.document h2{font-size:22px;font-weight:550;margin:35px 0 14px;letter-spacing:-.5px}.document p,.document li{font-size:15px;line-height:1.8;color:#bfc4c8;margin:12px 0}.document strong{font-weight:600;color:var(--text)}.document a{color:#f5b98b}.document .formula{border-left:2px solid var(--accent);padding:12px 18px;background:#ffffff03;font-size:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{border-bottom:1px solid var(--border);padding:13px 12px;white-space:nowrap}th{font-weight:550;color:var(--text)}td{color:var(--muted)}.document .doc-date{font-size:12px;margin-top:30px}.back-link{display:inline-flex;margin-top:28px;font-size:14px}.footer-brand{display:grid;gap:6px}.footer-brand .brand{font-size:20px}.document .download{display:inline-flex;padding:12px 18px;background:var(--accent);color:var(--bg);border-radius:6px;text-decoration:none}
@media(min-width:1650px){.work-grid{grid-template-columns:minmax(0,1fr) 380px}.inspector{padding-left:28px}.photo-stats>div{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:1190px){.privacy-note{font-size:11px}.app-header{padding:0 24px;gap:17px}.work-grid{padding-left:24px;padding-right:24px;grid-template-columns:minmax(0,1fr) 318px;gap:18px}.inspector{padding-left:18px}.drop-zone{padding:14px 18px;gap:18px}.add-button{min-width:158px;font-size:17px}.photo-stats>div{grid-template-columns:93px minmax(0,1fr);gap:10px}.frame-options{gap:8px}.frame-options button{min-height:76px}.target-result{gap:12px;padding:14px}.target-result h2{font-size:16px}.target-result>#target-icon>.icon{width:29px;height:29px}.orientation-note{font-size:13px}.orientation-note .muted{font-size:12px}.photo-heading p{font-size:14px}.filmstrip{padding-left:24px;padding-right:24px;gap:20px}.photo-list{gap:24px}}
@media(max-width:960px){.privacy-note{max-width:205px;line-height:1.5;font-size:11px}.brand{font-size:25px}.save-button{padding:0 16px}.work-grid{grid-template-columns:minmax(0,1fr) 294px;gap:16px}.inspector{padding-left:16px}.drop-zone{padding:14px;gap:12px}.drop-zone p{font-size:12px}.add-button{font-size:15px;min-width:138px;padding:10px 12px;gap:9px}.add-button .icon{width:22px;height:22px}.photo-stats{font-size:12px}.photo-stats>div{grid-template-columns:83px minmax(0,1fr);gap:8px}.photo-stats small{font-size:12px}.target-result h2{font-size:15px}.target-result p{font-size:12px}.photo-name-row h2{font-size:18px}.filmstrip{min-height:197px}.photo-item{flex-basis:183px;width:183px}.thumbnail{height:102px}.photo-item-status{font-size:11px}.tool-description{gap:40px}}
@media(max-width:740px){.tool-screen{height:auto;min-height:100svh}.app-header{height:70px;padding:0 18px;gap:12px}.brand{font-size:24px;gap:8px;letter-spacing:-.9px}.brand>.icon{width:28px;height:28px}.privacy-note{display:none}.save-button{margin-left:auto;min-height:40px;font-size:13px;padding:0 12px;gap:8px}.save-button .icon{width:18px;height:18px}.app-menu>summary{width:30px}.app-menu nav{top:43px}.work-grid{display:flex;flex-direction:column;gap:20px;flex:none;padding:0 18px 24px}.photo-column{gap:14px;min-height:0}.drop-zone{height:76px;gap:15px;padding:12px 14px}.drop-zone p{font-size:12px}.add-button{min-width:140px;min-height:44px}.photo-stage{flex:auto;height:clamp(260px,66vw,450px);min-height:260px;border-radius:5px}.crop-badge{font-size:12px;padding:9px 14px;gap:8px;bottom:10px}.crop-badge .icon{width:17px;height:17px}.inspector{border-left:0;padding:0;overflow:visible;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.photo-heading{grid-column:1/-1;padding:0 0 14px;position:relative}.photo-name-row h2{font-size:20px}.photo-heading p{font-size:14px;margin-top:3px}.frame-heading{grid-column:1/-1;margin:12px 0 8px}.frame-options{grid-column:1/-1;gap:10px}.frame-options button{min-height:64px;flex-direction:row;gap:6px}.frame-options button strong{font-size:17px}.orientation-note{grid-column:1/-1;margin-top:11px;font-size:13px}.orientation-note .muted{font-size:12px}.target-result{grid-column:1/-1;margin:16px 0 20px;padding:13px 15px;align-items:center}.target-result h2{font-size:17px}.target-result p{font-size:13px}.photo-stats{grid-column:1/-1;font-size:13px;gap:7px;margin-bottom:18px}.photo-stats>div{grid-template-columns:105px minmax(0,1fr)}.advanced{grid-column:1/-1}.advanced>summary{padding:14px 15px}.advanced-body{padding:17px}.filmstrip{padding:17px 18px 19px;min-height:0;gap:14px}.batch-heading{width:49px;flex-basis:49px;font-size:12px}.photo-list{gap:18px;padding-bottom:7px}.photo-item{flex-basis:153px;width:153px}.thumbnail{height:94px}.photo-item-name{font-size:12px}.photo-item-status{font-size:10px;gap:5px}.photo-item-status .icon{width:15px;height:15px}.tool-description{grid-template-columns:1fr;padding:45px 22px;gap:26px}.tool-description h2{font-size:27px}.tool-description p{font-size:13px}.simple-footer{display:block;padding:23px 22px;font-size:11px}.simple-footer nav{margin-top:18px;gap:23px}.site-header{padding:18px 22px;min-height:74px}.site-header nav{font-size:12px;gap:18px}.site-header nav a:first-child{display:none}.document{padding:43px 22px 55px}.document h1{font-size:36px}.document .lede{font-size:18px;margin-bottom:30px}.document h2{font-size:21px}.site-footer{align-items:flex-start;flex-direction:column;padding:23px 22px}.site-footer nav{gap:19px}.stage-message h2{font-size:19px}}
@media(max-width:370px){.app-header{padding:0 12px;gap:7px}.brand{font-size:21px;gap:5px}.brand>.icon{width:25px;height:25px}.save-button{padding:0 9px;gap:6px;font-size:12px}.work-grid{padding-left:12px;padding-right:12px}.drop-zone{padding:11px 10px;gap:11px}.add-button{min-width:129px;font-size:14px;padding:9px}.drop-zone p{font-size:11px}.drop-zone p:first-child{max-width:124px}.filmstrip{padding-left:12px;padding-right:12px}.photo-heading p{font-size:13px}.simple-footer nav{gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}