.dis-screen{min-height:100vh;background:#fbf8f5;overflow:hidden}.dis-layout{display:grid;grid-template-columns:340px 1fr;height:100vh}.dis-left{display:flex;flex-direction:column;padding:40px 28px 40px 40px;overflow-y:auto;border-right:1px solid hsla(37,24%,52%,.15)}.dis-headline{font-family:var(--font-cormorant),Didot,Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-.03em;line-height:1.15;color:#000;margin:0 0 32px}.dis-cards{display:flex;flex-direction:column;gap:20px}.dis-card{width:100%}.dis-card-btn{display:block;width:100%;border:none;background:none;cursor:pointer;padding:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(42,33,27,.09);transition:transform .16s ease,box-shadow .16s ease}.dis-card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(42,33,27,.13)}.dis-card.is-active .dis-card-btn{box-shadow:0 0 0 2px #a28b66,0 6px 20px rgba(42,33,27,.12)}.dis-card-img-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#fffbf4}.dis-card-img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dis-card-selected-badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:20px;background:#a28b66;color:#fff;font-family:var(--font-jost),"Jost",sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.dis-card-foot{padding:10px 14px 12px;background:#fffbf4;text-align:left;display:flex;align-items:baseline;gap:8px}.dis-card-name{font-family:var(--font-cormorant),Didot,Georgia,serif;font-size:22px;font-weight:400;letter-spacing:-.02em;color:#000;line-height:1}.dis-card-style{font-family:var(--font-jost),"Jost",sans-serif;font-size:10px;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:#a28b66}.dis-card-actions{display:flex;align-items:center;gap:8px;padding:8px 2px 0}.dis-card-action{font-family:var(--font-jost),"Jost",sans-serif;font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:#a28b66;background:none;border:none;cursor:pointer;padding:0;text-decoration:none;transition:opacity .14s}.dis-card-action:hover{opacity:.65}.dis-card-action-sep{color:hsla(37,24%,52%,.4);font-size:12px;line-height:1}.dis-preview-panel{display:flex;flex-direction:column;padding:40px;overflow:hidden}.dis-preview-label{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.dis-preview-label-text{font-family:var(--font-jost),"Jost",sans-serif;font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:#a28b66}.dis-preview-label-name{font-family:var(--font-cormorant),Didot,Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.02em;color:#000}.dis-preview-frame{flex:1;overflow:hidden;border-radius:14px;box-shadow:0 4px 32px rgba(42,33,27,.1)}.dis-preview-frame>*{height:100%}.dis-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center}.dis-modal-backdrop{position:absolute;inset:0;background:rgba(23,21,20,.7);border:none;cursor:pointer;width:100%;height:100%}.dis-modal-inner{position:relative;z-index:1;width:min(860px,92vw);height:88vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.dis-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;border-radius:50%;border:none;background:rgba(0,0,0,.12);color:#333;font-size:14px;cursor:pointer;display:grid;place-items:center}.dis-modal-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width:900px){.dis-layout{grid-template-columns:1fr;height:auto}.dis-left{border-right:none;border-bottom:1px solid hsla(37,24%,52%,.15)}.dis-cards{flex-direction:row;overflow-x:auto}.dis-card{min-width:220px}.dis-preview-panel{height:70vh}}