.looks-intro{text-align:center;padding:2px 0 20px}.looks-intro h3{font:29px/1.18 var(--serif);color:var(--cabinet-deep);margin:8px 0 12px;letter-spacing:-.5px}.looks-intro p{font:italic 15px/1.7 var(--serif);color:var(--cabinet-accent)}
.look-preview{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.42;background:#454158}
.look-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%}
.look-host{position:absolute;left:0;top:-14%;width:100%;height:auto;max-width:none;filter:drop-shadow(0 3px 3px #1c1c3730)}
.look-preview::after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#1b1737a6);z-index:1}
.look-backs{position:absolute;display:flex;gap:3px;bottom:10px;right:12px;z-index:2;transform:rotate(-7deg)}
.look-backs i{display:grid;place-items:center;width:17px;height:23px;background:var(--look-back);color:#fff5df;border:1px solid #ebe0cf;border-radius:3px;box-shadow:0 3px 0 #a8b1c2;font:11px var(--serif);font-style:normal}
.look-current{display:grid;grid-template-columns:105px 1fr;border:1px solid var(--cabinet-outline);border-radius:12px;overflow:hidden;background:var(--cabinet-card);margin-bottom:19px;align-items:center}
.look-current>.look-preview{aspect-ratio:1;align-self:stretch}.look-current>div:last-child{padding:10px 12px}.look-current .sheet-kicker{font-size:8px;letter-spacing:.6px}.look-current p{font-size:10px;line-height:1.7;margin-top:6px;color:var(--cabinet-accent)}.look-current .look-backs{right:7px;bottom:7px}.look-current .look-backs i{width:11px;height:16px;font-size:8px}
.looks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.look-card,.look-empty{min-width:0;border:1px solid var(--cabinet-outline);border-radius:13px;overflow:hidden;background:var(--cabinet-card)}
.look-card-body{padding:12px}.look-slot{font-size:8px;letter-spacing:.7px;color:var(--cabinet-accent)}.look-card h3{font:19px/1.25 var(--serif);margin:7px 0;color:var(--cabinet-deep);overflow-wrap:anywhere}.look-card p{font-size:9px;line-height:1.7;color:var(--cabinet-faint);margin:8px 0 13px}.look-card .primary{width:100%;height:36px;font-size:11px;margin:0}.look-card-tools{display:flex;justify-content:space-between;gap:7px;margin-top:12px}.look-card-tools .text-button{font-size:9px;min-height:25px}
.look-empty{padding:25px 12px 16px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:218px;background:linear-gradient(145deg,var(--cabinet-card),var(--cabinet-soft))}.look-empty-mark{font:36px var(--serif);color:var(--cabinet-gold);margin-bottom:8px}.look-empty h3{font:18px/1.3 var(--serif);margin:10px 0 12px;color:var(--cabinet-deep)}.look-empty .secondary{height:35px;font-size:10px;width:100%;margin-top:auto}
.look-editor>.look-preview,.look-editor #look-draft-preview{border:1px solid var(--cabinet-outline);border-radius:14px;overflow:hidden}.look-editor #look-draft-preview>.look-preview{aspect-ratio:1.48}
.look-editor-fields{display:grid;gap:8px;margin:18px 0}.look-editor-fields label{font-size:11px;color:var(--cabinet-accent);margin-top:8px}.look-editor-fields small{display:block;font-size:8px;line-height:1.8;color:var(--cabinet-faint)}
.look-editor-fields input,.look-editor-fields select{width:100%;min-width:0;font:16px var(--sans);border:1px solid var(--cabinet-outline);border-radius:9px;padding:12px;color:var(--cabinet-deep);background:var(--cabinet-card);min-height:45px}.look-editor-fields input::placeholder{color:var(--cabinet-faint);opacity:.7}.look-editor-fields select{padding-right:28px}
.look-editor>.primary{width:100%;height:43px;font-size:13px}.look-editor>.secondary{width:100%;height:39px;font-size:12px}.collection-saved-tables{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--cabinet-outline);border-radius:12px;background:var(--cabinet-soft);margin:0 0 18px}.collection-saved-tables h3{font:19px var(--serif);color:var(--cabinet-deep);margin:0 0 3px}.collection-saved-tables p{font-size:9px;color:var(--cabinet-faint);margin:0}.collection-saved-tables .secondary{font-size:10px;flex:0 0 auto;height:35px;margin:0}
.sheet-dialog.is-look-editor{height:min(850px,calc(100dvh - max(16px,env(safe-area-inset-top))));max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));overflow:hidden}
.is-look-editor #sheet-content{height:100%;min-height:0;display:flex;flex-direction:column}.is-look-editor .sheet-header{position:relative;flex:0 0 auto;backdrop-filter:none}.is-look-editor .sheet-body{padding:0;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.is-look-editor .sheet-body>.sheet-kicker{padding:12px 20px 0;flex:0 0 auto}
.look-editor{height:100%;min-height:0;display:flex;flex-direction:column}.look-editor-scroll{padding:16px 20px 20px;overflow:auto;flex:1;min-height:0}.look-editor-actions{flex:0 0 auto;display:grid;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--line);background:var(--cabinet-card)}.look-editor-actions>button{width:100%;height:40px;margin:0;font-size:13px}.look-editor-actions>.secondary{height:35px;font-size:11px}
@media(max-width:360px){.looks-grid{gap:9px}.look-card-body{padding:10px}.look-card h3{font-size:17px}.look-card .primary{font-size:10px}.look-card-tools .text-button{font-size:8px}.look-current{grid-template-columns:86px 1fr}.look-current p{font-size:9px}.look-empty{padding:20px 9px 13px;min-height:202px}.look-empty h3{font-size:16px}.looks-intro h3{font-size:26px}.collection-saved-tables{padding:12px}.collection-saved-tables h3{font-size:17px}}