:root{--showcase-art-radius:0}.personal-showcase{margin-top:28px;padding:24px;border:1px solid #d6d9d0;background:var(--paper)}.personal-showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.personal-showcase-heading h2{font-size:24px}.personal-showcase-heading p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.personal-showcase-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.personal-showcase-card{display:flex;flex-direction:column;gap:7px;min-width:0;text-align:center}.personal-showcase-art{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;overflow:hidden;border:1px solid #d9ded5;border-radius:var(--showcase-art-radius);background:linear-gradient(145deg,#eaf1eb,#f5efe3);color:var(--teal);font-size:32px}.personal-showcase-art>span,.personal-showcase-art>img{grid-area:1/1}.personal-showcase-art img[data-kind]{width:100%;height:100%;object-fit:cover}.is-device .personal-showcase-art img[data-kind]{object-fit:contain;padding:10px}.personal-showcase-art.is-completed{border:0;background:#191913}.personal-showcase-art .showcase-completion-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:url(https://image.nexuslabs.cn/SaveDeckMedias/site/8959c667acc03e6f4a1051aeab4d10c5851e90ddee5d24851c742d352bbe0af1.svg) center/100% 100% no-repeat;pointer-events:none}.personal-showcase-art .showcase-completion-seal{position:absolute;top:6%;right:6%;z-index:1;width:25%;height:25%;object-fit:contain;filter:drop-shadow(0 1px 2px #191913b3);pointer-events:none}.personal-showcase-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.personal-showcase-card small{color:var(--muted);font-size:11px}.personal-showcase-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;aspect-ratio:1;border:1px dashed #cbd4c7;border-radius:var(--showcase-art-radius);color:#8a9484}.personal-showcase-slot span{font-size:24px}.personal-showcase-slot small{font-size:11px}.showcase-editor{width:min(860px,calc(100% - 32px));max-width:860px;max-height:90vh;padding:24px;overflow:auto}.showcase-editor[open]{display:flex;flex-direction:column}.showcase-editor>:not(.showcase-options-area){flex-shrink:0}.showcase-editor .showcase-options{flex:1 1 260px;min-height:70px}.showcase-editor .dialog-head{margin-bottom:12px}.showcase-editor h2{font-size:26px}.showcase-editor-note{margin:8px 0 16px;color:var(--muted);font-size:12px;line-height:1.7}.showcase-options-area{position:relative;display:flex;flex-direction:column;flex:1 1 260px;min-height:70px;height:260px}.showcase-options-area #showcaseOptionsEmpty{position:absolute;top:16px;right:12px;bottom:16px;left:12px;pointer-events:none}.showcase-editor .showcase-more{display:block;min-height:24px}.showcase-editor .showcase-more[hidden]{display:block!important;visibility:hidden}.showcase-preview{margin:16px 0 10px;padding:14px;border:1px solid #d4ddce;border-radius:6px;background:#eef2e9;gap:12px}.showcase-preview-card{position:relative;min-width:0;border-radius:var(--showcase-art-radius);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.showcase-preview-card.personal-showcase-card{padding:6px;border:1px solid transparent;background:var(--paper);cursor:grab}.showcase-preview-card.personal-showcase-slot{align-self:stretch;padding:6px;gap:7px;background:var(--paper);aspect-ratio:auto;border-radius:var(--showcase-art-radius)}.showcase-preview-card.personal-showcase-slot .personal-showcase-art{border:0;background:transparent;color:inherit}.showcase-preview-card>.personal-showcase-art{flex-shrink:0}.showcase-preview-card.is-dragging{opacity:.3;cursor:grabbing}.showcase-preview-card.is-drop-target{outline:3px solid var(--teal);outline-offset:2px}.showcase-slot-number{position:absolute;z-index:1;top:8px;left:8px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#fffdf8ed;color:var(--teal);font-size:11px;font-weight:650}.showcase-remove{position:absolute;z-index:2;top:-8px;right:-8px;width:25px;height:25px;padding:0;border:1px solid #c5cebf;border-radius:50%;background:var(--paper);color:#6e7465;font-size:19px;line-height:1}.showcase-preview-card small{font-size:10px;line-height:15px}.showcase-preview-card .personal-showcase-name{font-size:12px;line-height:18px}.showcase-drag-ghost{position:fixed;z-index:10000;pointer-events:none;margin:0;padding:6px;background:var(--paper);border-radius:var(--showcase-art-radius);box-shadow:0 8px 24px #26332540;opacity:.95;cursor:grabbing}.showcase-drag-ghost .showcase-remove{display:none}.showcase-editor-controls{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:18px}.showcase-editor-tabs{display:flex;gap:4px;flex-wrap:wrap}.showcase-editor-tabs button{padding:7px 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font-size:12px}.showcase-editor-tabs button[aria-pressed=true]{border-color:#91bec3;background:#e5f3f3;color:var(--teal)}.showcase-search{width:220px;max-width:100%;height:36px;padding:6px 10px;border:1px solid #d3d8cd;border-radius:4px;background:#fff;font-size:12px}.showcase-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;align-items:start;gap:12px;height:260px;max-height:260px;overflow:auto;scrollbar-gutter:stable;padding:4px;overflow-anchor:none}button.showcase-option[hidden],.showcase-option-order[hidden]{display:none}button.showcase-option{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:7px;border:2px solid transparent;border-radius:var(--showcase-art-radius);background:#f7f6ef;color:var(--ink)}.showcase-option[aria-pressed=true]{border-color:var(--teal);background:#eaf5f3}.showcase-option:disabled{cursor:default}.showcase-option small{font-size:10px;color:var(--muted)}.showcase-option .personal-showcase-name{max-width:100%;font-size:12px}.showcase-option-order{position:absolute;top:2px;right:2px;z-index:1;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--teal);color:#fff;font-size:11px}.showcase-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.showcase-editor-footer>span{font-size:13px;color:var(--muted)}.showcase-editor-footer>div{display:flex;gap:8px}.player-dialog-showcase{margin-bottom:24px}.player-dialog-showcase .personal-showcase-grid{gap:10px}.player-dialog-showcase h3{margin:0 0 16px}.player-dialog-showcase>p{color:var(--muted);font-size:12px}@media(max-width:680px){.personal-showcase{padding:18px}.personal-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.personal-showcase-heading{align-items:flex-start}.personal-showcase-heading h2{font-size:22px}.personal-showcase-heading .secondary{min-height:36px;padding:6px 10px;white-space:nowrap}.showcase-options{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-editor{padding:18px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.showcase-editor-controls{align-items:stretch;flex-direction:column}.showcase-search{width:100%}.showcase-editor-footer{align-items:flex-start;flex-wrap:wrap}.showcase-editor-footer .primary,.showcase-editor-footer .secondary{min-height:38px;padding:8px 12px}}