dialog.iris-card-preview{box-sizing:border-box;width:min(36rem,calc(100vw - 24px));height:min(900px,calc(100vh - 32px));height:min(900px,calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom))));max-width:100%;max-height:100%;min-width:0;padding:16px;margin:auto;background:#51443b;color:#fff7eb;border:1px solid #cbaf8a;border-radius:18px;overflow:auto;overscroll-behavior:contain;font:15px/1.35 'Avenir Next','Segoe UI',sans-serif;touch-action:auto}
dialog.iris-card-preview:not([open]){display:none}
dialog.iris-card-preview[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px}
.iris-card-preview::backdrop{background:rgba(26,19,14,.76)}
.iris-card-preview-header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.iris-card-preview-header h2{margin:0;font-size:1.1rem;line-height:1.2;color:inherit}
.iris-card-preview .iris-card-close{width:40px;height:40px;padding:0;flex:none;border:1px solid #aa9480;border-radius:50%;color:#fff7eb;background:transparent;font:24px/1 sans-serif}
.iris-card-surface{min-width:0;min-height:0;border-radius:8px;background:#342b26;display:grid;place-items:center;overflow:hidden}
.iris-card-surface img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;-webkit-touch-callout:default}
.iris-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.iris-card-actions>*{box-sizing:border-box;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:999px;border:1px solid #d1b08c;font-family:inherit;font-weight:600;font-size:.91rem;line-height:1.2;cursor:pointer;text-decoration:none}
.iris-card-actions .iris-card-save{background:#f6d9a8;color:#302318;font-weight:600}
.iris-card-actions .iris-card-share{background:#635144;color:#fff7eb;font-family:inherit}
.iris-card-preview .iris-card-tip{margin:0;font-size:.77rem;line-height:1.3;color:#f2e4d2}
.iris-card-preview :focus-visible{outline:3px solid #fff3c4;outline-offset:2px}
@media(max-height:520px){dialog.iris-card-preview{padding:8px 12px;gap:4px;height:calc(100dvh - 12px)}.iris-card-preview .iris-card-close{height:30px;width:30px}.iris-card-preview .iris-card-tip{font-size:.7rem}}