*{box-sizing:border-box}html{background:#101112;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:#101112}.app-header,main,footer{max-width:760px;margin:auto;padding-left:18px;padding-right:18px}.app-header{padding-top:34px}.brand-title{font-size:22px;font-weight:900;letter-spacing:1px}.subtitle{color:#888;font-size:9px;letter-spacing:2px;margin-top:5px;margin-bottom:28px}section{margin:0 0 24px}h2{color:#e34b43;font-size:11px;font-weight:800;letter-spacing:2px;margin:22px 0 12px}.label{width:100%;aspect-ratio:296/128;background:#000;color:#fff;display:flex;position:relative;padding:1.5%;overflow:hidden}.left{flex:.48;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding-right:2%}.brandName{font-size:clamp(14px,4vw,30px);font-weight:900;white-space:nowrap;overflow:hidden}.rule{height:1.5px;background:#fff;flex-shrink:0}.filmType{font-size:clamp(13px,3.7vw,28px);font-weight:900;white-space:nowrap;overflow:hidden}.isoRow{display:flex;justify-content:space-between;align-items:center;font-size:clamp(18px,5.4vw,40px);font-weight:900;min-width:0}.isoRow span,.isoRow strong{white-space:nowrap;min-width:0}.exposure{font-size:clamp(14px,3.8vw,29px);font-weight:900;white-space:nowrap}.divider{width:1.5px;background:#fff;margin:0 1.5%;flex-shrink:0}.right{flex:.52;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding-left:1%}.rightSection{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;padding:3px 0 3px 1%}.infoHeading{display:flex;align-items:center;gap:8px;min-height:34px;min-width:0}.symbol{font-size:clamp(14px,3.4vw,25px);line-height:1;display:flex;align-items:center;flex:none}.infoHeading strong{font-size:clamp(11px,3.1vw,23px);font-weight:900;white-space:nowrap;overflow:hidden}.valueBox{flex:1;min-height:0;background:#fff;color:#000;border-radius:4px;display:flex;align-items:center;padding:4px 10px;margin-top:7px;overflow:hidden}.valueBox span{font-size:clamp(12px,3.2vw,24px);font-weight:900;white-space:nowrap;overflow:hidden}.yellowMark{position:absolute;top:0;right:0;width:5px;height:5px;background:#ff0}.dimensions{text-align:right;color:#888;font-size:9px;margin-top:6px}.exportButton{width:100%;border:0;border-radius:5px;background:#b52b27;color:#fff;padding:15px;font-size:12px;font-weight:900;letter-spacing:1px}.note{font-size:11px;color:#999;line-height:1.6}.choiceRow{display:flex;gap:7px}.choice{flex:1;background:#202224;border:1px solid #555;border-radius:4px;padding:11px 5px;color:#fff;font-size:10px;font-weight:700}.choice.selected{background:#b52b27;border-color:#b52b27}.swatches{display:flex;gap:8px;margin-top:12px}.swatch{width:25px;height:25px;border:1px solid #777;border-radius:3px}label{display:block;color:#aaa;font-size:9px;letter-spacing:1px;margin-bottom:8px}.fieldRow{display:flex;gap:10px}.fieldRow label{flex:1;min-width:0}input{display:block;width:100%;margin-top:5px;background:#202224;border:1px solid #383a3d;border-radius:4px;padding:11px;color:#fff;font-size:13px;outline:none}input:focus{border-color:#e34b43}.groupTitle{font-size:11px;font-weight:800;margin:12px 0 7px}.iconGrid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.iconChoice{width:67px;height:58px;background:#202224;border:1px solid #383a3d;border-radius:5px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:20px}.iconChoice svg{width:22px!important;height:22px!important}.iconChoice small{font-size:9px;color:#ddd}.iconChoice.selected{border-color:#e34b43;background:#492321}footer{padding-top:10px;padding-bottom:40px;text-align:center;color:#666;font-size:9px}@media(min-width:700px){.app-header,main,footer{padding-left:28px;padding-right:28px}.label{max-height:330px}}