#record .topbar{margin-bottom:6px}
#record .topbar h1{font-size:1.35rem}
#record .record-actions{display:flex;justify-content:flex-end;margin:0 2px 12px}
#record .record-delete{border:1px solid #edd8df;border-radius:999px;background:#fff7f8;color:#a34b62;padding:8px 13px;font-size:.8rem;font-weight:700}
#record .record-detail{padding:15px;border-radius:24px;box-shadow:0 8px 24px rgba(93,72,150,.06)}
#record .detail-grid{gap:10px}
#record .detail-item{padding:17px;border-radius:17px;border-color:#e7e1f9;overflow:hidden}
#record .detail-item h3{font-size:.91rem;color:#382c86;margin:0 0 11px}
#record .detail-item p{font-size:.9rem;line-height:1.6;color:#453a7d;margin:0;overflow-wrap:anywhere}
#record .record-track{margin-bottom:12px!important}
#record .detail-item .youtube{min-height:46px;border-radius:14px;background:#fff1f2;border-color:#eddaef;color:#ad3450;font-size:.88rem;padding:9px 12px}
#record .detail-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#record .detail-photo-button{display:block;width:100%;aspect-ratio:1;border:0;background:#f8f6ff;border-radius:12px;overflow:hidden;padding:0}
#record .detail-photo-button .detail-photo{display:block;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0}
#record .record-photo-memo{margin-top:12px!important;white-space:pre-wrap}
#record .record-decor-preview{display:block;width:100%;height:288px;padding:0;overflow:hidden;position:relative;border:1px solid #e4dcfa;border-radius:14px;background-color:#faf8ff;cursor:zoom-in}
#record .record-preview-caption{text-align:center;color:#867bb0!important;font-size:.78rem!important;margin-top:8px!important}
#record .record-snapshot-surface,.layout-lightbox-canvas .record-snapshot-surface{position:absolute;left:50%;top:50%;transform-origin:center center;text-align:left;background:#fff;box-shadow:0 3px 15px rgba(48,35,102,.11);pointer-events:none;overflow:hidden}
.record-snapshot-surface .canvas-item{position:absolute;display:flex;align-items:center;justify-content:center;user-select:none}
.record-snapshot-surface .item-content-wrapper{position:relative;width:100%;height:100%}
.record-snapshot-surface .ctrl-handle{display:none}
.record-snapshot-surface .decor-item{position:absolute;min-width:15px;min-height:15px;white-space:pre-wrap}
.record-snapshot-surface .decor-item img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:360px){#record .record-decor-preview{height:255px}}