@import url('./design-tokens.css');
*{box-sizing:border-box}body{font:15px/1.75 var(--font-body);background:var(--color-bg);color:var(--color-fg);margin:0}header{background:var(--color-fg);color:white;padding:20px max(18px,calc((100% - 1050px)/2));display:flex;justify-content:space-between;gap:15px;align-items:center}header strong{font-size:23px}header p{font-size:12px;margin:3px 0;color:var(--color-surface)}header a{color:white;white-space:nowrap}main{max-width:1090px;margin:auto;padding:22px 18px}section{background:white;border:var(--border-width) solid var(--color-fg);border-radius:var(--radius-base);padding:24px;margin:20px 0}h1{font-size:24px;margin:0 0 10px}h2{font-size:19px;margin:0 0 10px}p{margin:7px 0 15px}label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}input,select,textarea,button{font:inherit;min-height:44px;border:var(--border-width) solid var(--color-fg);border-radius:var(--radius-base);padding:9px 12px}input,select,textarea{display:block;width:100%;margin-top:5px;min-width:0}textarea{min-height:70px;resize:vertical}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}button{cursor:pointer;background:white;color:var(--color-fg)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--color-primary);color:white;border-color:var(--color-primary)}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.notice{border:var(--border-width) solid var(--color-fg);background:var(--color-bg);border-radius:var(--radius-base);padding:12px 16px}.error{color:var(--color-primary);white-space:pre-wrap}.muted{font-size:12px;color:var(--color-fg)}canvas{max-width:100%;max-height:650px;display:block;margin:18px auto;background:var(--color-bg)}.section-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.album{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:15px;margin:12px 0 22px}.photo-card{border:var(--border-width) solid var(--color-fg);border-radius:var(--radius-base);padding:12px;min-width:0}.photo-card img{width:100%;height:190px;object-fit:contain;background:var(--color-bg)}.photo-card p{font-size:12px;margin:5px 0;overflow-wrap:anywhere}.photo-card .buttons{margin:8px 0}.photo-card button{font-size:12px;padding:6px 9px}footer{text-align:center;color:var(--color-fg);font-size:12px;padding:25px}a{color:var(--color-primary)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@media(max-width:600px){section{padding:17px}main{padding:12px}.fields{grid-template-columns:1fr}header{padding:15px}.album{grid-template-columns:1fr}h1{font-size:21px}}

h1,h2,h3,.brand,header strong{font-family:var(--font-heading)}
button.primary{color:var(--color-fg)}header{background:var(--color-secondary)}header p,header a{color:var(--color-surface)}.photo-card{border-radius:calc(var(--radius-base) + 12px + var(--border-width))}section{border-radius:calc(var(--radius-base) + 12px + var(--border-width) + 24px + var(--border-width))}@media(max-width:600px){section{border-radius:calc(var(--radius-base) + 12px + var(--border-width) + 17px + var(--border-width))}}

a{color:var(--color-fg)}

.capture-section{border-radius:18px;border-color:var(--color-border,#d2cdc5)}.pick-actions{display:flex;gap:12px;margin-top:18px}.pick-button{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:54px;margin:0;border:1px solid var(--color-fg);border-radius:8px;cursor:pointer;overflow:hidden}.pick-button.primary{background:var(--color-primary);color:var(--color-surface)}.pick-button input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.pick-button:focus-within{outline:3px solid var(--color-accent);outline-offset:3px}.project-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-tools button{font-size:12px}.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.selection-item{min-width:0;overflow:hidden;border:1px solid var(--color-border,#d2cdc5);border-radius:10px;background:var(--color-surface)}.selection-item img{display:block;width:100%;height:130px;object-fit:cover}.selection-item>div{padding:10px}.selection-item strong,.selection-item small{display:block;overflow-wrap:anywhere;line-height:1.5}.selection-item strong{font-size:13px}.selection-item small{font-size:12px;margin:5px 0}.selection-item button{min-height:44px;font-size:12px}.photo-options,.preview-details{border-top:1px solid var(--color-border,#d2cdc5);padding:15px 0;margin:10px 0}summary{cursor:pointer;min-height:44px;padding:8px 0}.capture-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.capture-actions button{min-height:52px;flex:1;white-space:normal}.error,#cloud-status,#selection-status{overflow-wrap:anywhere}body{overflow-wrap:break-word}header>div{min-width:0}form{min-width:0}canvas{height:auto}section{background:var(--color-surface)}
@media(max-width:760px){.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-actions{position:sticky;bottom:0;background:var(--color-surface);padding:10px 0;margin-bottom:0;z-index:2}.capture-actions button{font-size:14px}.capture-section{padding:16px}.photo-card{border-radius:12px}.album{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.album{grid-template-columns:1fr}.selection-item img{height:110px}.fields{grid-template-columns:1fr}.pick-actions{gap:8px}.pick-button{font-size:14px}header strong{font-size:20px}.capture-actions{gap:8px}.capture-actions button{padding:9px 8px}.project-fields{gap:0}.preview-details canvas{max-height:380px}}