*{box-sizing:border-box}body{margin:0;background:#080909;color:#f6f3eb;font:16px/1.5 Arial,Helvetica,sans-serif}header{display:flex;align-items:center;gap:24px;padding:22px 5%;border-bottom:1px solid #b99b4f35;background:#080808}.brand{display:flex;align-items:center;font-size:28px;font-weight:600;letter-spacing:-1px;color:#fff;text-decoration:none;line-height:1}.brand b{font-style:italic;font-size:58px;letter-spacing:-5px;padding-right:9px}.studio-word{font-size:11px;letter-spacing:.22em;color:#cbb789;border-left:1px solid #655433;padding-left:24px}.languages{display:flex;margin-left:auto;background:#151515;border:1px solid #ba9651;border-radius:9px;padding:4px}.languages button{background:transparent;border:0;min-height:36px;padding:7px 10px;color:#fff;border-radius:5px;font-size:13px}.languages button.active{background:#dfba70;color:#17140e}main{max-width:1180px;margin:auto;padding:38px 26px 70px;min-height:75vh}h1{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.035em;margin:12px 0 16px}h2{font-size:22px;line-height:1.2;margin:0 0 16px}h3{margin:0 0 8px;font-size:17px}p{margin:0 0 16px}.eyebrow{color:#debd7a;font-size:11px;font-weight:bold;letter-spacing:.18em;text-transform:uppercase}.muted{color:#aaa79e}.intro{max-width:650px;color:#c1bcb0}.panel{border:1px solid #b9985238;background:linear-gradient(135deg,#201d15,#101111 70%);border-radius:15px;padding:25px;margin-top:24px;box-shadow:inset 0 1px 0 #ffffff08}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar.between{justify-content:space-between}.button,button{font:inherit;cursor:pointer}.button,button.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b99551;border-radius:8px;padding:11px 17px;background:linear-gradient(120deg,#edcd8a,#bc9044);color:#18140c;text-decoration:none;font-weight:600;min-height:44px}.button.secondary,button.secondary{background:#171818;color:#eee;border:1px solid #665739}.button.danger{background:#291b19;border-color:#73483e;color:#f3c6b9}.button:disabled,button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f6d891;outline-offset:4px}input,textarea{font:inherit;color:#f3eee3;background:#080a0b;border:1px solid #56503f;border-radius:7px;padding:12px;width:100%}textarea{min-height:88px;resize:vertical}label{display:block;font-size:13px;color:#d1c7b2;margin-bottom:6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-zone{border:1px dashed #9b7b42;border-radius:12px;background:#c4a05b07;padding:22px;text-align:center}.upload-zone input{margin-top:13px;font-size:14px;background:#121310}.upload-zone small{display:block;color:#aca494;margin-top:9px}.sheet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.image-tile{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;border:2px solid #49473f;border-radius:10px;background:#131413;color:#eee;overflow:hidden;text-align:left;transition:border-color .15s,transform .15s}.image-tile:hover{transform:translateY(-2px)}.image-tile.front{border-color:#ef665e;box-shadow:0 0 0 1px #ef665e25}.image-tile.back{border-color:#5c9ef1;box-shadow:0 0 0 1px #5c9ef125}.image-tile img{width:100%;height:160px;object-fit:contain;background:repeating-conic-gradient(#20211f 0% 25%,#1a1b1a 0% 50%) 50%/18px 18px}.image-tile .tile-meta{padding:11px;display:flex;flex-direction:column;gap:7px}.filename{font-size:12px;overflow-wrap:anywhere;color:#c6c0b2}.side-badge{font-size:11px;letter-spacing:.04em;font-weight:700}.front .side-badge{color:#ff958f}.back .side-badge{color:#9dc7ff}.none .side-badge{color:#b2aea3}.legend{display:flex;flex-wrap:wrap;gap:10px 18px;border:1px solid #ffffff12;padding:15px 18px;border-radius:10px;background:#111212;font-size:13px}.legend span{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#aaa}.dot.red{background:#f16e65}.dot.blue{background:#6aa9ff}.dot.white{background:#e3e0d6}.notes-list{display:grid;gap:14px;margin-top:20px}.note-row{display:flex;gap:15px;align-items:center;border:1px solid #ffffff12;border-radius:9px;padding:15px;background:#0c0d0d}.note-row p{flex:1;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.side-buttons{display:flex;gap:7px;flex-wrap:wrap}.side-buttons button{padding:8px 12px;border:1px solid #555;border-radius:6px;background:#151616;color:#fff}.side-buttons button[data-side=front].selected{background:#642a26;border-color:#ee7167}.side-buttons button[data-side=back].selected{background:#233d62;border-color:#6daaf7}.delete-note{border:0;background:transparent;color:#bbb;padding:8px}.project-list{display:grid;gap:12px}.project-row{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#111212;border:1px solid #ffffff15;border-radius:10px;padding:18px}.project-row small{display:block;color:#b8ae98;margin-top:5px}.status{font-size:11px;color:#e8c67f;border:1px solid #ae8d4d55;border-radius:20px;padding:4px 10px}.status.submitted{color:#a7d9bd;border-color:#589876}.empty{padding:36px 20px;text-align:center;color:#bdb5a5;border:1px dashed #ffffff20;border-radius:10px}.saved{font-size:12px;color:#b6c9b6}.sticky-submit{position:sticky;bottom:14px;background:#181711f2;border:1px solid #c9a55a66;box-shadow:0 10px 30px #0008;border-radius:11px;padding:13px 17px;margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:3}.sticky-submit small{color:#bbb2a0}.link-panel{padding:18px;border:1px solid #b99852;border-radius:9px;margin-top:16px}.link-panel input{font-size:12px;margin:8px 0}.success{background:#15251b;border:1px solid #668768;border-radius:12px;padding:22px;margin-top:20px}#notice:not(:empty){background:#302419;border:1px solid #a97d40;border-radius:8px;padding:13px 17px;margin-bottom:20px}#notice.error{background:#3b1919;border-color:#b76459}footer{padding:25px 5%;border-top:1px solid #ffffff0e;font-size:12px;color:#a9a18f;display:flex;justify-content:space-between}dialog{color:#f1eee6;background:#101211;border:1px solid #a98a4c;border-radius:15px;max-width:900px;width:calc(100% - 30px);max-height:90vh;padding:28px}dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.review-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.review-side{border:1px solid #ef665e50;border-top:3px solid #ef665e;border-radius:9px;padding:20px}.review-side.back{border-color:#5c9ef150;border-top-color:#5c9ef1}.review-images{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-images img{width:100%;height:120px;object-fit:contain;background:#20211e;border-radius:5px}.review-images a{font-size:11px;color:#ddc187;overflow-wrap:anywhere}.review-side p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;padding-top:12px}.subtle-link{color:#dfc58c;font-size:13px}summary{cursor:pointer;color:#dbc187}.summary-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.preview-ribbon{padding:10px;background:#4a391a;text-align:center;font-size:12px;color:#ffdda3}.owner-links{display:flex;gap:12px;align-items:center}.small{font-size:12px}.hidden,[hidden]{display:none!important}@media(max-width:800px){.sheet{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){header{padding:15px 18px;gap:12px}.brand{font-size:23px}.brand b{font-size:47px}.studio-word{display:none}.languages button{font-size:12px;padding:6px 8px}main{padding:26px 18px 50px}.panel{padding:19px}.fields,.review-columns{grid-template-columns:1fr}.sheet{grid-template-columns:1fr 1fr;gap:11px}.image-tile img{height:135px}.note-row{align-items:flex-start;flex-wrap:wrap}.note-row p{flex-basis:100%}.project-row{padding:14px}.project-row .button{padding:8px 12px}.sticky-submit{bottom:8px;padding:12px}.sticky-submit small{font-size:11px}.sticky-submit .button{font-size:13px;padding:10px 12px}dialog{padding:19px}.review-images img{height:110px}.toolbar{gap:9px}.toolbar .button{font-size:13px}.owner-links{flex-wrap:wrap}.upload-zone{padding:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.image-trash{position:absolute;right:9px;top:9px;z-index:2;display:grid;place-items:center;width:38px;height:38px;padding:9px;border:1px solid #f19b9170;border-radius:8px;background:#291817ed;color:#ffc9c0;box-shadow:0 3px 12px #0006;opacity:0;transform:translateY(-3px);transition:opacity .15s,transform .15s,background .15s}.image-trash svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.image-tile:hover .image-trash,.image-tile:focus-within .image-trash{opacity:1;transform:none}.image-trash:hover{background:#6c2922}.image-trash:disabled{opacity:.5}@media(hover:none),(pointer:coarse){.image-trash{opacity:1;transform:none;width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.image-trash{transition:none}}

/* Orange marks an item requested on both sides. */
.image-tile.both{border-color:#f59a45;box-shadow:0 0 0 1px #f59a4525}
.both .side-badge{color:#ffb46e}.dot.orange{background:#f59a45}
.side-buttons button[data-side=both].selected{background:#653a16;border-color:#f59a45}

/* Clearer, larger color guide for customer image selections. */
.legend{font-size:16px;gap:14px 24px;padding:18px 20px}
.legend span{gap:10px;min-height:28px}
.legend .dot{width:16px;height:16px;flex:0 0 16px}

.brand-logo-image{display:block;width:180px;height:60px;object-fit:contain}
footer{align-items:center}footer .brand-logo-image{width:150px;height:50px}
@media(max-width:600px){header .brand-logo-image{width:145px;height:auto}}