@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url('vendor/fonts/cairo-arabic-400-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url('vendor/fonts/cairo-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url('vendor/fonts/cairo-arabic-700-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url('vendor/fonts/cairo-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF}:root{font-family:'Cairo',Tahoma,Arial,sans-serif;background:#edf5fa;color:#0d2860}body{background:radial-gradient(ellipse at top,#fff 0,#edf5fa 75%);min-height:100vh}header{height:76px;box-shadow:0 3px 12px #0d286020;padding-inline:max(5%,calc((100vw - 1160px)/2))}main{max-width:1160px;padding:32px 24px}.brand{font-size:28px}.mark{border-radius:8px}.wizard #wizardShell{background:white;border:1px solid #d7e5ed;border-radius:14px;box-shadow:0 14px 50px #214c6810;overflow:hidden}.wizard #wizardNav{display:flex;list-style:none;padding:26px 24px 22px;margin:0;border-bottom:1px solid #e3edf4;background:#fbfdff;gap:8px}.wizard #wizardNav li{flex:1;min-width:0}.wizard #wizardNav button{background:none;border:0;border-top:3px solid #dfe8ef;color:#677b90;font:inherit;font-size:14px;padding:12px 4px 0;width:100%;line-height:1.7}.wizard #wizardNav button.active{border-color:#007bff;color:#005cb8;font-weight:bold}.wizard #wizardNav button.complete{border-color:#99c2f0;color:#244d7b}.wizard #wizardNav button:disabled{cursor:default}.screen{padding:32px 38px;min-height:470px}.wizard .intro{text-align:center;display:block;margin:8px auto 24px}.wizard .intro h1{font-size:30px}.wizard .intro p{margin:auto}.wizard .intro .eyebrow,.wizard .spec-pill{display:none}.wizard #dropzone{max-width:660px;margin:auto;border-color:#b7d5e4;border-radius:10px;background:linear-gradient(#fcfeff,#f0f8fc);min-height:285px}.wizard .upload-label{min-height:285px}.wizard .choose,.wizard #wizardNext,.wizard #saveFinal,.wizard #exportPhoto,.wizard #cropHere{background:#0665cd;color:white;border:1px solid #0665cd;box-shadow:0 3px 5px #0066cf20;font-weight:bold}.wizard .original-hint{max-width:660px;margin:20px auto;text-align:center;color:#657991}.wizard .local-note{max-width:660px;margin:20px auto 0;background:#f0f7fb;border-radius:8px;padding:16px;align-items:center}.wizard .local-note p{font-size:14px}.wizard #wizardActions{padding:20px 38px;border-top:1px solid #e4edf2;display:flex;justify-content:space-between;gap:14px}.secondary{padding:12px 24px;line-height:1.6;border:1px solid #7c98b0;background:white;border-radius:6px;font-size:15px}.wizard #metadataGrid{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start}.wizard #metadataPhoto{width:100%;max-height:430px;object-fit:contain;border:5px solid #f0f5f9;border-radius:8px;position:sticky;top:20px}.wizard .evidence{background:#fffaf0;border:1px solid #f1ddb2;border-radius:8px;padding:22px;margin-bottom:18px}.wizard .evidence-result{color:#935615;font-size:22px}.wizard .evidence h2{font-size:20px}.wizard .evidence p{font-size:14px}.wizard dl{background:#ffffffb0;border-radius:6px;padding:0 12px;margin:18px 0}.wizard dl div{grid-template-columns:1fr 1.2fr;padding:10px 0}.wizard #summary{background:#f0f7fb;border:0;font-size:14px}.wizard #summary strong{font-size:17px}.wizard .check{padding:10px 0}.wizard #metadataBlock{margin-top:18px}.wizard #compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wizard #compare h3{font-size:17px;text-align:center;background:#f0f6fa;border-radius:6px;padding:10px;margin:0 0 12px}.wizard #plainViewport,.wizard .canvas-wrap{height:420px;overflow:auto;display:block;min-height:0;border:1px solid #deebf1;border-radius:8px;touch-action:none;cursor:grab;background:#f1f5f8}.wizard #plainPhoto,.wizard #canvas{display:block;width:100%;max-height:none;max-width:none;height:auto;object-fit:contain}.wizard #preview .file-info{display:none}.wizard #screen3 #visual{margin-top:24px}.wizard #screen3 #visual .check:nth-last-child(2){display:none}.wizard #switchPreview{display:none}.wizard #inspectZoomLabel{max-width:500px;margin:14px auto}.wizard #reviewPanel,.wizard #cropPanel{border:0;margin:0;padding:0;border-radius:0;box-shadow:none}.wizard #reviewPanel>h2,.wizard #cropPanel>h2{font-size:25px}.wizard #reviewPanel>label{display:inline-flex;vertical-align:top;width:calc(50% - 12px);min-height:165px;padding:28px 22px;margin:24px 4px;border:1px solid #acdcd3;border-radius:10px;background:#effaf7;font-size:18px;line-height:1.9}.wizard #reviewPanel>label:has(#review-issue){background:#fff8eb;border-color:#f2d3a0}.wizard #reviewPanel>label:has(input:checked){outline:3px solid #007bff}.wizard #reviewPanel .summary{background:#eff6fb;border:0}.wizard #reviewPanel .summary strong{font-size:16px}.wizard .crop-grid{grid-template-columns:1fr 1fr;gap:30px}.wizard #cropCanvas{border:18px solid #344451;border-radius:6px;background:#344451;box-shadow:0 0 0 1px #344451;max-height:none}.wizard .control-row{line-height:1.8}.wizard #cropMeasurements{padding:16px}.wizard #cropMeasurements p{direction:ltr;text-align:start;font-size:15px}.wizard #finalGrid{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center;max-width:850px;margin:10px auto 25px}.wizard #finalPhoto{width:100%;border:5px solid #f0f5f9;border-radius:8px}.wizard #successIcon{width:52px;height:52px;display:grid;place-items:center;font-size:29px;border-radius:50%;color:white;background:#2b993e}.wizard #finalTitle{font-size:28px;margin:18px 0 10px}.wizard #finalSpecs{padding:12px 16px;display:inline-block;border-radius:6px;background:#e8f1f8;font:16px Arial;margin:10px 0;direction:ltr}.wizard #finalDetails button{display:block;width:100%;margin-top:12px}.wizard #finalDisclaimer{margin-bottom:18px}.wizard #screen6>p{padding:18px;background:#edf5fb;border-radius:7px;font-size:14px}footer{font-size:14px}.wizard #screen1 #error{text-align:center}.wizard #screen1 .upload-label strong{display:none}@media(max-width:800px){main{padding:20px 12px}.screen{padding:24px 18px;min-height:420px}.wizard #wizardNav{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 12px;gap:12px}.wizard #wizardNav button{font-size:14px}.wizard #metadataGrid,.wizard #finalGrid,.wizard .crop-grid{grid-template-columns:1fr}.wizard #metadataPhoto,.wizard #finalPhoto{max-width:240px;max-height:300px;margin:auto;position:static}.wizard .intro h1{font-size:25px}.wizard #compare{display:block}.wizard #compare #plainView{display:none}.wizard #compare.show-original #plainView{display:block}.wizard #compare.show-original #enhancedView{display:none}.wizard #switchPreview{display:block;margin-bottom:15px}.wizard #plainViewport,.wizard .canvas-wrap{height:380px}.wizard #reviewPanel>label{display:flex;width:100%;margin:18px 0;min-height:125px}.wizard #wizardActions{padding:18px}.wizard .evidence{padding:16px}.wizard #cropCanvas{border-width:12px}.wizard #finalGrid{gap:24px}.wizard #finalTitle{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.wizard #saveFinal{display:block;text-align:center;text-decoration:none;margin:12px 0}.wizard #cropCanvas{border:0}.studio-tips{padding:18px;background:#edf6fa;border-radius:8px;margin-top:20px;font-size:14px}

.wizard #reviewPanel>label{position:relative;flex-wrap:wrap;gap:8px 12px;align-content:start}.wizard #reviewPanel>label strong{font-size:23px;flex:1}.wizard #reviewPanel>label span{width:100%;font-size:16px}.wizard #wizardActions:has(#wizardBack[hidden]):has(#wizardNext[hidden]){display:none}

footer{flex-wrap:wrap}footer a{color:#0066cf;font-size:14px}
.wizard .evidence.no-indicator{background:#effaf3;border-color:#b1d9be}.wizard .evidence.no-indicator .evidence-result{color:#26712f}.wizard .evidence.neutral{background:#f1f6fa;border-color:#c7d8e4}.wizard .evidence.neutral .evidence-result{color:#3d5d78}.notice{padding:20px;border-radius:8px;border:1px solid #e0e7ee;margin:16px 0;background:#f2f7fb}.notice strong{display:block;font-size:18px;line-height:1.8}.notice p{margin:8px 0;font-size:15px}.notice small{display:block;font-size:14px;line-height:1.8;color:#5d6c7c}.notice.warning,.background-review{background:#fff8ec;border-color:#efdbb7}.notice.success,.background-good{background:#effaf3;border-color:#b1d9be}.background-poor{background:#fff2f0;border-color:#eac9c3}.background-poor strong{color:#9e4335}.review-intro h2{font-size:28px;line-height:1.7;margin-bottom:10px}.review-intro p{font-size:16px}.reference-guide{margin:30px 0}.reference-guide h3{font-size:21px;line-height:1.8}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reference-grid figure{margin:0;padding:12px;background:#f7fafc;border:1px solid #dfe8ef;border-radius:9px;min-width:0}.reference-grid img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:white;border-radius:5px}.reference-grid figcaption{font-weight:700;font-size:16px;margin:12px 0;line-height:1.7}.reference-grid p,.reference-note{font-size:14px;line-height:1.9}.reference-note{background:#edf5fb;padding:16px;border-radius:6px;margin-top:16px}.next-decision{border-top:1px solid #dce6ee;margin-top:32px;padding-top:26px}.next-decision h2{font-size:24px;line-height:1.8}.wizard .secondary.primary{background:#0665cd;color:white;border-color:#0665cd}.setup-help{font-size:14px;padding:18px;background:#edf5fb;border-radius:8px;margin-top:18px}.status.setup{background:#eaf3fa;color:#356a8a;border-radius:5px;font-size:15px}.wizard #reviewPanel{margin-top:22px}.wizard #reviewPanel>.summary{display:none}.wizard #reviewPanel [hidden]{display:none!important}@media(max-width:650px){.reference-grid{grid-template-columns:1fr}.reference-grid figure{display:grid;grid-template-columns:105px 1fr;gap:6px 12px}.reference-grid img{grid-row:1/3}.reference-grid figcaption{margin:0}.reference-grid p{margin:0}.review-intro h2{font-size:24px}}

/* Two matching photos per background example. */
.background-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.background-pair{min-width:0;margin:0}.background-pair h4{font-size:18px;line-height:1.7;margin:0 0 14px;color:inherit}.background-pair .reference-grid,.background-pair .example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.background-pair figure{display:block!important;margin:0;min-width:0}.background-pair img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.background-pair figcaption{font-size:16px;line-height:1.8}.background-pair p{font-size:14px;line-height:1.9}.background-pair .reference-grid figcaption{margin:12px 0}.background-pair .reference-grid p{margin:8px 0}.background-pair .example-grid figcaption{padding:14px}.background-pair .example-grid figure{border:1px solid #dce6f2;border-radius:8px;overflow:hidden;background:#f7faff}@media(max-width:800px){.background-pairs{grid-template-columns:1fr}.background-pair .reference-grid,.background-pair .example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.background-pair figcaption{font-size:14px}}