/* Shared item catalog: the same warm panels as the rest of Checkpoint. */
.site-theme .db-page{padding-bottom:60px}.db-page-heading,.db-results-heading,.db-settings-heading,.db-admin-collection-info,.db-admin-top-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.db-page-heading{margin:0 0 24px}.db-page-heading h1{position:relative;padding-left:18px;margin:0;font-size:30px;letter-spacing:-.8px}.db-page-heading h1:before{content:'';position:absolute;left:0;top:5px;width:4px;height:30px;border-radius:4px;background:#b6825f}.db-page-heading select{margin:0;background:#fffdfa;border:1px solid #e2d3c6;padding:11px 15px;border-radius:10px;color:#705184}.db-collection-tabs{display:flex;gap:6px;margin:0 0 18px;overflow-x:auto;padding:4px 0 8px}.db-collection-tabs button{flex-shrink:0;border:1px solid #e2d3c6;border-radius:10px;background:#fffdfa;color:#80678d;padding:11px 20px;font-size:13px}.db-collection-tabs [aria-current=page]{background:#80658f;color:#fff;border-color:#80658f;box-shadow:0 3px 9px #80658f25}.db-browser-panel,.db-collection-card,.db-empty{background:linear-gradient(135deg,#fff,#fffdfa 70%,#faf1e8);border:1px solid #e2d3c6;border-radius:15px;box-shadow:0 4px 16px #49352d08}.db-browser-panel{padding:20px;margin-bottom:24px}.db-search-row{display:flex;gap:10px;align-items:center}.db-search-row>input{flex:1;min-width:0;background:#fff;border:1px solid #e2d3c6;border-radius:10px;padding:12px 15px;color:#604d70;font:inherit;font-size:13px}.db-search-row>button,.db-view-switch button,.db-pagination button{background:#fffdfa;border:1px solid #e2d3c6;border-radius:9px;color:#80658f;padding:10px 14px;font-size:12px}.db-view-switch{display:flex;gap:4px}.db-view-switch button[aria-pressed=true],.db-pagination [aria-current=page]{background:#80658f;color:white;border-color:#80658f}.db-filters{margin-top:16px}.db-filters[hidden]{display:none}.db-filters summary{font-size:13px;font-weight:600;cursor:pointer;color:#705184;padding:8px 0}.db-filter-group{border-top:1px solid #eee4dd;padding-top:14px;margin-top:12px}.db-filter-label{color:#604d70;font-size:12px;font-weight:700;margin-bottom:9px}.db-filter-subtitle{display:block;color:#9a849d;font-size:10px;margin:13px 0 7px;text-transform:uppercase;letter-spacing:.8px}.db-filter-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}.db-filter-options button{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:40px;min-height:40px;min-width:0;border:1px solid #e7dbd1;border-radius:9px;color:#80678d;background:#fffdfa;font-size:12px;line-height:14px;padding:4px 10px;transition:background .18s,border-color .18s,box-shadow .18s}.db-filter-options button.active{background:#f1eaf5;border-color:#aa8fbc;color:#604672;box-shadow:inset 0 0 0 1px #aa8fbc30}.db-filter-options button:hover{background:#f7f0e9;border-color:#bba6c9}.db-filter-options img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.db-filter-options button>span{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.db-results-heading{margin:18px 0 15px}.db-results-heading h2{font-size:20px;color:#604d70;margin:0}.db-results-heading>span{font-size:12px;color:#9a849d}.db-collection-description{font-size:13px;color:#8d7c94;margin:0 0 18px;white-space:pre-wrap}.db-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:13px;align-items:start}.db-record{min-width:0}.db-record .db-item-card{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0!important;min-height:160px;position:relative;overflow:visible;border:1px solid #e2d3c6!important;border-radius:13px;background:linear-gradient(160deg,#fff,#f8f0e8)!important;color:#604d70!important;text-align:center;box-shadow:0 3px 12px #49352d06;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.db-record .db-item-card:hover,.db-record .db-item-card:focus-visible{border-color:#aa8fbc!important;box-shadow:0 7px 20px #80658f20;transform:translateY(-3px)}.db-item-art{height:112px;padding:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f6eee6,#f0eaf5);border-radius:12px 12px 0 0}.db-item-art img{max-width:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #49352d10);border-radius:0!important}.db-item-placeholder{font-size:38px;color:#bba6c9}.db-item-copy{display:block;padding:11px 9px 12px;min-width:0}.db-item-copy>strong{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere;font-weight:650}.db-item-description{display:block;white-space:pre-wrap;line-height:1.65;font-size:12px;color:#8d7c94;margin-top:8px}.db-record-actions{display:flex;justify-content:space-between;gap:4px;margin-top:6px}.db-record-actions button{background:transparent;border:0;font-size:10px;color:#8d7c94;padding:5px 7px}.db-record-actions button:hover{color:#705184;background:#f1eaf5}.db-items-list{grid-template-columns:repeat(2,minmax(0,1fr))}.db-items-list .db-item-card{min-height:130px;flex-direction:row;align-items:flex-start;text-align:left}.db-items-list .db-item-art{flex:0 0 105px;height:105px;background:transparent;border-radius:0;padding:15px}.db-items-list .db-item-copy{padding:16px 17px 16px 0;flex:1}.db-items-list .db-item-copy>strong{font-size:15px}.db-item-badges{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.db-item-badges>span{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:10px;line-height:1.4;border:1px solid color-mix(in srgb,var(--badge-color) 35%,white);background:color-mix(in srgb,var(--badge-color) 7%,white);color:var(--badge-color);border-radius:5px;padding:3px 6px}.db-item-badges img{width:16px!important;height:16px!important;object-fit:contain}.db-record .inline-db-tip{display:none!important}.db-tip-heading{display:flex!important;align-items:center;gap:12px;margin-bottom:10px}.db-tip-heading>img{width:52px!important;height:52px!important;object-fit:contain;border-radius:8px;background:linear-gradient(145deg,#f6eee6,#f0eaf5);padding:5px;margin:0!important}.db-tip-heading>strong{font-size:15px!important;line-height:1.45}.db-tip-description{display:block!important;font-size:13px;line-height:1.75;white-space:pre-wrap;margin:13px 0}.db-tip-content>small{display:block;white-space:pre-wrap;color:#9a849d;font-size:11px;margin-top:12px}.db-tip-content .db-item-badges{display:flex!important}.db-tip-content .db-item-badges>span{display:inline-flex!important}.db-pagination{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;padding:22px 0}.db-pagination>span{font-size:11px;color:#9a849d}.db-pagination button:disabled{opacity:.4;cursor:default}.db-empty{grid-column:1/-1;text-align:center;padding:45px 25px;color:#9a849d}.db-empty h2,.db-empty h3{color:#80658f}.db-empty p{font-size:13px;line-height:1.8;margin:12px 0 18px}.db-empty a{color:#80658f;font-size:13px}.db-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.db-collection-card{padding:24px}.db-collection-mark{font-size:25px;color:#aa8fbc}.db-collection-card h2{font-size:19px;margin:13px 0 8px}.db-collection-card p{font-size:12px;color:#9a849d;min-height:20px}.db-collection-card small{display:block;font-size:11px;color:#9a849d;margin:14px 0}.db-collection-card>div{display:flex;gap:8px}.db-collection-card button,.db-admin-top-actions button{font-size:12px}.db-admin-collection-info{justify-content:flex-start;margin:0 0 22px;color:#9a849d;font-size:11px}.db-admin-collection-info button{font-size:11px;padding:6px 10px}.db-admin-collection-info a{color:#80658f}.db-status{display:inline-block;border:1px solid #e2d3c6;border-radius:20px;padding:5px 11px;background:#f7f0e9}.db-status.is-public{background:#edf5ef;color:#708c78;border-color:#cbded0}.db-admin-dialog{width:min(820px,94vw);max-height:90dvh;box-sizing:border-box;border:1px solid #e2d3c6;border-radius:17px;background:linear-gradient(135deg,#fff,#fffdfa 70%,#faf1e8);padding:30px;color:#604d70;overflow:auto;overscroll-behavior:contain}.db-admin-dialog::backdrop,.db-item-dialog::backdrop{background:#382b4355;backdrop-filter:blur(3px)}.db-admin-dialog h2{font-size:24px;margin:0 35px 22px 0}.db-admin-dialog .close,.db-item-dialog .close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#80658f;font-size:25px;padding:5px 10px}.db-admin-dialog .field-label{display:grid;gap:7px;font-size:12px;color:#80658f;margin:13px 0}.db-admin-dialog .studio-input{width:100%;box-sizing:border-box;padding:11px 12px;font:inherit;font-size:13px;line-height:1.6;color:#604d70;background:#fff;border:1px solid #e2d3c6;border-radius:9px}.db-admin-dialog button{border:1px solid #e2d3c6;border-radius:8px;padding:8px 12px;background:#fffdfa;color:#80658f;font:inherit;font-size:12px;cursor:pointer}.db-admin-dialog button.primary{background:#80658f;color:white;border-color:#80658f}.db-form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;align-items:center}.db-admin-dialog .check-label{font-size:12px;display:flex;gap:9px;align-items:center;margin:16px 0}.db-admin-dialog .studio-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:25px}.db-settings-heading{margin:20px 0 12px}.db-settings-heading h3{font-size:15px;margin:0}.db-settings-heading>span{font-size:11px;color:#9a849d}.db-column-settings{border:1px solid #e7dbd1;border-radius:10px;padding:12px;margin-top:12px}.db-column-settings summary{font-size:12px;cursor:pointer}.db-dimension-editor{background:#f9f5f1;border:1px solid #e7dbd1;border-radius:12px;padding:14px;margin:12px 0}.db-dimension-title{display:flex;gap:12px;align-items:center}.db-dimension-title>.field-label{flex:1;margin:0}.db-dimension-title>span{font-size:12px;color:#aa8fbc}.db-option-labels,.db-option-editor{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,.8fr) 40px 30px;gap:7px;align-items:center;margin:8px 0}.db-option-labels{font-size:10px;color:#9a849d;margin-top:15px}.db-option-editor .studio-input{padding:7px 9px;font-size:12px}.db-option-editor>input[type=color]{width:34px;height:34px;border:1px solid #e2d3c6;border-radius:6px;padding:2px;background:white}.db-option-editor>button{padding:3px}.db-option-image{width:40px;height:40px}.db-option-image img{width:100%;height:100%;object-fit:contain}.db-item-form-header{display:grid;grid-template-columns:125px minmax(0,1fr);gap:18px;align-items:center}.db-item-form-header>button{width:125px;height:125px;background:linear-gradient(145deg,#f6eee6,#f0eaf5);padding:12px;border-radius:13px}.db-item-form-header img{width:100%;height:100%;object-fit:contain}.db-item-form-header .studio-hint{font-size:11px;color:#9a849d;line-height:1.7}.db-form-error{color:#b27464;white-space:pre-wrap;font-size:12px;line-height:1.6}.db-image-picker{border-top:1px solid #e2d3c6;padding-top:10px;margin-top:20px}.db-image-actions{display:flex;gap:10px;align-items:center}.db-upload-button{display:block;padding:9px 13px;border-radius:8px;background:#80658f;color:white;font-size:12px;cursor:pointer}.db-image-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:8px;max-height:240px;overflow:auto;margin:15px 0}.db-image-library button{height:75px;padding:5px}.db-image-library img{width:100%;height:100%;object-fit:contain}.db-item-dialog{width:min(600px,92vw);max-height:85dvh;box-sizing:border-box;padding:32px;border:1px solid #e2d3c6;border-radius:17px;background:#fffdfa;color:#604d70}.db-detail .db-tip-heading{padding-right:30px}.db-detail .db-tip-heading>strong{font-size:22px!important}.db-detail .db-tip-heading>img{width:80px!important;height:80px!important}.db-detail .db-tip-description{font-size:14px!important}.db-item-dialog:not([open]){display:none}
@media(min-width:1600px){.db-page .db-items:not(.db-items-list){grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}}
@media(max-width:1000px){.db-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.db-items-list{grid-template-columns:1fr}}
@media(max-width:650px){.db-page-heading h1{font-size:24px}.db-page-heading h1:before{top:0}.db-browser-panel{padding:14px}.db-search-row{flex-wrap:wrap}.db-search-row>input{flex-basis:calc(100% - 95px)}.db-filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}.db-items{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.db-items-list{grid-template-columns:1fr}.db-collections{grid-template-columns:1fr}.db-item-art{height:100px;padding:10px}.db-record .db-item-card{min-height:148px}.db-admin-dialog{padding:22px 16px}.db-form-columns{grid-template-columns:1fr}.db-option-labels{display:none}.db-option-editor{grid-template-columns:38px minmax(0,1fr) 34px 28px}.db-option-editor>input[data-property=group]{grid-column:2;grid-row:2}.db-option-editor>input[type=color]{grid-column:3;grid-row:1}.db-option-editor>button:last-child{grid-column:4;grid-row:1}.db-item-form-header{grid-template-columns:85px minmax(0,1fr);gap:12px}.db-item-form-header>button{width:85px;height:85px}.db-page-heading select{width:100%}.db-admin-top-actions{justify-content:flex-start}.db-items-list .db-item-art{flex-basis:80px;height:80px}.db-results-heading{scroll-margin-top:160px}}
@media(prefers-reduced-motion:reduce){.db-record .db-item-card{transition:none}.db-record .db-item-card:hover{transform:none}}



.db-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:13px}.db-filter-heading button{font-size:12px}.db-item-categories{margin:18px 0;padding:16px;border:1px solid #e7dbd1;border-radius:12px;background:linear-gradient(135deg,#fff,#fffaf5)}.db-item-categories h3{font-size:15px;margin:0}.db-item-categories .studio-hint{font-size:12px;line-height:1.6;color:#9a849d}.db-danger{color:#a06b61!important;background:#fffaf7!important;border-color:#e4cbc4!important}.db-collection-card>div{flex-wrap:wrap}.db-record>.db-item-badges{padding:0 8px}.db-admin-dialog .db-settings-heading{scroll-margin-top:15px}

.db-display-field{display:block!important;white-space:pre-wrap;font-size:13px;line-height:1.75;margin:12px 0;overflow-wrap:anywhere}.db-display-field.is-muted{font-size:11px!important;line-height:1.6}.db-display-field .db-field-number,.db-display-field .db-field-label{display:inline!important;font-size:inherit!important}.db-item-description .db-display-field{margin:8px 0}.db-field-editor{border:1px solid #e7dbd1;border-radius:10px;margin:10px 0;padding:12px;background:#fffdfa}.db-field-editor summary,.db-item-style-settings>summary{cursor:pointer;font-size:13px;font-weight:600}.db-style-colors{display:flex;gap:22px;flex-wrap:wrap}.db-style-colors label{display:flex;align-items:center;gap:10px;font-size:12px}.db-style-colors input{width:40px;height:32px;border:1px solid #e7dbd1;padding:2px;background:white;border-radius:5px}.db-field-sample{padding:6px 14px;margin-top:12px;border:1px dashed #e7dbd1;border-radius:9px;background:white}.db-style-controls[hidden]{display:none}.db-new-field{display:flex;gap:10px;margin:15px 0}.db-new-field input{flex:1;min-width:0}.db-item-style-settings{border:1px solid #e7dbd1;border-radius:10px;padding:14px;margin:15px 0}.db-admin-dialog .studio-hint{font-size:12px;line-height:1.7;color:#9a849d}

.db-fragment-editor{margin:6px 0 16px;border:1px solid #e2d3c6;border-radius:9px;overflow:hidden;background:white}.db-fragment-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px;border-bottom:1px solid #eee4dd;background:#fffaf5}.db-fragment-toolbar button{font-size:11px!important;padding:5px 9px!important}.db-fragment-toolbar label{display:flex;gap:6px;align-items:center;font-size:11px}.db-fragment-toolbar input{width:30px;height:27px;padding:1px;border:1px solid #e2d3c6;background:white}.db-fragment-content{min-height:100px;padding:12px;outline:none;white-space:pre-wrap;font-size:13px;line-height:1.7;color:#604d70;overflow-wrap:anywhere}.db-fragment-content:focus{box-shadow:inset 0 0 0 1px #aa8fbc}.db-fragment-status{display:block;padding:0 12px 8px;font-size:10px;color:#9a849d}.db-display-field [data-text-style]{display:inline!important;font-size:inherit!important}.cell-text-fields textarea[hidden]{display:none!important}

.db-admin-dialog textarea[hidden]{display:none!important}

.db-property-term{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.db-property-term:focus-visible{outline:2px solid #b6825f;outline-offset:2px;border-radius:2px}#db-property-popover{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:260px;max-width:calc(100vw - 24px);max-height:min(320px,calc(100dvh - 24px));overflow:auto;z-index:2147483647;border:1px solid #d9cbbb;border-radius:12px;padding:15px 17px;background:linear-gradient(135deg,#fff,#fffaf5);box-shadow:0 10px 30px #382b4330;color:#604d70;font:12px/1.65 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:auto}#db-property-popover[hidden]{display:none!important}#db-property-popover::backdrop{background:transparent;pointer-events:none}.db-property-editor{padding:12px;background:#fffaf5;border-bottom:1px solid #e2d3c6}.db-property-editor[hidden]{display:none}.db-property-editor label{display:grid;gap:8px;font-size:12px}.db-property-editor textarea{display:block;width:100%;min-height:90px;box-sizing:border-box;border:1px solid #e2d3c6;border-radius:8px;padding:10px;font:12px/1.6 system-ui;background:white;color:#604d70}.db-property-editor>div{display:flex;gap:8px;margin-top:10px}.db-property-editor button{font-size:11px!important;padding:6px 10px!important}

/* A square viewport gives every visible icon the same scale, including PNG padding. */
.db-item-image-frame{display:block;position:relative;flex:none;width:84px;height:84px;max-width:100%}
.db-item-art .db-icon-normalized{position:absolute;max-width:none!important;max-height:none!important;object-fit:fill}
.db-items-list .db-item-image-frame{width:75px;height:75px}
@media(max-width:650px){.db-item-image-frame{width:80px;height:80px}.db-items-list .db-item-image-frame{width:60px;height:60px}}

/* One-line names reserve the same title area as two-line names. */
.db-items:not(.db-items-list){align-items:stretch}
.db-record:not(.db-record-list){display:flex;flex-direction:column}
.db-record:not(.db-record-list) .db-item-card{flex:1}
.db-record:not(.db-record-list) .db-item-art{flex-shrink:0}
.db-record:not(.db-record-list) .db-item-copy{flex:1;display:flex;align-items:center;justify-content:center}
.db-record:not(.db-record-list) .db-item-copy>strong{min-height:2.8em;display:flex;align-items:center;justify-content:center;text-align:center}

.db-skill-media{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;margin:10px 0;max-width:100%}
.db-skill-media>small{font-size:10px!important;color:#9a849d}
.db-skill-media>img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;object-fit:contain!important;border-radius:6px!important}
.db-skill-area>img{max-height:110px!important}
.db-skill-screenshot>img{max-height:140px!important}
.db-detail .db-skill-area>img{max-height:160px!important}
.db-detail .db-skill-screenshot>img{max-height:360px!important}
.db-skill-media-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.db-skill-media-slots>button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#fffaf5;border:1px dashed #d7c6b8;border-radius:10px}
.db-skill-media-slots strong{font-size:12px}.db-skill-media-slots small{font-size:10px;color:#9a849d}
.db-skill-media-slots [data-cat-skill-preview]{display:flex;height:90px;align-items:center;justify-content:center}
.db-skill-media-slots img{max-width:100%;max-height:90px;object-fit:contain}
.db-paste-target{padding:16px;border:1px dashed #bba5c7;border-radius:9px;font-size:12px;background:#f6f1f8;cursor:pointer}
.db-paste-target:focus{outline:2px solid #aa8fbc;outline-offset:2px}