.account-button{position:absolute;right:26px;top:34px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #b9ab98;border-radius:50%;background:transparent;color:#44342b;font-size:23px}
.account-button.signed-in{background:#44342b;color:#fff8ed}
body.signature-shell>.masthead .local-status{right:86px}
#accountDialog{width:min(460px,calc(100vw - 28px));max-width:460px;padding:30px;border-radius:10px;max-height:calc(100dvh - 32px);overflow:auto}
#accountDialog::backdrop{background:#28201688;backdrop-filter:blur(3px)}
.account-close{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;background:transparent;font-size:24px}
#accountDialog h2{font:normal 29px Georgia;margin:6px 0 18px}
.account-kicker{font-size:9px;letter-spacing:1.6px;color:#806b55;margin:0 0 8px}
#accountDialog .account-copy{font-size:13px;line-height:1.6;color:#6b5d4d}
#accountDialog .test-warning{font-size:11px;line-height:1.6;padding:10px;background:#e9e2d7;color:#6b5d4d;border-radius:4px}
#accountDialog form{display:grid;gap:16px;margin-top:20px}
#accountDialog label{display:grid;gap:7px;font-size:12px;color:#594937}
#accountDialog input{width:100%;padding:12px;border:1px solid #cbbda9;border-radius:4px;color:#44342b;background:#fffdf8;font-size:16px;min-height:44px}
#accountDialog label small{font-size:10px;color:#8a7c69}
#accountDialog button{min-height:44px}
.account-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.account-switch{display:block;border:0;background:transparent;text-decoration:underline;font-size:12px;color:#795b3d;margin:12px auto 0}
#accountDialog .account-error{color:#a33224;font-size:12px;line-height:1.5;min-height:18px;margin:12px 0 0}
.collection-load{display:block;width:100%;text-align:left;padding:13px 12px;border:1px solid #d5c8b7;background:#fffaf0;color:#44342b;border-radius:4px;margin:8px 0;overflow-wrap:anywhere}
.prototype-note{font:10px/1.5 Arial,sans-serif!important;color:#897a68!important}
.box-view-controls{flex-wrap:wrap}
@media(max-width:700px){.account-button{right:14px;top:12px;width:40px;height:40px}body.signature-shell>.masthead .local-status{position:static}#accountDialog{padding:26px 20px}.prototype-note{max-width:230px}.box-view-controls{gap:8px}}

/* Account dialog identity, using the existing Watchgrids mark. */
.account-brand{display:flex;align-items:center;gap:11px;margin:0 28px 20px 0;color:#65513d}
.account-brand img{flex:0 0 40px}
.account-brand>span{font:400 25px/1.1 'Watchgrid Signature Roman','Times New Roman',serif;white-space:nowrap}
.account-brand small{font-size:.4em;letter-spacing:0}
#accountDialog h2{font-size:27px;line-height:1.16;text-wrap:balance}
@media(max-width:380px){#accountDialog h2{font-size:24px}.account-brand>span{font-size:23px}}

/* Saved-case gallery: scale complete frozen scenes, keeping runtime geometry intact. */
#myCollectionsButton[hidden]{display:none}
#accountDialog.collections-dialog{width:min(760px,calc(100vw - 28px));max-width:760px}
.collection-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.collection-gallery-toolbar .account-row{margin:0}
.collection-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.collection-card{min-width:0;border:1px solid #d7cbb9;background:#fffaf2;border-radius:7px;overflow:hidden}
.collection-open{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;color:#44342b}
.collection-open:focus-visible{outline-offset:-3px}
.collection-preview{position:relative;height:174px;overflow:hidden;background:radial-gradient(ellipse,#e0d7c8,#f1ebe0);pointer-events:none}
.collection-preview .collection-preview-case.watch-case[data-size]{position:absolute;left:50%;top:50%;width:var(--preview-width);min-width:var(--preview-width);max-width:var(--preview-width);margin:0;padding:40px 18px 25px;transform-origin:center;transition:none}
.collection-preview .collection-preview-case .case-grid{grid-template-columns:repeat(var(--preview-columns),minmax(0,1fr));gap:9px;padding:9px}
.collection-preview .collection-preview-case .slot{height:201px;padding:8px 8px 21px;border-width:1px}
.collection-preview .collection-preview-case .cushion{height:163px}
.collection-card-name{display:block;font:400 18px/1.35 Georgia,serif;padding:12px 14px 4px;overflow-wrap:anywhere}
.collection-card-meta{display:block;font-size:11px;line-height:1.5;color:#7d6c58;padding:0 14px 8px}
.collection-card-actions{display:flex;justify-content:flex-end;padding:0 10px 4px}
.collection-delete{border:0;background:transparent;color:#8a4635;padding:8px;font-size:12px;text-decoration:underline}
.collection-trash-toggle{border:0;background:transparent;color:#795b3d;text-decoration:underline;font-size:12px;padding:8px 0}
.collection-undo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:#e9e2d7;border-radius:4px;margin:12px 0;font-size:12px;overflow-wrap:anywhere}
.collection-undo[hidden]{display:none}
.danger{background:#803e30;border:1px solid #803e30;color:#fff8ed;border-radius:4px;padding:10px 15px}
@media(max-width:560px){.collection-gallery{grid-template-columns:minmax(0,1fr)}.collection-gallery-toolbar .account-row{gap:7px}.collection-gallery-toolbar button{padding:9px 11px}.collection-preview{height:164px}}

/* Compact the selected-watch panel identified in the user's screenshot. */
#inspector{padding:16px 18px;height:auto;min-height:0}
#inspector .eyebrow{margin-bottom:4px}
#inspector h3{font-size:23px;margin:3px 0 4px;overflow-wrap:anywhere}
#inspector .detail-grid{margin:12px 0;gap:12px 18px}
#inspector .detail-grid>div{min-width:0}
#inspector .detail-grid dd{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
#inspector .price-details{margin-top:3px}
#inspector .price-details summary{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;font-size:11px;text-decoration:underline;color:#795b3d}
#inspector .price-details summary::before{content:'+';font-size:14px}
#inspector .price-details[open] summary::before{content:'−'}
#inspector .price-details summary:focus-visible{outline:2px solid #ae7650;outline-offset:2px}
#inspector .detail-actions button,#inspector .close-button{min-height:44px}
#inspector .close-button{min-width:44px}
@media(max-width:560px){#inspector{padding:13px}#inspector h3{font-size:20px}#inspector .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#inspector .detail-grid>div:last-child{grid-column:1/-1}#inspector .detail-grid dd small{font-size:10px}}