.header-buttons{display:flex;align-items:center;gap:10px}.header-share{background:transparent;border:1px solid #b59261;color:#dfc192;padding:12px 17px;font-size:13px;white-space:nowrap}.header-share:hover{background:#ffffff16}
.capture-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.capture-controls label{font-size:13px;color:#eee1cb}.capture-controls select,.capture-controls button{min-height:40px;border:1px solid #c0a478;border-radius:3px;padding:8px 11px;font-size:13px}.capture-controls select{background:#f5f0e5;color:#172b3d;max-width:185px}.capture-controls button{background:#caa669;color:#162639;font-weight:700}.capture-controls button:disabled{opacity:.48;cursor:wait}.capture-controls button:not(:disabled):hover{background:#e0c08a}.capture-status{max-width:850px;margin:-8px auto 16px;color:#e9d3ad;font-size:13px;line-height:1.5;min-height:1.5em}
.share-dialog{width:min(440px,calc(100vw - 30px));max-width:none;border:1px solid #ad9060;padding:26px;background:#f7f2e8;color:#1c2936;box-shadow:0 18px 70px #07142177}.share-dialog::backdrop{background:#081625aa}.share-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.share-dialog h2{font-size:22px;margin:0}.share-dialog p{margin:12px 0 20px;font-size:14px;line-height:1.6}.share-dialog-head button{background:transparent;border:0;font-size:28px;line-height:1;color:#273b4d}.share-options{display:grid;gap:9px}.share-options button{padding:12px 16px;text-align:left;background:#fffdf8;border:1px solid #cbb997;color:#233446;font-size:15px}.share-options button:hover{background:#efe5d4}.share-dialog #share-status{margin:14px 0 0;min-height:20px;font-size:13px;color:#69492d}
.image-preview{width:min(90vw,740px);max-width:none;max-height:90vh;overflow:auto;border:1px solid #ad9060;padding:14px;background:#f7f2e8}.image-preview::backdrop{background:#081625bb}.image-preview .share-dialog-head{margin:0 0 12px}.image-preview h2{font-size:18px;margin:0}.image-preview img{display:block;width:100%;height:auto;max-height:none}
@media(max-width:700px){.header-buttons{margin-left:auto}.header-share{padding:9px;font-size:12px}.capture-controls{width:100%;justify-content:flex-start}.capture-controls select{flex:1 1 160px;max-width:none}.capture-controls button{flex:1 1 120px}.capture-status{padding:0 2px}}
@media(max-width:440px){.header-action{display:none}.header-share{font-size:12px}.capture-controls label{width:100%}}
@media print{.header-share,.share-dialog,.capture-status{display:none!important}}
.capture-controls select{max-width:230px}