.preview-board{--board-ink:var(--ink,#21152d);--board-purple:#8552c1;color:var(--board-ink);min-width:0;margin:24px 0}.preview-board-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.preview-board-kicker{letter-spacing:1.5px;color:#78548f;font-size:9px;font-weight:900}.preview-board-heading h4{margin:7px 0 0;font-size:21px;line-height:1.25}.preview-board-heading p{color:#755e83;margin:7px 0 0;font-size:11px;line-height:1.5}.preview-board-label{border:1px solid var(--board-ink);white-space:nowrap;background:#e9fac1;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-flex}.preview-board-progress{border:2px solid var(--board-ink);background:#efe1fa;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px;padding:16px;display:flex}.preview-board-progress>div{align-items:center;gap:11px;min-width:0;display:flex}.preview-board-progress svg{color:var(--board-purple);flex-shrink:0}.preview-board-progress b{font-size:12px;display:block}.preview-board-progress small{color:#735585;margin-top:5px;font-size:10px;line-height:1.6;display:block}.preview-board-status-button{color:#603686;cursor:pointer;background:#fffdf2;border:1px solid #a47bc1;border-radius:5px;flex-shrink:0;padding:8px 10px;font-size:10px;font-weight:800}.preview-board-empty{text-align:center;background:#fbf7ff;border:1px solid #e4dbee;border-radius:10px;padding:33px 24px}.preview-board-empty-icons{justify-content:center;gap:9px;margin:0 auto 21px;display:flex}.preview-board-empty-icons>span{border:2px solid var(--board-ink);width:47px;height:50px;box-shadow:2px 2px 0 var(--board-ink);background:#e7d5fa;border-radius:5px;place-items:center;display:grid;transform:rotate(-4deg)}.preview-board-empty-icons>span:nth-child(2n){background:#d5fa68;transform:rotate(4deg)}.preview-board-empty-icons>span:nth-child(3){background:#ffcf9b}.preview-board-empty h5{margin:0 0 10px;font-size:21px;line-height:1.25}.preview-board-empty>p{color:#715981;max-width:350px;margin:0 auto 23px;font-size:12px;line-height:1.7}.preview-board-empty>small{color:#715981;margin:14px auto 0;font-size:11px;line-height:1.5;display:block}.preview-board .preview-board-generate{margin:0 auto;display:inline-flex}.preview-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:19px;display:grid}.preview-output-card{border:2px solid var(--board-ink);background:#fffdf8;border-radius:10px;min-width:0;overflow:hidden;box-shadow:3px 3px #cfbae0}.preview-output-image{aspect-ratio:1;border-bottom:2px solid var(--board-ink);background:#efe5f7;position:relative}.preview-output-expand{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.preview-output-expand>img{object-fit:contain;width:100%;height:100%;display:block}.preview-output-expand-label{color:#fff;opacity:0;background:#21152ddd;border:1px solid #ffffff6b;border-radius:4px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;transition:opacity .14s;display:flex;position:absolute;bottom:9px;right:9px}.preview-output-expand:hover .preview-output-expand-label,.preview-output-expand:focus-visible .preview-output-expand-label{opacity:1}.preview-output-body{padding:14px}.preview-output-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.preview-output-toolbar h5{margin:0;font-size:13px;font-weight:900}.preview-output-toolbar>a{color:#694285;background:#f7effc;border:1px solid #cdbad9;border-radius:4px;place-items:center;width:29px;height:28px;display:grid}.preview-output-votes{gap:7px;margin-bottom:16px;display:flex}.preview-output-votes>button{color:#6b537b;cursor:pointer;background:#fff;border:1px solid #c6b1d4;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:7px 6px;font-size:10px;font-weight:700;display:inline-flex}.preview-output-votes>button svg{flex-shrink:0}.preview-output-votes>button.selected{border:2px solid var(--board-ink);color:var(--board-ink);padding:6px 5px}.preview-output-votes>button.positive{background:#dff7ad}.preview-output-votes>button.negative{background:#f7c7dc}.preview-output-notes-label{color:var(--board-ink);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.preview-output-notes{width:100%;min-height:95px;color:var(--board-ink);resize:vertical;background:#fff;border:1.5px solid #bda2ce;border-radius:6px;padding:10px;font-size:12px;line-height:1.6;display:block}.preview-output-notes::placeholder{color:#826c91;opacity:1}.preview-output-notes:focus{outline-offset:1px;border-color:var(--board-purple);outline:2px solid #b693d266}.preview-output-notes[readonly]{background:#f5eff8}.preview-board .preview-output-regenerate{justify-content:center;align-items:center;gap:7px;width:100%;min-height:39px;margin-top:12px;padding:9px 10px;font-size:10px;display:flex}.preview-output-regenerating{text-align:center;color:var(--board-ink);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;background:#faf1ffd9;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:22px;display:flex;position:absolute;inset:0}.preview-output-regenerating b{font-size:13px}.preview-output-regenerating>span{color:#735884;max-width:210px;font-size:10px;line-height:1.65}.preview-output-skeleton{aspect-ratio:1;color:#b096c2;background:#f0e7f7;border-bottom:1px solid #d7c3e4;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-output-skeleton>span{color:#ad93bf;font-size:11px;font-weight:800;position:absolute;bottom:11px;right:13px}.preview-output-placeholder{border-color:#bca4cf;box-shadow:3px 3px #e5d8ee}.preview-output-placeholder.is-pending .preview-output-skeleton:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff70 48%,#0000 65%);animation:2.4s ease-in-out infinite preview-board-shimmer;position:absolute;inset:0;transform:translate(-100%)}.preview-output-placeholder-caption{flex-direction:column;gap:8px;min-height:108px;padding:18px;display:flex}.preview-output-placeholder-caption>b{color:#876b9a;font-size:13px}.preview-output-placeholder-caption>small{color:#8e77a0;font-size:11px}.preview-board-footer{align-items:center;gap:18px;margin-top:22px;display:flex}.preview-board-footer>p{color:#755e83;flex:1;margin:0;font-size:10px;line-height:1.7}.preview-board-footer>.button{white-space:nowrap;padding:10px 12px;font-size:11px}.preview-board button:disabled{cursor:not-allowed;opacity:.5}.preview-board button:focus-visible,.preview-board a:focus-visible{outline-offset:3px;outline:3px solid #8552c1}.preview-board-spinner{animation:1s linear infinite preview-board-spin}.preview-board-dialog{width:min(760px,100vw - 34px);max-height:calc(100dvh - 34px);color:var(--board-ink);border:3px solid var(--board-ink);background:#fffdf2;border-radius:12px;margin:auto;padding:0;overflow:auto;box-shadow:7px 7px #8552c1}.preview-board-dialog::backdrop{background:#1c102bd9}.preview-board-dialog-content{padding:18px}.preview-board-dialog-content>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.preview-board-dialog-content>header span{letter-spacing:1px;color:#876797;font-size:9px;font-weight:800}.preview-board-dialog-content h4{overflow-wrap:anywhere;margin:5px 0 0;font-size:16px}.preview-board-dialog-content>header>button{border:2px solid var(--board-ink);width:38px;height:38px;color:var(--board-ink);cursor:pointer;background:#d5fa68;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.preview-board-dialog-content>img{object-fit:contain;background:#f1e9f7;border:1px solid #cdbad9;border-radius:6px;width:100%;max-height:calc(100dvh - 190px);display:block}.preview-board-dialog-content>footer{justify-content:space-between;align-items:center;gap:16px;margin-top:13px;display:flex}.preview-board-dialog-content>footer>span{color:#735a82;font-size:10px;line-height:1.6}.preview-board-dialog-content>footer>a{color:#704197;white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}@keyframes preview-board-spin{to{transform:rotate(360deg)}}@keyframes preview-board-shimmer{0%,15%{transform:translate(-100%)}75%,to{transform:translate(100%)}}@media (max-width:650px){.preview-board-heading h4{font-size:19px}.preview-board-heading{align-items:flex-start;gap:9px}.preview-board-label{padding:5px 6px;font-size:8px}.preview-board-grid{gap:13px}.preview-output-body{padding:10px}.preview-output-votes{gap:5px}.preview-output-votes>button{gap:4px;font-size:9px}.preview-output-votes>button svg{width:14px;height:14px}.preview-output-notes{font-size:13px}.preview-board-footer{flex-direction:column;align-items:stretch;gap:12px}.preview-board-footer>.button{align-self:flex-start}.preview-board-progress{flex-wrap:wrap;gap:12px;padding:13px}.preview-board-status-button{margin-left:29px}.preview-output-expand-label{opacity:1;padding:5px 6px;font-size:8px;bottom:6px;right:6px}}@media (max-width:480px){.preview-board-grid{grid-template-columns:1fr;gap:19px}.preview-output-body{padding:15px}.preview-output-votes>button{min-height:42px;font-size:12px}.preview-output-votes>button svg{width:16px;height:16px}.preview-output-notes-label{font-size:12px}.preview-output-notes{font-size:16px}.preview-board .preview-output-regenerate{min-height:43px;font-size:12px}.preview-board-empty{padding:29px 17px}.preview-board-empty h5{font-size:19px}.preview-board-dialog-content{padding:13px}.preview-board-dialog-content>footer{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.preview-board-spinner,.preview-output-placeholder.is-pending .preview-output-skeleton:after{animation:none}.preview-output-expand-label{transition:none}}.preview-output-choose{border:2px solid var(--ink);background:var(--paper);width:100%;min-height:40px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-bottom:12px;padding:9px 12px;font-size:13px;font-weight:800;display:flex}.preview-output-choose:hover:not(:disabled){background:#f4edff}.preview-output-choose:disabled{cursor:not-allowed;color:#8b7c96;background:#f6f3f9;border-color:#c9bdd6}.preview-output-choose-clear{opacity:.65;margin-left:2px}.preview-output-card.is-dimmed{opacity:.48;filter:saturate(.55)}.preview-output-card.is-dimmed:hover{opacity:.72}.preview-output-choose.is-chosen{background:var(--green);box-shadow:2px 2px 0 var(--ink)}.preview-output-card.is-chosen{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.preview-board-regenerate{justify-content:center;margin-top:18px;display:flex}.preview-board-empty{background:0 0;border:0;padding:0}.preview-board-empty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.preview-board-empty-slot{aspect-ratio:2.15;background:linear-gradient(135deg,#f4effb,#faf7ff);border:1px solid #dfd3f0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:170px;display:flex}.preview-board-empty-slot svg{color:#8752bc}.preview-board-empty-slot h5{margin:0;font-size:22px}.preview-board .preview-board-generate{background:var(--green,#d9fa65);border:2px solid var(--board-ink);width:min(100%,450px);box-shadow:4px 5px 0 var(--board-ink);border-radius:12px;justify-content:center;padding:17px 20px;font-size:20px}.preview-output-placeholder{box-shadow:none;background:#f5effb;border:1px solid #dfd3f0}@media (max-width:520px){.preview-board-empty-grid{gap:12px}.preview-board-empty-slot{aspect-ratio:1;min-height:140px}.preview-board-empty-slot h5{font-size:17px}.preview-board .preview-board-generate{font-size:16px}}