/* Compact tiles and optional discussion spaces are limited to the app board. */
.board-page .boards>.wrap:has(#boardView:not([hidden]) .app-playground-top){max-width:1770px}
#boardView:has(.app-playground-top){margin-top:18px}
#boardView:has(.app-playground-top) .bv-head{margin-bottom:12px}
#boardView:has(.app-playground-top) .board-list-toolbar{margin-block:12px 14px;gap:12px;font-size:13px}
#boardView:has(.app-playground-top) .board-list-toolbar input{padding:7px 11px;font-size:14px}
#boardView:has(.app-playground-top) .board-extra-filters{margin-block:10px}
.app-playground-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;margin:10px 0 14px}
.app-playground-top details{min-width:0;border:1px solid #e3e3e9;border-radius:10px;background:#fafbfc}
.app-playground-top summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;font-size:14px;line-height:1.5;cursor:pointer;list-style:none}
.app-playground-top summary::-webkit-details-marker{display:none}
.app-playground-top summary::after{content:'＋';margin-left:auto;color:#786477;font-size:16px}
.app-playground-top details[open]>summary::after{content:'−'}
.app-playground-top summary strong{font-size:14px;color:#334458}
.app-playground-top summary>span{font-size:13px;color:#776576}
.app-playground-top summary:focus-visible{outline:3px solid #ad3f69;outline-offset:3px}
.app-playground-guide>div,.app-request-content{padding:0 16px 16px}
.app-playground-guide p{font-size:14px;line-height:1.85;color:#526071;margin:6px 0 12px}
.app-playground-top .app-request-area{background:#fffafb;border-color:#e9dfe6}
.app-request-fields{display:grid;gap:7px}
.app-request-fields label{font-size:13px;font-weight:600}
.app-request-fields select,.app-request-fields textarea{box-sizing:border-box;width:100%;max-width:100%;border:1px solid #d8dce3;border-radius:8px;padding:9px 11px;background:#fff;color:#243549;font:inherit;font-size:14px}
#boardView .app-request-fields textarea{resize:vertical;line-height:1.7;min-height:96px}
.app-request-area .form-note{font-size:13px;line-height:1.8;margin:3px 0 12px}
.app-request-area button{min-height:36px;border:1px solid #ddd4dc;border-radius:8px;background:#fff;color:#59435a;font:inherit;font-size:13px;padding:7px 11px;cursor:pointer}
.app-request-area .app-request-submit{margin-top:10px;background:#263d58;color:#fff;border-color:#263d58}
.app-request-area button:disabled{opacity:.55;cursor:default}
.app-request-area button:focus-visible,.app-review-button:focus-visible{outline:3px solid #ad3f69;outline-offset:3px}
.app-request-list{max-height:410px;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:18px 0 10px;padding:0}
.app-request-list>li{padding:14px 0;border-top:1px solid #e7dfe6}
.app-request-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:#686471;line-height:1.7}
.app-request-kind{color:#98496c;font-weight:700}
.app-request-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75;margin:10px 0}
.app-request-actions{display:flex;gap:7px;flex-wrap:wrap}
.app-request-actions[hidden]{display:none}
.app-request-actions [aria-pressed=true]{color:#aa3869;background:#fff0f7}
.app-request-status:empty{display:none}
.app-request-area form>button{margin-top:10px;margin-right:8px}
.app-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:start}
.app-gallery-card{align-self:start;border-radius:10px}
.app-gallery-preview{aspect-ratio:3.4/1;background:#f3f4f7}
.app-gallery-copy{padding:9px 11px 10px}
.app-gallery-copy h3{font-size:15px;line-height:1.4;margin:0;min-height:2.8em;display:flex;align-items:center}
.app-gallery-copy h3 button{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.app-card-reactions{display:flex;align-items:center;gap:16px;margin:3px 0 1px;flex-wrap:wrap}
.app-card-reactions .app-like-button{margin:0;padding:5px 0;font-size:13px;min-height:30px}
.app-review-button{border:0;background:transparent;color:#615a6a;padding:5px 0;font:inherit;font-size:13px;min-height:30px;cursor:pointer}
.app-review-button[aria-expanded=true]{color:#a33364;font-weight:650}
.app-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;line-height:1.45}
.app-gallery-copy time,.app-card-meta .app-view-count{font-size:13px;margin:0;color:#737784}
.app-preview-fallback{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 14px;height:100%;overflow:hidden;overflow-wrap:anywhere;font-size:13px;line-height:1.4;font-weight:650;background:linear-gradient(130deg,#f6eff6,#edf2f8);color:#6d6177}
.app-preview-fallback small{font-size:13px;font-weight:400}
/* An opened review occupies its own full row, keeping the neighboring tiles compact. */
.app-gallery-card.reviews-open{grid-column:1/-1;display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);align-items:center}
.app-gallery-card.reviews-open .app-gallery-preview{aspect-ratio:3/1}
.app-gallery-card.reviews-open .app-gallery-copy h3{min-height:0}
.app-card-reviews{grid-column:1/-1;padding:0 22px 20px;min-width:0}
.app-card-reviews[hidden]{display:none}
.app-card-reviews .board-comments{margin-top:4px;padding-top:18px}
.app-card-reviews .board-comments h3{font-size:17px}
.app-card-reviews .comment-invitation{font-size:13px;line-height:1.75}
#boardView .app-card-reviews textarea{box-sizing:border-box;max-width:100%;width:100%;min-height:90px;border:1px solid #d7dce4;border-radius:8px;padding:10px;font:inherit;font-size:14px;line-height:1.7;resize:vertical}
.app-card-reviews .comment-form-bottom{align-items:flex-start;flex-wrap:wrap;gap:8px}
.app-card-reviews .app-comment-list{max-height:420px;overflow-y:auto;overscroll-behavior:contain}
.app-card-reviews .app-comment-list li{padding-right:0}
.app-card-reviews .comment-delete{position:static}
.app-gallery-pagination{text-align:center;padding:15px 0}
.app-gallery-pagination .text-button{padding:9px 22px;border:1px solid #d7dce3;border-radius:22px;background:#fff;font-size:14px}
.app-gallery-pagination button[hidden]{display:none}
.app-gallery-pagination .form-note,.app-gallery-status{font-size:13px;margin:3px 0}
@media(max-width:1449px){.app-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1199px){.app-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:959px){.app-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.app-playground-top{grid-template-columns:1fr;gap:8px}.app-playground-top summary{padding-block:9px}}
@media(max-width:699px){.app-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-gallery-preview{aspect-ratio:2.4/1}.app-gallery-copy{padding:9px}.app-gallery-copy h3{font-size:14px;min-height:2.8em}.app-card-reactions{gap:12px}.app-card-meta{gap:5px}.app-card-meta .app-view-count{display:none}.app-playground-top summary{gap:6px 10px}.app-playground-top summary strong{font-size:13px}.app-request-list{max-height:330px}.app-gallery-card.reviews-open{grid-template-columns:minmax(0,1fr)}.app-gallery-card.reviews-open .app-gallery-preview{display:none}.app-card-reviews{padding:0 13px 15px}#boardView:has(.app-playground-top) .board-list-toolbar{gap:5px;margin-block:9px}}