.card-creator{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:20px;align-items:start;min-width:0}.card-creator-fields.author-workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.card-creator .author-panel{padding:16px;gap:14px}.card-creator-fields>.author-details{grid-column:1;grid-row:1}.card-creator-fields>.card-artwork-controls{grid-column:2;grid-row:1}.card-creator-fields>.author-descriptions{grid-column:1/-1;grid-row:2}.card-creator-fields>.card-game-panel{grid-column:1/-1;grid-row:3}.card-creator .author-panel .form-grid{gap:12px}.card-creator .author-tools .row{gap:6px}.card-creator .author-descriptions{gap:16px}.card-creator .author-descriptions textarea{min-height:82px}.card-creator .journal-editor{margin:0}.card-preview-panel{position:sticky;align-self:start;top:20px;display:grid;gap:12px;justify-items:center;align-content:start;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.card-preview-panel>h3{font-size:13px;color:var(--orange)}.card-preview-panel>h3:empty{display:none}.card-live-frame{width:min(100%,270px,max(120px,calc((100dvh - 260px)*.724137931)));aspect-ratio:126/174;position:relative;touch-action:none;overflow:hidden;user-select:none}.card-live-frame>img.card-live-frame-image{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.card-live-frame canvas{position:absolute;left:11.9%;top:20.689655%;width:76.2%;height:66%;z-index:1;image-rendering:pixelated;cursor:grab;touch-action:none}.card-live-frame canvas.card-photo-preview{image-rendering:auto}.card-live-frame canvas:active{cursor:grabbing}.card-live-title{position:absolute;left:13%;right:13%;top:9%;z-index:3;font-size:clamp(10px,1.05vw,15px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#fff;text-shadow:1px 1px #1c2022}.card-live-stats{min-width:0;width:100%}.card-artwork-controls .field{margin:0;min-width:0}.card-source-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card-source-actions:empty,.card-camera-preview:empty{display:none}.card-source-actions>.btn{flex:1;white-space:nowrap}.card-artwork-hint{font-size:10px;line-height:1.6}.card-transform-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-range-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.card-range-value{color:var(--bright);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.card-range-field input[type=range]{width:100%;min-width:0;min-height:28px;padding:0;accent-color:var(--orange)}.card-camera{display:block;width:100%;max-height:200px;object-fit:contain;border-radius:5px}.card-game-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;margin:0;padding:0;min-width:0}.card-game-fields>legend{font-size:13px;color:var(--orange);margin-bottom:14px}.card-game-fields .check{font-size:11px}.card-creator .card-game-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.card-creator .card-game-fields>.field{grid-column:span 2}.card-creator-library{min-width:0}.card-creator-list{margin-bottom:20px;min-width:0}.card-creator-list .library-entry{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;min-width:0}.card-creator-list .library-entry>.art.card-art{grid-column:1;grid-row:1;width:48px;height:auto;aspect-ratio:126/174;margin:0}.card-creator-list .library-entry>strong{grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.card-creator-list .library-entry>.btn{grid-column:3;grid-row:1}.card-creator-library>.catalog-tools{margin-bottom:16px}
@media(max-width:1150px){.card-creator{grid-template-columns:minmax(0,1fr) minmax(220px,270px);gap:16px}.card-creator-fields.author-workspace{grid-template-columns:minmax(0,1fr)}.card-creator-fields>.card-artwork-controls{grid-column:1;grid-row:1}.card-creator-fields>.author-details{grid-column:1;grid-row:2}.card-creator-fields>.author-descriptions{grid-column:1;grid-row:3}.card-creator-fields>.card-game-panel{grid-column:1;grid-row:4}.card-source-actions>.btn{flex:0 1 auto}.card-creator .card-game-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.card-creator .card-game-fields>.field{grid-column:auto}}
@media(max-width:760px){.card-creator{display:flex;flex-direction:column;gap:14px}.card-creator-fields.author-workspace{width:100%;gap:14px}.card-preview-panel{order:-1;position:sticky;top:8px;z-index:3;align-self:stretch;grid-template-columns:minmax(90px,115px) minmax(0,1fr);gap:10px 16px;padding:10px 14px;align-items:center;box-shadow:0 4px 10px #0002}.card-preview-panel>h3{grid-column:2;grid-row:1;justify-self:start}.card-preview-panel>h3:empty+.card-live-frame+.card-live-stats{grid-row:1}.card-live-frame{grid-column:1;grid-row:1/span 2;width:min(100%,max(80px,calc((100dvh - 220px)*.724137931)))}.card-live-title{font-size:8px}.card-live-stats{grid-column:2;grid-row:2}.card-live-stats>.card-stats{justify-content:flex-start}.card-creator .author-panel{padding:14px}.card-creator-list .library-entry{gap:12px}.card-creator-list .library-entry>.btn{min-height:40px}.card-creator-library>.catalog-tools>.search{flex:1;min-width:140px}.card-creator-library>.catalog-tools>.tool-actions{margin-left:auto}}
@media(max-width:440px){.card-preview-panel{grid-template-columns:90px minmax(0,1fr);gap:10px;padding:8px 12px}.card-transform-fields{gap:12px 10px}.card-creator .author-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-creator-list .library-entry{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.card-creator-list .library-entry>.art.card-art{width:42px}.card-creator-list .library-entry>strong{font-size:11px}.card-creator-list .library-entry>.btn{padding:8px 10px;font-size:10px;gap:6px}.card-creator-list .library-entry>.btn>.icon{width:16px;height:16px}}
.admin-form .card-game-fields>.full,.card-creator .author-panel .form-grid>.full{grid-column:1/-1}
@media(max-width:760px) and (max-height:540px){.card-preview-panel{position:static}.card-live-frame{max-width:160px}}
.card-preview-panel.locked canvas{cursor:default;touch-action:pan-y}.card-save-notice{margin-top:14px;line-height:1.7}.card-save-notice:empty{display:none}
/* Developed by Flexxi */