@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{color:#ecf7ff;background:#080b10;--font-display: "Bebas Neue", "Arial Narrow", "Impact", sans-serif;--font-card-body: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-ui: "Roboto Condensed", "Segoe UI", Arial, sans-serif;font-family:var(--font-ui);font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:1200px;background:linear-gradient(90deg,rgba(25,174,255,.07) 1px,transparent 1px),linear-gradient(rgba(25,174,255,.055) 1px,transparent 1px),radial-gradient(circle at 78% 8%,rgba(44,161,255,.18),transparent 32rem),#070a0f;background-size:44px 44px,44px 44px,auto,auto}button,input,select,textarea{font:inherit}button,.secondary-upload{border:1px solid rgba(117,217,255,.34);border-radius:6px;background:linear-gradient(180deg,#182c3df5,#0a111af5);color:#f3fbff;cursor:pointer;min-height:38px;padding:0 14px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover,.secondary-upload:hover{border-color:#6ee1ffc7;box-shadow:0 0 18px #22aeff2e;transform:translateY(-1px)}button:disabled,select:disabled{cursor:not-allowed;opacity:.52}button:disabled:hover{border-color:#75d9ff57;box-shadow:none;transform:none}.app-shell{display:grid;grid-template-columns:470px minmax(720px,1fr);gap:28px;min-height:100vh;padding:28px}.global-library-nav{align-items:center;background:#080d15f5;border:1px solid rgba(117,217,255,.45);border-radius:6px;box-shadow:0 8px 30px #0000008c;display:flex;gap:12px;padding:7px 9px 7px 12px;position:fixed;right:18px;top:18px;z-index:100}.global-library-nav span{color:#7ce2ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.global-library-nav a{background:linear-gradient(180deg,#5de4ff,#1678ff);border-radius:4px;color:#03111d;font-weight:900;padding:8px 12px;text-decoration:none}.editor-panel,.preview-panel,.library-panel{border:1px solid rgba(114,202,255,.22);background:#080d15e0;box-shadow:0 20px 80px #00000070}.editor-panel{align-self:start;display:grid;gap:22px;padding:22px}.panel-title,.preview-toolbar{align-items:center;display:flex;justify-content:space-between;gap:18px}.preview-toolbar-actions{align-items:center;display:flex;gap:10px}.preview-toolbar{background:#080d15f5;padding:8px 0;position:sticky;top:0;z-index:20}.library-jump-button{align-items:center;border:1px solid rgba(117,217,255,.34);border-radius:6px;color:#dff7ff;display:inline-flex;font-weight:700;min-height:38px;padding:0 14px;text-decoration:none}.library-jump-button:hover{border-color:#6ee1ffc7;box-shadow:0 0 18px #22aeff2e}.eyebrow{color:#7ce2ff;display:block;font-size:11px;font-weight:800;letter-spacing:.18em;line-height:1;text-transform:uppercase}h1,h2{font-family:var(--font-display);letter-spacing:0;margin:0}h1{font-size:28px;letter-spacing:.04em}h2{color:#e6f8ff;font-size:19px;letter-spacing:.05em;text-transform:uppercase}.control-section{display:grid;gap:12px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field span,.toggle-row span{color:#a7c7d7;font-size:12px;font-weight:800;text-transform:uppercase}.field span,.field-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.field-header label{color:#a7c7d7;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.effects-editor{display:grid;gap:12px}.effect-editor{background:#7ce2ff0a;border:1px solid rgba(124,226,255,.18);border-radius:6px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:12px}.effect-editor-header{align-items:center;display:flex;grid-column:1 / -1;justify-content:space-between}.effect-editor-header strong{color:#cdeaff;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.effect-remove-button{min-height:30px;padding:0 10px}.inline-randomize{background:#7ce2ff14;border:1px solid rgba(124,226,255,.3);border-radius:4px;color:#cdeaff;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px;text-transform:none;transition:background .12s ease,border-color .12s ease}.inline-randomize:hover:not(:disabled){background:#7ce2ff2e;border-color:#7ce2ff99}.inline-randomize:disabled{cursor:not-allowed;opacity:.4}.wide{grid-column:1 / -1}input,select,textarea{border:1px solid rgba(133,204,239,.24);border-radius:5px;background:#101821;color:#f8fcff;min-height:39px;padding:9px 10px;width:100%}textarea{line-height:1.35;resize:vertical}input[type=file]{padding:8px}.file-field input{cursor:pointer}.preset-row,.button-row{display:flex;flex-wrap:wrap;gap:9px}.toggle-row{align-items:center;display:flex;gap:10px}.toggle-row input{accent-color:#57d6ff;min-height:auto;width:auto}.hint{color:#86a3b1;font-size:13px;line-height:1.4;margin:0}.secondary-upload{align-items:center;display:inline-flex;position:relative}.secondary-upload input{top:0;right:0;bottom:0;left:0;opacity:0;position:absolute}.primary-button{background:linear-gradient(180deg,#5de4ff,#1678ff);border-color:#c8f9ffb8;color:#03111d;font-weight:900}.preview-panel{display:grid;grid-template-rows:auto auto 1fr;gap:18px;min-width:0;padding:22px}.preview-stage{align-items:start;display:grid;justify-content:center;overflow:auto;padding:18px}.library-panel{display:grid;gap:16px;grid-column:1 / -1;padding:22px;scroll-margin-top:20px}.library-header,.library-actions{align-items:end;display:flex;gap:10px;justify-content:space-between}.library-actions{justify-content:flex-end}.compact-field{min-width:150px}.library-filters{display:grid;gap:10px;grid-template-columns:2fr repeat(6,minmax(120px,1fr))}.library-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.card-library-list,.set-manager,.set-list,.create-set-form{display:grid;gap:10px}.card-library-list{max-height:620px;overflow:auto;padding-right:4px}.library-card-row{align-items:center;background:#7ce2ff09;border:1px solid rgba(124,226,255,.16);border-radius:6px;display:grid;gap:10px;grid-template-columns:minmax(170px,1.2fr) minmax(260px,1.7fr) minmax(180px,1fr) auto;padding:11px 12px}.library-card-row>div:first-child,.library-card-meta,.set-row>div:first-child{display:grid;gap:3px}.library-card-row strong,.set-row strong{color:#f2fbff}.library-card-row span,.set-row span{color:#8fabb9;font-size:12px}.library-card-tags,.library-row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.library-card-tags>span{background:#7ce2ff12;border:1px solid rgba(124,226,255,.16);border-radius:999px;color:#bddce9;padding:3px 7px}.library-card-tags .review-status{min-height:28px;padding:3px 24px 3px 7px;width:auto}.library-row-actions{justify-content:flex-end}.library-row-actions button,.set-row button{min-height:32px;padding:0 10px}.library-empty{color:#86a3b1;margin:0;padding:24px;text-align:center}.set-manager{background:#040a118f;border:1px solid rgba(124,226,255,.15);border-radius:6px;padding:14px}.set-manager h3{color:#dff6ff;font-family:var(--font-display);font-size:17px;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.set-checkboxes{display:flex;flex-wrap:wrap;gap:7px}.set-checkbox{align-items:center;background:#7ce2ff0f;border:1px solid rgba(124,226,255,.16);border-radius:4px;display:inline-flex;gap:7px;padding:6px 8px}.set-checkbox input{min-height:auto;width:auto}.set-checkbox span{color:#c8e6f2;font-size:12px}.create-set-form{border-top:1px solid rgba(124,226,255,.12);padding-top:12px}.set-row{align-items:center;border-top:1px solid rgba(124,226,255,.1);display:grid;gap:7px;grid-template-columns:minmax(0,1fr) 110px auto auto auto;padding-top:9px}.set-edit-fields{display:grid;gap:5px}.set-edit-fields input,.set-edit-fields textarea{min-height:32px;padding:6px 8px}.set-row select{min-height:32px;padding:5px 7px}.review-status-draft{border-color:#b4c3cd59!important}.review-status-review{border-color:#ffca588c!important;color:#ffd678!important}.review-status-approved{border-color:#4ae79f8c!important;color:#7ff1bc!important}.review-status-rejected{border-color:#ff657e8c!important;color:#ff9aac!important}.desynced-card{--accent: #4fc7ff;--accent-2: #f8fcff;--faction-soft: rgba(79, 199, 255, .17);background:#05070b;border-radius:34px;box-shadow:0 24px 90px #000000a6;color:#f7fbff;flex:none;overflow:hidden;position:relative;transform:scale(.43);transform-origin:top center;margin-bottom:-870px}.faction-compliance{--accent: #43c8ff;--accent-2: #ffffff;--faction-soft: rgba(67, 200, 255, .2)}.faction-logistics{--accent: #28f4d9;--accent-2: #b5fff5;--faction-soft: rgba(40, 244, 217, .19)}.faction-crystal{--accent: #9b69ff;--accent-2: #f0d6ff;--faction-soft: rgba(155, 105, 255, .21)}.faction-off-channel{--accent: #ff4ed8;--accent-2: #a577ff;--faction-soft: rgba(255, 78, 216, .2)}.faction-neutral{--accent: #c5d8e5;--accent-2: #82a9c6;--faction-soft: rgba(197, 216, 229, .18)}.template-layer,.generated-base,.generated-frame{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.template-layer{object-fit:fill;pointer-events:none;z-index:3}.overlay-template{z-index:5}.generated-base{background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 18%,rgba(255,255,255,.08) 34%,transparent 54%),radial-gradient(circle at 50% 0%,var(--faction-soft),transparent 34%),linear-gradient(180deg,#15202b,#05070b 48%,#111820);z-index:0}.art-canvas{background:#06090e;overflow:visible;position:absolute;z-index:1;touch-action:none}.art-canvas img{display:block;position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.art-zoom-controls{align-items:center;display:flex;gap:8px;margin-bottom:6px}.art-zoom-controls input[type=range]{flex:1}.zoom-readout{font-size:12px;font-variant-numeric:tabular-nums;min-width:44px;text-align:right;opacity:.75}.art-canvas--draggable{cursor:grab}.art-canvas--draggable.dragging{cursor:grabbing}.art-placeholder{align-items:center;background:linear-gradient(180deg,#1b2631,#111924);color:#dbf5ff8c;display:flex;font-size:40px;font-weight:900;height:100%;justify-content:center;letter-spacing:.12em}.generated-frame{background:linear-gradient(90deg,transparent 7%,var(--accent) 7.3%,transparent 7.8%,transparent 92.2%,var(--accent) 92.7%,transparent 93%),linear-gradient(180deg,transparent 14%,rgba(255,255,255,.1),transparent 44%,transparent 83%,rgba(255,255,255,.11),transparent 94%);opacity:.65;pointer-events:none;z-index:6}.micro-line{background:linear-gradient(90deg,transparent,var(--accent),transparent);height:2px;left:120px;opacity:.72;position:absolute;right:120px}.micro-line.top{top:116px}.micro-line.bottom{bottom:70px}.fixed-area{position:absolute;pointer-events:none;z-index:10}.card-icon{object-fit:contain;pointer-events:none}.faction-mark,.type-mark{filter:drop-shadow(0 0 4px rgba(126,225,255,.78)) drop-shadow(0 0 10px var(--faction-soft))}.logo-area{align-items:center;color:#eefdff;display:flex;font-family:var(--font-display);font-size:34px;font-weight:1000;justify-content:center;letter-spacing:.1em;text-shadow:0 0 12px var(--accent),0 2px 0 #020508}.card-name{align-items:center;color:#fff;display:flex;font-family:var(--font-display);font-size:72px;font-weight:400;justify-content:center;line-height:1;overflow-wrap:anywhere;padding:0;text-align:center;text-shadow:0 0 18px rgba(0,0,0,.8);text-transform:uppercase}.faction-banner,.type-badge{align-items:center;background:transparent;border:0;box-shadow:none;display:flex;font-family:var(--font-display);font-size:40px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.faction-banner{clip-path:none;gap:10px;padding-left:0}.faction-icon{align-items:center;border:0;color:var(--accent-2);display:inline-flex;font-size:25px;height:26px;justify-content:center;text-shadow:0 0 10px var(--accent);width:26px}.type-badge{clip-path:none;justify-content:center}.rules-panel,.flavor-panel{color:#0d1720;font-family:var(--font-card-body);overflow:hidden}.rules-panel{align-items:center;background:transparent;border:0;border-radius:0;display:flex;font-size:34px;font-weight:700;line-height:1.14;padding:0}.rules-panel p,.flavor-panel p{margin:0;position:relative;z-index:2}.rules-content{align-items:stretch;display:flex;flex-direction:column;gap:6px;width:100%}.effect-row{align-items:center;display:flex;min-width:0}.rules-content--compact{font-size:25px;gap:3px;line-height:1.05}.rules-content--compact .rule-effect-timing-icon{height:44px;width:44px}.rules-content--compact .rule-effect-speed-icon{height:36px;width:36px}.effect-text{flex:1;min-width:0;overflow-wrap:anywhere}.charge-cost{display:inline-flex;flex:none;gap:4px}.effect-icons{align-items:center;display:inline-flex;flex:none;gap:0;margin-right:10px}.rule-charge-icon{filter:drop-shadow(0 0 6px rgba(44,185,255,.55));height:34px;object-fit:contain;width:34px}.rule-effect-timing-icon,.rule-effect-speed-icon{border-radius:6px;margin-right:10px;object-fit:cover}.rule-effect-timing-icon{height:75px;width:75px}.rule-effect-speed-icon{height:60px;width:60px}.watermark{color:var(--accent);font-family:Inter,sans-serif;font-size:210px;font-weight:1000;opacity:.08;position:absolute;right:28px;top:8px;z-index:1}.flavor-panel{background:transparent;border:0;border-radius:0;font-size:30px;font-style:italic;font-weight:400;line-height:1.12;padding:0}.stat-label{align-items:center;color:#c9f5ff;display:flex;font-family:var(--font-display);font-size:40px;font-weight:400;justify-content:center;letter-spacing:.02em;text-shadow:0 0 10px var(--accent)}.stat-number{align-items:center;color:#fff;display:flex;font-family:var(--font-display);font-size:125px;font-weight:400;justify-content:center;line-height:1;text-shadow:0 0 14px var(--accent),0 2px 0 #05070b}.rarity{align-items:center;color:#ecfbff;display:flex;flex-direction:row;font-family:var(--font-display);font-size:40px;font-weight:400;gap:12px;justify-content:center;letter-spacing:.08em;text-transform:uppercase}.rarity-common{color:#e7edf2;text-shadow:0 0 10px rgba(231,237,242,.32)}.rarity-uncommon{color:#65f0ae;text-shadow:0 0 12px rgba(101,240,174,.42)}.rarity-rare{color:#58b8ff;text-shadow:0 0 12px rgba(88,184,255,.46)}.rarity-epic{color:#c774ff;text-shadow:0 0 14px rgba(199,116,255,.52)}.rarity-legendary{color:#ffc957;text-shadow:0 0 14px rgba(255,201,87,.52)}.rarity-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.46)) drop-shadow(0 0 12px var(--faction-soft));height:44px;object-fit:contain;width:44px}.card-id,.artist{color:#e5f7ffb8;font-size:14px;font-weight:800;letter-spacing:.04em;overflow:hidden;text-transform:uppercase;white-space:nowrap}.artist{text-align:right}.json-details{border-top:1px solid rgba(129,215,255,.18);color:#b9d7e4;padding-top:12px}.json-details summary{cursor:pointer;font-size:13px;font-weight:900;text-transform:uppercase}.json-details pre{background:#081019;border:1px solid rgba(126,217,255,.18);color:#cfeeff;font-size:12px;max-height:260px;overflow:auto;padding:12px}.panel-title-actions{display:flex;gap:8px}.primary-button{background:linear-gradient(180deg,#39a2d3f5,#144060f5);border-color:#7de8ff99;color:#f6fdff;font-weight:700;letter-spacing:.03em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px}.modal-panel{background:#080d15f5;border:1px solid rgba(114,202,255,.32);border-radius:8px;box-shadow:0 30px 100px #000000a8,0 0 60px #22aeff1f;width:min(960px,100%);max-height:calc(100vh - 64px);overflow-y:auto;padding:28px;display:grid;gap:20px}.modal-header h2{font-size:26px;margin-top:4px}.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-loading{display:grid;gap:10px;justify-items:center;padding:24px 12px;text-align:center}.modal-loading p{color:#b8d6e6;margin:0;max-width:460px}.modal-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(114,202,255,.2);border-top-color:#7ce2ff;animation:modal-spin 1.1s linear infinite;margin-top:4px}@keyframes modal-spin{to{transform:rotate(360deg)}}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.image-option{position:relative;padding:0;background:#06090e;border:1px solid rgba(114,202,255,.22);border-radius:6px;cursor:pointer;overflow:hidden;min-height:auto;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.image-option:hover{border-color:#7de8ffb3;transform:translateY(-1px)}.image-option img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.image-option.selected{border-color:#7ce2ff;box-shadow:0 0 0 2px #7ce2ffd9,0 0 24px #22aeff73}.image-option-tag{position:absolute;top:8px;left:8px;padding:2px 8px;background:#080d15c7;border:1px solid rgba(114,202,255,.32);border-radius:4px;color:#cfeeff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.modal-error{background:#f050641f;border:1px solid rgba(240,80,100,.42);border-radius:5px;color:#ffc7cf;margin:0;padding:10px 14px;font-size:13px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}