.photo-section{padding:76px 0 70px;background:#edf0e4;border-top:1px solid #dce1ce}.photo-heading{align-items:flex-start}.photo-heading h2{max-width:730px;font-size:45px}.photo-heading>p{padding-top:28px;min-width:220px}.photo-builder{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid #d7ddc9;border-radius:8px;background:var(--paper);overflow:hidden}.photo-controls{padding:25px;background:#f5f5ec;border-right:1px solid #dce0d1}.photo-step-label{font-size:9px;font-weight:650;letter-spacing:.09em;display:flex;align-items:center;gap:9px;margin-bottom:16px}.photo-step-label>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2e7ce;color:#606b4a;font-size:9px}.photo-dropzone{padding:22px 13px 17px;border:1px dashed #aeb99d;border-radius:5px;text-align:center;transition:background .2s,outline .2s;background:#fafaf3}.photo-dropzone.drag-over{background:#e5eccf;outline:2px solid #81905e;outline-offset:2px}.photo-dropzone>svg{margin:0 auto 12px;color:#87946d}.photo-dropzone>strong{font-size:11px;font-weight:550}.photo-dropzone>p{font-size:10px;margin:7px 0 14px}.photo-dropzone>.button{font-size:10px;padding:10px 14px;min-height:39px;gap:23px}.photo-dropzone>small{display:block;font-size:8px;color:#8b917e;margin-top:12px}.photo-sample-row{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin:12px 0 24px;gap:10px;color:var(--muted)}.photo-sample-row button{border-top:0;border-inline:0;background:none;font-size:9px;gap:7px}.photo-source-info{display:flex;gap:10px;align-items:center;padding:11px;border-radius:4px;background:#e8ecdb;margin:0 0 22px}.photo-source-info img{width:49px;height:49px;object-fit:contain;border-radius:3px;background:repeating-conic-gradient(#e3e6d8 0% 25%,#f5f6ef 0% 50%) 50%/10px 10px}.photo-source-info strong{font-size:10px;display:block}.photo-source-info small{font-size:9px;display:block;color:var(--muted)}.photo-source-info button{border:0;border-bottom:1px solid #a0aa8e;background:transparent;padding:0;font-size:8px;color:#71805a}.photo-settings{display:grid;gap:13px}.photo-settings label{font-size:10px;font-weight:550;display:block}.photo-settings select{display:block;width:100%;border:1px solid #d0d8c0;border-radius:3px;background:#fcfcf5;color:var(--ink);font-size:10px;padding:9px 7px;margin-top:5px;max-width:100%;min-height:37px}.photo-setting-pair{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px}.photo-privacy{font-size:9px;line-height:1.7;margin:20px 0 10px;display:flex;gap:7px;color:#62714f}.photo-privacy>span{color:#8d9e71}.photo-setting-note{font-size:8px;line-height:1.75;margin:0;color:#8b927e}.photo-preview-panel{padding:0 24px 24px;min-width:0;display:flex;flex-direction:column}.photo-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0;border-bottom:1px solid #e4e6d9;font-size:8px;font-weight:600;letter-spacing:.06em;flex-wrap:wrap}.photo-preview-toolbar>span{display:flex;align-items:center;gap:7px}.photo-view-options{display:flex;align-items:center;gap:14px;letter-spacing:0;font-size:9px;font-weight:400}.photo-view-options label{display:flex;align-items:center;gap:5px}.photo-view-options input{accent-color:#6c7d50;width:12px;height:12px;margin:0}.photo-view-options select{font-size:9px;background:transparent;border:1px solid #d9decf;border-radius:3px;padding:4px}.photo-preview-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:402px;flex:1;padding:28px 10px;background:radial-gradient(#d4d8c880 .7px,transparent .7px) 50%/17px 17px}.photo-empty-art{display:grid;grid-template-columns:repeat(3,18px);gap:5px;margin:10px 0 22px;transform:rotate(-8deg)}.photo-empty-art span{width:18px;height:18px;border-radius:50%;background:#daba83;border:6px solid #e6c88f;box-shadow:1px 3px #c1a976}.photo-empty-art span:nth-child(2n){background:#8d9c6b;border-color:#b8c692;box-shadow:1px 3px #87976a}.photo-empty-art span:nth-child(5){background:#a590b5;border-color:#cab6d6;box-shadow:1px 3px #a494ae}.photo-preview-empty h3{font:31px/1.15 var(--serif);letter-spacing:-.025em;margin-bottom:13px}.photo-preview-empty p{font-size:11px;line-height:1.8}.photo-preview-empty button{border-top:0;border-inline:0;background:transparent;font-size:10px}.photo-canvas-wrap{height:425px;overflow:auto;background:repeating-conic-gradient(#eaecdf 0% 25%,#f7f8f1 0% 50%) 50%/16px 16px;padding:18px;margin-top:17px;border:1px solid #e2e5d7;border-radius:4px;overscroll-behavior:contain}.photo-canvas-wrap canvas{display:block;margin:auto;max-width:none;height:auto;background:#fafbf5;image-rendering:auto}.photo-status{font-size:9px;margin:12px 0;color:#778264;min-height:16px}.photo-error{font-size:11px;line-height:1.7;background:#f6e3d9;color:#984b33;border-radius:4px;padding:11px;margin:0 0 14px}.photo-stats{display:grid;grid-template-columns:1fr 1fr .8fr 1.5fr;gap:12px;padding:16px 0;border-top:1px solid #e2e6d7;margin-top:auto}.photo-stats>div{min-width:0}.photo-stats strong{font-size:17px;font-weight:550;display:block;line-height:1.4}.photo-stats span{font-size:7px;color:#8a937c;letter-spacing:.04em;display:block;margin-top:3px}.photo-export-actions{display:flex;align-items:center;gap:20px;padding-top:10px;flex-wrap:wrap}.photo-export-actions>.button{font-size:10px;min-height:39px;padding:10px 13px}.photo-export-actions>.text-link{background:transparent;border-top:0;border-inline:0;font-size:10px}.photo-materials{margin-top:26px;background:var(--paper);border:1px solid #d7ddc9;border-radius:7px;overflow:hidden}.photo-materials-heading{padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #dfe3d3}.photo-materials-heading .photo-step-label{margin-bottom:8px}.photo-materials-heading h3{font:27px var(--serif);margin:0 0 6px;letter-spacing:-.025em}.photo-materials-heading p{font-size:10px;margin:0}.photo-material-summary{text-align:right;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 13px}.photo-material-summary>span{font-size:10px;color:var(--muted)}.photo-material-summary>strong{font-size:23px;font-weight:500}.photo-material-summary>.button{grid-column:1/-1;font-size:11px;min-height:42px;margin-top:3px;gap:20px}.photo-table-scroll{overflow-x:auto;max-height:420px;overflow-y:auto}.photo-material-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}.photo-material-table thead{position:sticky;top:0;background:#f0f2e7;z-index:1}.photo-material-table th{font-size:8px;letter-spacing:.04em;font-weight:550;color:#7b846c;padding:13px 22px}.photo-material-table td{padding:10px 22px;border-top:1px solid #eaecdf;font-variant-numeric:tabular-nums}.photo-material-table td:first-child{display:flex;align-items:center;gap:10px}.material-color-chip{width:24px;height:24px;border:1px solid #0002;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:550}.photo-material-note{font-size:9px;line-height:1.8;margin:0;padding:16px 28px;border-top:1px solid #dfe3d3;color:#89917c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cart-material-thumb{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#ecefe3!important;padding:10px 5px}.cart-color-dot{display:block;width:35px;height:35px;border-radius:50%;border:6px solid #ffffff65;box-shadow:0 2px 4px #0002}.cart-material-thumb small{font-size:9px}.cart-design-title{font-size:9px!important;color:#8e967f!important;word-break:break-word}.cart-material-meta{font-size:10px}.photo-section select:focus-visible,.photo-section input:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media(max-width:1100px){.photo-builder{grid-template-columns:280px minmax(0,1fr)}.photo-controls{padding:21px}.photo-heading{display:block}.photo-heading>p{padding:15px 0 0}.photo-heading>p br{display:none}.photo-heading h2{font-size:41px}.photo-stats{grid-template-columns:1fr 1fr}.photo-preview-toolbar{gap:12px}.photo-preview-empty{min-height:400px}.photo-preview-panel{padding-inline:18px}.photo-material-table th,.photo-material-table td{padding-inline:16px}}
@media(max-width:760px){.photo-section{padding-block:49px}.photo-heading h2{font-size:35px;max-width:340px}.photo-heading>p{font-size:11px;max-width:320px;line-height:1.8}.photo-builder{grid-template-columns:1fr}.photo-controls{border-right:0;border-bottom:1px solid #dce0d1;padding:21px}.photo-dropzone{padding-block:18px}.photo-dropzone>svg{width:29px;height:29px;margin-bottom:7px}.photo-dropzone>strong{font-size:11px}.photo-dropzone>.button{min-height:42px}.photo-sample-row{margin-bottom:22px}.photo-settings{gap:13px}.photo-settings select{font-size:12px;padding:10px 7px}.photo-settings label{font-size:11px}.photo-privacy,.photo-setting-note{font-size:9px}.photo-setting-pair{gap:12px}.photo-preview-panel{padding:0 17px 22px}.photo-preview-toolbar{padding-block:17px;font-size:8px;gap:13px}.photo-view-options{width:100%;justify-content:space-between;font-size:10px}.photo-view-options input{width:14px;height:14px}.photo-view-options select{font-size:10px;padding:6px}.photo-preview-empty{min-height:320px}.photo-preview-empty h3{font-size:29px}.photo-canvas-wrap{height:360px;padding:10px}.photo-stats{grid-template-columns:1fr 1fr;gap:14px}.photo-stats strong{font-size:18px}.photo-stats span{font-size:7px}.photo-export-actions{gap:17px}.photo-export-actions>.button{font-size:10px;width:100%}.photo-export-actions>.text-link{margin:auto}.photo-status{font-size:10px}.photo-materials{margin-top:22px}.photo-materials-heading{padding:22px;display:block}.photo-material-summary{margin-top:20px;text-align:left;gap:8px}.photo-material-summary>.button{width:100%}.photo-materials-heading h3{font-size:26px}.photo-material-note{padding:17px 20px;font-size:9px}.photo-material-table th,.photo-material-table td{padding-inline:13px}.photo-material-table td:first-child{min-width:130px}}