/* Compact library rhythm, retaining the existing controls and thumbnails. */
#panelContent>.garmentChooser{border-bottom:0;margin-bottom:8px;padding-bottom:0}
#panel #artShelf{margin:8px 0;padding:8px 10px}
#panel #shelfDrop{padding:7px 6px;margin-top:6px}
#panel #shelfSearch{margin-top:6px;padding:5px 7px}
#panel .shelf-grid,#assetGrid{align-content:start;grid-auto-rows:max-content;row-gap:5px;padding-top:0;padding-bottom:0}
#panel .shelf-grid{margin-top:6px}
#artWorkspace .shelf-use,#assetGrid .shelf-use{height:auto;min-height:0;padding:3px 4px;gap:3px}
#panel .shelf-note{margin:4px 0 0;line-height:1.4}
#assetDialog .workspace-body{gap:6px}
#assetDialog .workspace-body>.muted{margin:0}
#panel .shelf-filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
#panel .shelf-filter-row #hostedLibraryStatus{margin:0;flex:0 1 auto}
#panel .shelf-filter-row #shelfSearch{flex:1 1 115px;min-width:100px;width:0;margin:0}
/* Snapshot controls use the same compact, square control language as the editor. */
.snapshot-section{border-bottom:1px solid var(--rule);padding:0 0 8px;margin:0 0 8px}
.snapshot-heading,.snapshot-review-head,.snapshot-review-title,.snapshot-sides,.snapshot-size,.snapshot-edit-heading,.snapshot-edit-row{display:flex;align-items:center;gap:6px;min-width:0}
.snapshot-heading{min-height:30px}
:is(.snapshot-section,#snapshotReview,.snapshot-edit-dialog) button{font:400 11px/1.3 var(--sans);letter-spacing:normal;text-transform:none;color:var(--ink);background:transparent;border:1px solid var(--rule-mid);border-radius:0;min-height:28px;padding:4px 7px;cursor:pointer}
:is(.snapshot-section,#snapshotReview,.snapshot-edit-dialog) button:disabled{opacity:.5;cursor:wait}
:is(.snapshot-section,#snapshotReview,.snapshot-edit-dialog) button:hover:not(:disabled){background:var(--wash);border-color:var(--ink)}
:is(.snapshot-section,#snapshotReview,.snapshot-edit-dialog) button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
:is(.snapshot-section,#snapshotReview,.snapshot-edit-dialog) .snapshot-icon{box-sizing:border-box;display:grid;place-items:center;width:28px;height:28px;min-height:28px;flex:0 0 28px;padding:0}
.snapshot-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.snapshot-heading .snapshot-toggle{display:flex;align-items:center;flex:1;gap:7px;border:0;padding:0;font:500 10px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-align:left}
#snapshotCount{margin-left:auto;color:var(--graphite);font-weight:400;letter-spacing:normal}
.snapshot-note{font:400 10px/1.4 var(--sans);color:var(--graphite);margin:4px 0}
.snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:240px;overflow:auto;overscroll-behavior:contain;align-content:start;padding:2px;margin-top:6px}
.snapshot-card{position:relative;min-width:0;min-height:0;aspect-ratio:6/7;background:var(--paper);border:0;isolation:isolate}
.snapshot-card.selected{outline:none}
.snapshot-card::after{content:'';position:absolute;inset:0;box-sizing:border-box;border:1px solid transparent;pointer-events:none;z-index:6}
.snapshot-card.selected::after{border:2px solid var(--ink)}
:is(.snapshot-section,#snapshotReview) .snapshot-flip{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;padding:0;border:0;line-height:0;overflow:hidden;perspective:800px;background:transparent}
.snapshot-faces{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .24s ease}
.snapshot-card[data-side=back] .snapshot-faces{transform:rotateY(180deg)}
.snapshot-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;box-sizing:border-box;padding:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.snapshot-back{transform:rotateY(180deg)}
.snapshot-caption{position:absolute;inset:auto 6px 5px;display:flex;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0;background:transparent;pointer-events:none;z-index:2}
.snapshot-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 11px/1.3 var(--sans)}
.snapshot-caption .snapshot-name{flex:none;max-width:none;pointer-events:auto}
.snapshot-caption.name-hidden .snapshot-name{display:none}
.snapshot-caption.name-hidden .snapshot-side-label::before{content:none}
.snapshot-side-label{flex:none;color:var(--graphite);font:400 9px/1.3 var(--sans)}
#snapshotGrid .snapshot-caption{display:none}
.snapshot-side-label::before{content:"· ";}
.snapshot-card-actions{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:3px;max-width:calc(100% - 6px);background:var(--paper);border:1px solid var(--rule);z-index:4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}
#snapshotGrid .snapshot-card-actions,.compact-actions .snapshot-card-actions{display:grid;grid-template-columns:repeat(2,28px);gap:3px}
.snapshot-card .snapshot-more{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;background:var(--paper)!important;opacity:0;visibility:hidden}
.snapshot-card:focus-within .snapshot-card-actions,.snapshot-card.actions-open .snapshot-card-actions{opacity:1;visibility:visible;pointer-events:auto}
.snapshot-card:focus-within .snapshot-more,.snapshot-card.selected .snapshot-more{opacity:1;visibility:visible}
@media(hover:hover) and (pointer:fine){.snapshot-card:hover:not(.selected)::after{border-color:var(--rule-mid)}.snapshot-card:hover .snapshot-card-actions{opacity:1;visibility:visible;pointer-events:auto}.snapshot-card:hover .snapshot-more{visibility:hidden}.snapshot-card:hover .snapshot-more:focus-visible{visibility:visible}}
.snapshot-card.actions-open .snapshot-more{visibility:hidden}
#snapshotReview{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;background:var(--paper);padding:10px;gap:8px;overflow:hidden;container-type:inline-size}
#snapshotReview[hidden],#snapshotsBody[hidden],.snapshot-note[hidden]{display:none}
.snapshot-review-head{flex:none;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:8px;column-gap:16px;row-gap:10px}
.snapshot-review-title{flex:1 1 190px;gap:10px}
.snapshot-review-title>.lbl{white-space:nowrap;flex:none}
#snapshotSelectedName{max-width:220px;flex:1;color:var(--graphite)}
.snapshot-sides{flex:none;gap:3px}
.snapshot-sides button{font-weight:500!important;min-width:43px}
.snapshot-sides button[aria-pressed=true]{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}
.snapshot-size{flex:0 0 240px;font:400 11px/1.3 var(--sans);color:var(--graphite);gap:8px}
.snapshot-size label{white-space:nowrap;flex:0 0 auto}
.snapshot-size input[type=range]{min-width:110px;width:110px;flex:1;accent-color:var(--ink)}
:is(#snapshotSizeValue,#snapshotSpacingValue){box-sizing:border-box;width:44px;min-width:44px;height:28px;padding:3px 2px;border:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink);font:400 11px/1.3 var(--sans);font-variant-numeric:tabular-nums;text-align:right;appearance:textfield}
:is(#snapshotSizeValue,#snapshotSpacingValue)::-webkit-inner-spin-button,:is(#snapshotSizeValue,#snapshotSpacingValue)::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#snapshotReview #snapshotViewReset,#snapshotReview #snapshotReviewClose{border-color:transparent}
#snapshotReviewGrid{overflow-anchor:none;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;justify-content:start;align-content:start;align-items:start;gap:12px;flex:1;padding:2px;scrollbar-gutter:stable}
body.snapshot-reviewing #stage>.stage-reset,body.snapshot-reviewing #stage>.stage-help{visibility:hidden}
.snapshot-edit-dialog{width:min(330px,calc(100vw - 24px));padding:12px;background:var(--paper);color:var(--ink);border:1px solid var(--rule-mid);border-radius:0}
.snapshot-edit-heading{margin-bottom:8px}
.snapshot-edit-dialog .snapshot-note{overflow-wrap:anywhere}
.snapshot-edit-row{justify-content:flex-end;margin-top:10px}
.snapshot-edit-dialog>input{box-sizing:border-box;width:100%;min-width:0;height:30px;padding:4px 6px;border:1px solid var(--rule-mid);border-radius:0;background:transparent;color:var(--ink);font:400 11px/1.3 var(--sans)}
.snapshot-edit-dialog>input[hidden]{display:none}
@media(max-width:820px),(pointer:coarse){
 body.snapshot-reviewing #snapshotReview{position:fixed;inset:0;width:var(--orb-viewport-width,100vw);height:var(--orb-viewport-height,100dvh);z-index:10001;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}
 body.snapshot-reviewing #panel,body.snapshot-reviewing header{visibility:hidden;pointer-events:none}
 .snapshot-grid{max-height:190px}
 #snapshotSizeValue,#snapshotSpacingValue,.snapshot-edit-dialog>input{font-size:16px}
}
@media(pointer:coarse){
 :is(.snapshot-section,#snapshotReview,.snapshot-edit-dialog) .snapshot-icon{width:32px;height:32px;min-height:32px;flex-basis:32px}
 #snapshotGrid .snapshot-card-actions,.compact-actions .snapshot-card-actions{grid-template-columns:repeat(2,32px)}
 .snapshot-card .snapshot-more{opacity:1;visibility:visible}
 .snapshot-card:focus-within:not(.actions-open) .snapshot-card-actions{opacity:0;visibility:hidden;pointer-events:none}
 .snapshot-card.actions-open .snapshot-more{visibility:hidden}
 .snapshot-card:has(:focus-visible) .snapshot-card-actions{opacity:1;visibility:visible;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){.snapshot-faces{transition:none}}

@media(hover:hover) and (pointer:fine){.snapshot-card .snapshot-more{display:none!important}}

#snapshotGrid .snapshot-card-actions,#snapshotGrid .snapshot-more{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}
#snapshotCapture.capturing svg{opacity:0}
#snapshotCapture.capturing{position:relative}
#snapshotCapture.capturing::after{content:'';position:absolute;width:12px;height:12px;box-sizing:border-box;border:1px solid var(--rule-mid);border-top-color:var(--ink);border-radius:50%;animation:snapshot-busy .8s linear infinite}
@keyframes snapshot-busy{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#snapshotCapture.capturing::after{animation:none}}

.snapshot-card.snapshot-pending{visibility:hidden}
@media(prefers-reduced-motion:reduce){.snapshot-card-actions{transition:none}}

/* Review groups share the existing rules and active colors. */
.snapshot-review-head> *{position:relative}
.snapshot-review-head>.group-divider::before{content:"";position:absolute;left:-9px;top:50%;height:20px;transform:translateY(-50%);border-left:1px solid var(--rule);pointer-events:none}
.snapshot-sides{gap:0}
#snapshotReview .snapshot-sides button{border-radius:0;margin:0}
#snapshotReview .snapshot-sides button+button{border-left:0}

/* Explicit rows keep control groups intact, like the main toolbar. */
.snapshot-review-head{display:grid;grid-template-columns:minmax(120px,1fr) auto auto auto 28px 28px;gap:10px 16px;align-items:center}
.snapshot-review-title{grid-area:1/1;overflow:hidden}
.snapshot-sides{grid-area:1/2}
.snapshot-spacing{grid-area:1/3}
.snapshot-size:not(.snapshot-spacing){grid-area:1/4}
.snapshot-view-tools{grid-area:1/5}
#snapshotReviewClose{grid-area:1/6}
.snapshot-size{display:grid;grid-template-columns:auto 110px 44px auto;gap:8px;font:400 11px/1.3 var(--sans)}
.snapshot-size input[type=range]{box-sizing:border-box;margin:0;width:110px;min-width:0}
.snapshot-size label{font:inherit;margin:0}
@container(max-width:960px){
 .snapshot-review-head{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) 32px}
 .snapshot-review-title{grid-area:1/1/2/4}
 #snapshotReviewClose{grid-area:1/4}
 .snapshot-sides{grid-area:2/1}
 .snapshot-spacing{grid-area:2/2}
 .snapshot-size:not(.snapshot-spacing){grid-area:2/3}
 .snapshot-view-tools{grid-area:2/4}
 .snapshot-size{grid-template-columns:auto minmax(80px,1fr) 44px auto}
 .snapshot-size input[type=range]{width:100%}
}
@container(max-width:680px){
 .snapshot-review-head{grid-template-columns:minmax(0,1fr) 32px}
 .snapshot-review-title{grid-area:1/1}
 #snapshotReviewClose{grid-area:1/2}
 .snapshot-sides{grid-area:2/1;justify-self:start}
 .snapshot-view-tools{grid-area:2/2}
 .snapshot-spacing{grid-area:3/1/4/3}
 .snapshot-size:not(.snapshot-spacing){grid-area:4/1/5/3}
 .snapshot-size{grid-template-columns:46px minmax(0,1fr) 44px 16px}
}
.snapshot-capture-corners{position:absolute;inset:12px;pointer-events:none;z-index:3;color:var(--ink);opacity:.5}
.snapshot-capture-corners i{position:absolute;width:14px;height:14px;border:solid currentColor;border-width:0}
.snapshot-capture-corners i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}
.snapshot-capture-corners i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}
.snapshot-capture-corners i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.snapshot-capture-corners i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}

/* Caption remains part of the seamless tile, below the cropped image. */
#snapshotReviewGrid .snapshot-flip{height:var(--image-height);bottom:auto}
#snapshotReviewGrid .snapshot-face{height:var(--source-height);object-fit:fill;bottom:auto}
#snapshotReviewGrid .snapshot-caption{top:calc(var(--image-height) + 8px);bottom:auto;height:14px}
#snapshotReviewGrid .snapshot-card-actions,#snapshotReviewGrid .snapshot-more{bottom:auto;top:calc(var(--image-height) - 8px);transform:translate(-50%,-100%)}

#snapshotReviewGrid .snapshot-art{position:absolute;inset:0 0 8px;display:block;overflow:visible;transform:scale(var(--art-scale,1));transform-origin:50% 100%}

#snapshotReviewGrid .snapshot-front{top:var(--front-top,0px)}
#snapshotReviewGrid .snapshot-back{top:var(--back-top,0px)}

/* Hover belongs to the complete tile, never to its image button alone. */
:is(.snapshot-section,#snapshotReview) .snapshot-flip:hover:not(:disabled){background:transparent;border:0}
@media(hover:hover) and (pointer:fine){.snapshot-card:hover{background:var(--wash)}}
.snapshot-card.actions-open{background:var(--wash)}
.snapshot-size:not(.snapshot-spacing){grid-template-columns:auto 110px 44px}
@container(max-width:960px){.snapshot-size:not(.snapshot-spacing){grid-template-columns:auto minmax(80px,1fr) 44px}}
@container(max-width:680px){.snapshot-size:not(.snapshot-spacing){grid-template-columns:46px minmax(0,1fr) 44px 16px}}
/* Touch needs an explicit trigger; desktop compact tiles reveal actions on hover/focus. */
@media(hover:none), (pointer:coarse){
 #snapshotReviewGrid .tiny-actions .snapshot-more{display:grid!important;opacity:1;visibility:visible}
 #snapshotReviewGrid .tiny-actions:not(.actions-open):not(:has(:focus-visible)) .snapshot-card-actions{opacity:0;visibility:hidden;pointer-events:none}
 #snapshotReviewGrid .tiny-actions.actions-open{z-index:8}
 #snapshotReviewGrid .tiny-actions.actions-open .snapshot-more{visibility:hidden}
}

/* Review ordering is an intact toolbar group. */
.snapshot-order{display:flex;align-items:center;gap:3px;grid-area:1/3}
.snapshot-review-head{grid-template-columns:minmax(120px,1fr) auto auto auto auto 32px 32px}
.snapshot-spacing{grid-area:1/4}
.snapshot-size:not(.snapshot-spacing){grid-area:1/5}
.snapshot-view-tools{grid-area:1/6}
#snapshotReviewClose{grid-area:1/7}
@container(max-width:1080px){
 .snapshot-review-head{grid-template-columns:auto auto minmax(0,1fr) minmax(0,1fr) 32px}
 .snapshot-review-title{grid-area:1/1/2/5}
 #snapshotReviewClose{grid-area:1/5}
 .snapshot-sides{grid-area:2/1}
 .snapshot-order{grid-area:2/2}
 .snapshot-spacing{grid-area:2/3}
 .snapshot-size:not(.snapshot-spacing){grid-area:2/4}
 .snapshot-view-tools{grid-area:2/5}
 .snapshot-size{grid-template-columns:auto minmax(80px,1fr) 44px auto}
 .snapshot-size:not(.snapshot-spacing){grid-template-columns:auto minmax(80px,1fr) 44px}
 .snapshot-size input[type=range]{width:100%}
}
@container(max-width:760px){
 .snapshot-review-head{grid-template-columns:auto minmax(0,1fr) 32px}
 .snapshot-review-title{grid-area:1/1/2/3}
 #snapshotReviewClose{grid-area:1/3}
 .snapshot-sides{grid-area:2/1;justify-self:start}
 .snapshot-order{grid-area:2/2;justify-self:start}
 .snapshot-view-tools{grid-area:2/3}
 .snapshot-spacing{grid-area:3/1/4/4}
 .snapshot-size:not(.snapshot-spacing){grid-area:4/1/5/4}
 .snapshot-size,.snapshot-size:not(.snapshot-spacing){grid-template-columns:46px minmax(0,1fr) 44px 16px}
}

#snapshotReview #snapshotViewReset{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:76px;flex-basis:auto;padding:4px 7px;white-space:nowrap}
.snapshot-review-head{grid-template-columns:minmax(120px,1fr) auto auto auto auto auto 32px 32px}
#snapshotDeleteAll{grid-area:1/7}
#snapshotReviewClose{grid-area:1/8}
@container(max-width:1180px){
 .snapshot-review-head{grid-template-columns:auto auto minmax(0,1fr) minmax(0,1fr) auto 32px}
 .snapshot-review-title{grid-area:1/1/2/6}
 #snapshotReviewClose{grid-area:1/6}
 .snapshot-sides{grid-area:2/1}
 .snapshot-order{grid-area:2/2}
 .snapshot-spacing{grid-area:2/3}
 .snapshot-size:not(.snapshot-spacing){grid-area:2/4}
 .snapshot-view-tools{grid-area:2/5}
 #snapshotDeleteAll{grid-area:2/6}
 .snapshot-size{grid-template-columns:auto minmax(80px,1fr) 44px auto}
 .snapshot-size:not(.snapshot-spacing){grid-template-columns:auto minmax(80px,1fr) 44px}
 .snapshot-size input[type=range]{width:100%}
}
@container(max-width:880px){
 .snapshot-review-head{grid-template-columns:auto minmax(0,1fr) auto 32px;column-gap:12px}
 .snapshot-review-title{grid-area:1/1/2/4}
 #snapshotReviewClose{grid-area:1/4}
 .snapshot-sides{grid-area:2/1}
 .snapshot-order{grid-area:2/2}
 .snapshot-view-tools{grid-area:2/3}
 #snapshotDeleteAll{grid-area:2/4}
 .snapshot-spacing{grid-area:3/1/4/5}
 .snapshot-size:not(.snapshot-spacing){grid-area:4/1/5/5}
 .snapshot-size,.snapshot-size:not(.snapshot-spacing){grid-template-columns:46px minmax(0,1fr) 44px 16px}
 .snapshot-review-head>.group-divider::before{left:-7px}
}
@container(max-width:360px){
 .snapshot-review-head{grid-template-columns:auto minmax(0,1fr) 32px}
 .snapshot-review-title{grid-area:1/1/2/3}
 #snapshotReviewClose{grid-area:1/3}
 .snapshot-sides{grid-area:2/1}
 .snapshot-order{grid-area:2/2/3/4}
 .snapshot-view-tools{grid-area:3/1/4/3;justify-self:start}
 #snapshotDeleteAll{grid-area:3/3}
 .snapshot-spacing{grid-area:4/1/5/4}
 .snapshot-size:not(.snapshot-spacing){grid-area:5/1/6/4}
}

.shelf-available{display:inline-block;width:5px;height:5px;margin-left:5px;vertical-align:middle;border-radius:50%;background:var(--accent)}
.shelf-available[hidden]{display:none}
@container(min-width:361px) and (max-width:420px){
 .snapshot-review-head{grid-template-columns:auto minmax(0,1fr) 32px}
 .snapshot-review-title{grid-area:1/1/2/3}
 #snapshotReviewClose{grid-area:1/3}
 .snapshot-sides{grid-area:2/1}
 .snapshot-order{grid-area:2/2/3/4}
 .snapshot-view-tools{grid-area:3/1/4/3;justify-self:start}
 #snapshotDeleteAll{grid-area:3/3}
 .snapshot-spacing{grid-area:4/1/5/4}
 .snapshot-size:not(.snapshot-spacing){grid-area:5/1/6/4}
}

/* Gentle discovery cue; acknowledgment hides the dot through the existing flow. */
.shelf-available:not([hidden]){animation:shelf-available-breathe 2s ease-in-out infinite}
@keyframes shelf-available-breathe{0%,100%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.shelf-available:not([hidden]){animation:none;opacity:1}}

/* Direct native picker; review toolbar keeps the interface theme. */
.snapshot-view-tools{display:flex;align-items:center;gap:8px;min-width:0}
/* One outer border, two independent controls. */
.snapshot-background-group{display:flex;align-items:center;flex:none;height:28px;box-sizing:border-box;border:1px solid var(--rule-mid)}
.snapshot-background{position:relative;display:block;flex:none;width:26px;height:26px;padding:3px;box-sizing:border-box;border:0;cursor:pointer}
#snapshotReview .snapshot-background-group #snapshotBackgroundTheme{width:26px;height:26px;min-height:26px;flex:0 0 26px;border:0}
.snapshot-background:hover{background:var(--wash)}
#snapshotBackgroundChip{display:block;width:100%;height:100%;background:var(--paper);border:1px solid var(--rule);box-sizing:border-box}
#snapshotBackgroundColor{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
.snapshot-background:focus-within{outline:1px solid var(--ink);outline-offset:2px}
#snapshotReview{background:var(--paper)}
#snapshotReview .snapshot-review-head{background:var(--paper)}
#snapshotReviewGrid{background:var(--paper);color:var(--ink)}

#snapshotsBody .snapshot-name-input{box-sizing:border-box;width:100%;min-width:0;min-height:32px;margin-top:6px;padding:4px 6px;border:1px solid var(--rule-mid);border-radius:0;background:var(--paper);color:var(--ink);font:inherit;font-size:12px}
#snapshotsBody .snapshot-name-input:focus{outline:1px solid var(--ink);outline-offset:1px}