:root{--font-sega-kaku:"CardViewer Zen Kaku", "CardViewer NewRodin", "Yu Gothic", "Meiryo", "Segoe UI", sans-serif;--font-sega-maru:"CardViewer Zen Maru", "CardViewer Humming", "Yu Gothic", "Meiryo", "Segoe UI", sans-serif;--font-sega-maru-db:"CardViewer Zen Maru", "CardViewer Humming", "Yu Gothic", "Meiryo", "Segoe UI", sans-serif;--font-tmp-humming:"CardViewer Humming", "CardViewer Zen Maru", "Yu Gothic", "Meiryo", "Segoe UI", sans-serif;--font-official-gothic:var(--font-sega-kaku);--font-official-rounded:var(--font-sega-maru);--font-official-number:"CardViewer Zen Kaku", "CardViewer NewRodin", "Impact", "Arial Black", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-bg:#eef2f4;--ui-shell-bg:linear-gradient(90deg, #eef6f5 0%, #eef2f4 36%, #f5f3ef 100%);--ui-stage-bg:linear-gradient(135deg, #f7faf9 0%, #e3ecec 52%, #f7f3ee 100%);--ui-text:#202326;--ui-text-muted:#65717a;--ui-text-heading:#263037;--ui-text-strong:#111;--ui-surface:#fff;--ui-sidebar-bg:#f9fbfb;--ui-tile-bg:#edf3f2;--ui-toggle-bg:#f8faf9;--ui-border:#d8dee0;--ui-border-strong:#d6dee1;--ui-border-soft:#e3e9eb;--ui-divider:#e1dbcf;--ui-input-border:#cfd8dc;--ui-accent:#0b6f70;--ui-accent-strong:#007d80;--ui-accent-hover:#00696c;--ui-accent-ring:#0b6f701f;--ui-ghost-bg:#e8eef0;--ui-ghost-hover:#dbe5e8;--ui-segment-text:#5d6870;--ui-row-active-bg:#eefafa;--ui-thumb-border:#d6dee1b8;--ui-thumb-bg:#ffffff94;--ui-thumb-text:#5c6d74;--ui-danger:#a6423f;--ui-meta-bg:#fffdf9cc;--ui-meta-border:#d8d2c6e6;--ui-edited-dot:#c85f38;color:var(--ui-text);background:var(--ui-bg);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#0f1417;--ui-shell-bg:linear-gradient(90deg, #0f1517 0%, #111719 36%, #16140f 100%);--ui-stage-bg:linear-gradient(135deg, #18201f 0%, #12191a 52%, #1c1813 100%);--ui-text:#e7ecee;--ui-text-muted:#95a2a9;--ui-text-heading:#cbd4d8;--ui-text-strong:#f3f6f7;--ui-surface:#1b2126;--ui-sidebar-bg:#161c1f;--ui-tile-bg:#1f282b;--ui-toggle-bg:#181f22;--ui-border:#2c343a;--ui-border-strong:#2c343a;--ui-border-soft:#242c30;--ui-divider:#2a2f29;--ui-input-border:#364046;--ui-accent:#18a7a2;--ui-accent-strong:#1cb6b0;--ui-accent-hover:#149c97;--ui-accent-ring:#24c6c03d;--ui-ghost-bg:#283037;--ui-ghost-hover:#323c42;--ui-segment-text:#95a2a9;--ui-row-active-bg:#123433;--ui-thumb-border:#7a888e52;--ui-thumb-bg:#ffffff0d;--ui-thumb-text:#93a0a7;--ui-danger:#ec8c87;--ui-meta-bg:#141a1cd1;--ui-meta-border:#4a565ab3;--ui-edited-dot:#db7d52}::view-transition-old(root){animation-duration:.28s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.28s;animation-timing-function:ease}html.theme-anim,html.theme-anim *,html.theme-anim :before,html.theme-anim :after{transition:background-color .25s,color .25s,border-color .25s,fill .25s,box-shadow .25s!important}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}@font-face{font-family:CardViewer Zen Kaku;src:url(/fonts/zen/ZenKakuGothicNew-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CardViewer Zen Kaku;src:url(/fonts/zen/ZenKakuGothicNew-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CardViewer Zen Kaku;src:url(/fonts/zen/ZenKakuGothicNew-Black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:CardViewer Zen Maru;src:url(/fonts/zen/ZenMaruGothic-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CardViewer Zen Maru;src:url(/fonts/zen/ZenMaruGothic-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:CardViewer Zen Maru;src:url(/fonts/zen/ZenMaruGothic-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CardViewer Zen Maru;src:url(/fonts/zen/ZenMaruGothic-Black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box}body{min-width:1000px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app-shell{background:var(--ui-shell-bg);grid-template-columns:390px minmax(0,1fr);height:100vh;display:grid}.sidebar{border-right:1px solid var(--ui-border);background:var(--ui-sidebar-bg);grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;padding:18px;display:grid}.scan-panel,.filters,.editor-panel.empty,.editor-section{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px}.scan-panel{padding:16px}.brand-row,.preview-toolbar,.editor-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.action-pair{align-items:center;gap:8px;display:flex}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:0;font-size:21px;line-height:1.15}h2{letter-spacing:0;max-width:700px;font-size:24px;line-height:1.18}h3{letter-spacing:0;font-size:15px}h4{letter-spacing:0;color:var(--ui-text-heading);grid-column:1/-1;font-size:12px;line-height:1.25}p,small,.field-label,.control span,.stats-grid span,.preview-meta,.edit-json summary{color:var(--ui-text-muted);font-size:12px;line-height:1.35}.primary-button,.ghost-button,.segment button{white-space:nowrap;border-radius:7px;min-height:34px;padding:0 14px}.primary-button{background:var(--ui-accent);color:#fff;box-shadow:0 8px 18px #0b6f7033}.ghost-button{background:var(--ui-ghost-bg);color:var(--ui-text-heading)}.ghost-button:disabled{cursor:default;opacity:.45}.input-with-action{min-width:0;display:block;position:relative}.input-with-action input{padding-right:44px}.input-action-button{background:var(--ui-ghost-bg);width:30px;height:30px;color:var(--ui-text-heading);border-radius:6px;font-size:18px;line-height:1;position:absolute;top:4px;right:4px}.input-action-button:hover{background:var(--ui-ghost-hover)}.field-label{margin-top:18px;margin-bottom:7px;display:block}.path-input,.search-input,.control input,.control textarea,.control select{border:1px solid var(--ui-input-border);background:var(--ui-surface);width:100%;color:var(--ui-text);border-radius:7px;outline:none}.path-input,.search-input,.control input,.control select{height:38px;padding:0 11px}.control textarea{resize:vertical;min-height:126px;padding:10px 11px;line-height:1.45}.path-input:focus,.search-input:focus,.control input:focus,.control textarea:focus,.control select:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent-ring)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.stats-grid div{background:var(--ui-tile-bg);border-radius:7px;min-width:0;padding:9px}.stats-grid strong{color:var(--ui-text-strong);font-size:17px;display:block}.error-line,.saved-line{overflow-wrap:anywhere;margin-top:12px;font-size:12px;line-height:1.4}.error-line{color:var(--ui-danger)}.saved-line{color:var(--ui-accent)}.error-toast{z-index:60;background:var(--ui-surface);max-width:min(560px,100vw - 48px);color:var(--ui-danger);border:1px solid #d646466b;border-radius:12px;align-items:center;gap:10px;padding:13px 12px 13px 16px;font-size:13px;line-height:1.45;animation:.18s ease-out error-toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #781e1e33,0 2px 8px #00000014}.error-toast:before{content:"⚠";flex:none;font-size:15px;line-height:1.3}.error-toast-text{overflow-wrap:anywhere;flex:1}.export-fab{z-index:70;background:var(--ui-accent-strong);color:#fff;letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:16px 28px;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 30px #007d8061,0 3px 8px #0000002e}.export-fab-icon{flex:none;width:20px;height:20px}.export-fab:hover{background:var(--ui-accent-hover);transform:translateY(-2px);box-shadow:0 14px 32px #007d8070,0 3px 8px #0003}.export-fab:active{transform:translateY(0)}.export-fab:disabled{opacity:.6;cursor:default;transform:none}@keyframes error-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.filters{padding:12px}.filter-grid{grid-template-columns:1fr;gap:9px;margin-top:11px;display:grid}.filter-control{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.filter-control span{min-width:0;color:var(--ui-text-muted);font-size:12px;line-height:1.25}.filter-control select{border:1px solid var(--ui-input-border);background:var(--ui-surface);width:100%;min-width:0;height:34px;color:var(--ui-text);border-radius:7px;outline:none;padding:0 9px}.filter-control select:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent-ring)}.segment{background:var(--ui-ghost-bg);border-radius:8px;align-items:center;gap:4px;margin-top:10px;padding:4px;display:flex}.segment.compact{margin-top:0}.segment button{color:var(--ui-segment-text);background:0 0;flex:1}.segment button.active{background:var(--ui-surface);color:var(--ui-text-strong);box-shadow:0 1px 4px #2a251f1a}.card-list{min-height:0;padding-right:4px;position:relative;overflow:auto}.card-list-spacer{min-height:100%;position:relative}.card-list-window{will-change:transform;flex-direction:column;gap:7px;display:flex;position:absolute;inset:0 0 auto}.card-row{border:1px solid var(--ui-border-strong);background:var(--ui-surface);width:100%;min-height:75px;color:var(--ui-text);text-align:left;border-radius:8px;grid-template-columns:46px minmax(0,1fr) 8px;align-items:center;gap:11px;padding:8px 10px 8px 8px;display:grid;position:relative}.card-row.active{border-color:var(--ui-accent);background:var(--ui-row-active-bg)}.thumb-slot{border:1px solid var(--ui-thumb-border);background:var(--ui-thumb-bg);width:46px;height:64px;color:var(--ui-thumb-text);border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid;overflow:hidden}.thumb-slot img{object-fit:contain;width:100%;height:100%}.row-main{min-width:0}.row-main strong,.row-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row-main strong{margin-bottom:4px;font-size:13px}.edited-dot{background:var(--ui-edited-dot);border-radius:999px;width:8px;height:8px}.workspace{grid-template-rows:auto minmax(0,1fr);gap:16px;min-width:0;min-height:0;padding:22px;display:grid}.preview-toolbar{align-items:center}.preview-actions{align-items:center;gap:10px;display:flex}.theme-toggle{background:var(--ui-ghost-bg);width:34px;height:34px;min-height:34px;color:var(--ui-text-heading);border-radius:7px;flex:none;place-items:center;display:inline-grid}.theme-toggle:hover{background:var(--ui-ghost-hover)}.theme-toggle svg{width:18px;height:18px}.preview-and-editor{grid-template-columns:minmax(440px,1fr) 430px;gap:18px;min-height:0;display:grid}.preview-stage{border:1px solid var(--ui-border);background:var(--ui-stage-bg);perspective:900px;border-radius:8px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.card-preview{aspect-ratio:768/1052;width:min(55vh,520px);transform-style:preserve-3d;will-change:transform;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .12s ease-out;position:relative}.card-preview:focus-visible{outline:2px solid var(--ui-accent-strong);outline-offset:8px;border-radius:8px}.card-preview.is-flipping{transition-duration:.46s;transition-timing-function:cubic-bezier(.2,.78,.18,1)}.card-preview.\33 d .card-face{box-shadow:0 38px 86px #2d251c52,0 0 34px #fadd662e,inset 0 0 0 1px #ffffffa6}.card-preview.\33 d:has(.holo-mu3) .card-face{box-shadow:0 42px 92px #2d251c57,0 0 24px #d2ffff47,0 0 54px #e276ff29,inset 0 0 0 1px #ffffffb8}.card-face{backface-visibility:hidden;width:100%;height:100%;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;background:0 0;border-radius:8px;position:relative;overflow:hidden;transform:translateZ(1px)}.card-back-face{backface-visibility:hidden;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;background:#151515 url(/official/C310Busb_CardBack.png) 50%/cover no-repeat;border-radius:8px;position:absolute;inset:0;transform:rotateY(180deg)translateZ(1px);box-shadow:0 38px 86px #2d251c52,inset 0 0 0 1px #ffffffa6}.card-face img{display:block}.card-face>img{object-fit:cover;width:100%;height:100%}.official-card{z-index:0;background:0 0;position:absolute;inset:0;overflow:hidden}.official-layer-img,.official-layer-text,.official-tmp-text,.official-canvas-text,.official-qr,.official-digit-counter{position:absolute}.official-layer-img{object-fit:fill;pointer-events:none}.card-face .official-layer-img{object-fit:fill}.official-layer-text{color:#fff;min-width:0;font-family:var(--font-official-gothic);font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;text-shadow:-1px -1px #000000b8,1px -1px #000000b8,-1px 1px #000000b8,1px 1px #000000b8,0 2px 4px #00000094;-webkit-font-smoothing:antialiased;paint-order:stroke fill;white-space:normal;overflow-wrap:anywhere;pointer-events:none;justify-content:center;align-items:center;font-weight:800;line-height:1.05;display:flex;overflow:hidden}.official-bitmap-text{pointer-events:none;position:absolute;overflow:hidden}.official-bitmap-glyph{display:block;position:absolute}.official-bitmap-svg{width:100%;height:100%;display:block;overflow:visible}.mai-friend-empty .official-bitmap-svg{filter:drop-shadow(.25px 0 #000)drop-shadow(-.25px 0 #000)}.official-tmp-text{pointer-events:none;overflow:visible}.official-tmp-fallback{white-space:nowrap;justify-content:flex-end;align-items:flex-start;transition:opacity 80ms linear;display:flex;position:absolute;inset:0}.official-canvas-text{pointer-events:none;overflow:hidden}.official-tmp-canvas{transition:opacity 80ms linear;display:block;position:absolute}.official-text-canvas{width:100%;height:100%;display:block}.official-title{font-size:15px}.chu-title{color:#fff;font-family:var(--font-sega-kaku);text-shadow:none;-webkit-text-stroke:0;align-items:flex-start;font-size:13px;font-weight:800}.chu-serial,.mai-serial,.mai-version,.mu3-serial{color:#fff;font-family:var(--font-sega-kaku);text-shadow:none;-webkit-text-stroke:0;white-space:pre;align-items:flex-start;font-size:9px;font-weight:800}.chu-skill-name{color:#fff;font-family:var(--font-sega-kaku);text-shadow:none;-webkit-text-stroke:0;align-items:flex-start;font-size:13px;font-weight:800}.chu-skill-body{color:#fff;font-family:var(--font-sega-kaku);text-align:left;text-shadow:none;-webkit-text-stroke:0;white-space:pre-line;justify-content:flex-start;align-items:flex-start;padding:0;font-size:13px;font-weight:800;line-height:1.2}.official-digit-counter{pointer-events:none;overflow:visible}.official-digit{image-rendering:pixelated;background-repeat:no-repeat;background-size:400% 400%;display:block;position:absolute}.chu-counter .official-digit{image-rendering:auto}.mai-player,.mai-chara,.mai-friend,.mai-friend-empty,.mai-period-label,.mai-period{color:#352b27;font-family:var(--font-sega-maru);text-shadow:none;font-weight:700;overflow:visible}.mai-serial,.mai-version{overflow:visible}.mai-player{text-align:left;justify-content:flex-start;align-items:flex-start;padding-left:0;font-size:16px}.mai-rating-counter{filter:none}.mai-friend,.mai-chara,.mai-period-label,.mai-period{font-size:9px;font-weight:800}.mai-friend-empty{color:#5a3900;font-family:var(--font-sega-maru);letter-spacing:0;text-shadow:none;-webkit-text-stroke:0;font-size:10px;font-weight:800}.mai-chara{text-align:center;justify-content:center;padding-left:0}.mai-period-label,.mai-period{color:#5a3900;text-align:center;justify-content:center;align-items:flex-start;font-size:11px}.official-code{color:#342d2a;text-shadow:none;-webkit-text-stroke:0}.mai-chara,.mai-period-label,.mai-period{color:#5a3900}.official-qr{box-shadow:none;background:0 0;border:0;place-items:center;display:grid;overflow:hidden}.official-qr img{object-fit:fill;width:100%;height:100%;image-rendering:pixelated;display:block}.mu3-skill-name,.mu3-skill-body{font-family:var(--font-sega-maru-db);justify-content:flex-start;font-weight:700}.mu3-skill-name{color:#fff}.mu3-skill-body{color:#0f1417;text-shadow:none;-webkit-text-stroke:0}.mu3-user{color:#0f1417;font-family:var(--font-sega-maru-db);text-shadow:none;-webkit-text-stroke:0;font-weight:700}.mu3-character-name,.mu3-character-name-shadow,.mu3-nickname,.mu3-nickname-shadow,.mu3-ip-title,.mu3-ip-title-shadow{font-family:var(--font-tmp-humming);justify-content:flex-start;font-weight:700;line-height:.98}.mu3-character-name,.mu3-nickname,.mu3-ip-title{color:#fff;-webkit-text-stroke:.65px #2592c1;text-shadow:.7px .7px #00000080}.mu3-character-name-shadow,.mu3-nickname-shadow,.mu3-ip-title-shadow{color:#2692c0;-webkit-text-stroke:.65px #2592c1;text-shadow:.9px .9px #00000080}.mu3-character-name,.mu3-character-name-shadow{font-size:37px}.mu3-nickname,.mu3-nickname-shadow{font-size:21px}.mu3-ip-title,.mu3-ip-title-shadow{font-size:16px}.mu3-cardno,.mu3-serial{color:#fff;font-family:var(--font-sega-maru-db);text-shadow:none;-webkit-text-stroke:0;font-weight:700}.public-card{color:#fff;font-family:var(--font-official-gothic);background:#172024}.public-card-bg,.public-card-art,.public-card-emblem,.public-card-surface{position:absolute;inset:0}.public-card-bg{background:linear-gradient(145deg,#0a6f70eb,#253038f5 46%,#724834db),repeating-linear-gradient(132deg,#0000 0 18px,#ffffff14 18px 20px)}.public-card-mai .public-card-bg{background:linear-gradient(145deg,#2c7797f2,#28303bf5 48%,#c46144e0),repeating-linear-gradient(132deg,#0000 0 18px,#ffffff14 18px 20px)}.public-card-mu3 .public-card-bg{background:linear-gradient(145deg,#2d4b80f2,#242e36f7 48%,#8d4e71e0),repeating-linear-gradient(132deg,#0000 0 18px,#ffffff14 18px 20px)}.public-card-art{object-fit:cover;opacity:.82;mix-blend-mode:luminosity;width:100%;height:100%}.public-card-emblem{color:#ffffff29;font-family:var(--font-official-number);place-items:center;font-size:136px;font-weight:900;display:grid}.public-card-surface{text-shadow:-1px -1px #000000b3,1px -1px #000000b3,-1px 1px #000000b3,1px 1px #000000b3;background:linear-gradient(#050b0e0f 0%,#050b0e3d 48%,#050b0ec7 100%);flex-direction:column;justify-content:flex-end;gap:10px;padding:54px 48px 64px;display:flex}.public-card-kicker,.public-card-serial,.public-card-counters{letter-spacing:0;font-size:11px;font-weight:800}.public-card-title{overflow-wrap:anywhere;font-size:31px;font-weight:900;line-height:1.04}.public-card-skill{overflow-wrap:anywhere;font-size:17px;font-weight:900;line-height:1.12}.public-card-body{-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.public-card-counters{flex-wrap:wrap;gap:7px;display:flex}.public-card-counters span,.public-card-kicker,.public-card-serial{overflow-wrap:anywhere;background:#ffffff2e;border:1px solid #ffffff42;border-radius:6px;width:fit-content;max-width:100%;padding:5px 8px}.public-card .official-qr{box-shadow:none;border:0}.holo-layer,.edge-light{pointer-events:none;position:absolute;inset:0}.holo-layer{z-index:2;mix-blend-mode:screen;opacity:.72;overflow:hidden;transform:translateZ(12px)}.holo-inline{z-index:auto;transform:none}.holo-layer img,.holo-mask-pass,.holo-color-mask,.holo-material-mask,.holo-rainbow,.holo-fixed-light{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.holo-layer{--holo-light-x:32%;--holo-light-y:22%}.holo-mask-pass{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo-color-mask{-webkit-mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.holo-material-mask{opacity:1;mix-blend-mode:color-dodge}.default-holo-mask{-webkit-mask-image:url(/official/UI_Card_Horo_CharaMask_00.png);mask-image:url(/official/UI_Card_Horo_CharaMask_00.png)}.holo-mu3,.holo-mai{opacity:1;filter:none;mix-blend-mode:normal}.holo-mask-preview-plane{opacity:.7;isolation:isolate;mix-blend-mode:normal;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo-mai .holo-mask-preview-plane{opacity:.64}.holo-mask-preview-fill{pointer-events:none;background-blend-mode:soft-light, overlay, screen, normal;background:url(/official/UI_Card_Horo_Pattern_00.png),url(/img/glitter.png),repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 8px),linear-gradient(135deg,#525458e6,#18191ce6 46%,#626368db);background-position:var(--holo-fine-x,56%) var(--holo-fine-y,43%), var(--holo-bg-x-inv,53%) var(--holo-bg-y,40%), var(--holo-bg-x,47%) center, center;filter:grayscale()contrast(1.25)brightness(.82);background-size:128px 128px,42% 42%,10px 100%,100% 100%;position:absolute;inset:0}.holo-mu3 .holo-mask-preview-fill{background-blend-mode:soft-light, overlay, screen, normal;background:url(/official/UI_Card_Horo_Pattern_00.png),url(/img/glitter.png),repeating-linear-gradient(0deg,#ffffff21 0 1px,#0000 1px 9px),linear-gradient(135deg,#4e5055e6,#16171ae6 48%,#5b5c62db);background-position:var(--holo-fine-x,56%) var(--holo-fine-y,43%), var(--holo-bg-x-inv,53%) var(--holo-bg-y,40%), center var(--holo-bg-y,40%), center;filter:grayscale()contrast(1.25)brightness(.82);background-size:128px 128px,42% 42%,100% 10px,100% 100%}.holo-foil-plane{--mu3-holo-rainbow:linear-gradient(118deg, #ff2074e0, #ffe258c7 17%, #3affc5d1 34%, #48aaffdb 51%, #cc58ffd1 68%, #ff2a80e0 85%, #ffe258c7);opacity:var(--holo-opacity,.98);isolation:isolate;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mu3-holo-dom-mask{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo-foil-plane>div{pointer-events:none;position:absolute}.holo-foil-darkgrain{background:url(/img/illusion-mask.png), radial-gradient(farthest-corner circle at var(--holo-pointer-x,32%) var(--holo-pointer-y,22%), #ffffff9e, #7afff12e 22%, transparent 58%), linear-gradient(112deg, #ff1ebe6b, #22ffe65c, #5a76ff57, #fff67a47);background-size:34% 34%,100% 100%,210% 210%;background-position:calc(var(--holo-bg-x-inv,53%) + 8%) calc(var(--holo-bg-y,40%) - 6%), center, var(--holo-bg-x,47%) var(--holo-bg-y,40%);background-blend-mode:difference, screen, soft-light;filter:brightness(1.15)contrast(2.7)saturate(1.9);opacity:.36;mix-blend-mode:hard-light;transform:translate(var(--holo-shift-x-inv,3px), var(--holo-shift-y-inv,4px));inset:-12%}.holo-foil-base{background:url(/official/UI_Card_Horo_Rainbow_Hard.png), url(/official/UI_Card_Horo_Pattern_00.png), repeating-linear-gradient(112deg, #ff5cf1, #529dff 8%, #1fffda 16%, #f6ff47 24%, #ff3d8e 32%, #ff5cf1 40%), url(/img/glitter.png), var(--mu3-holo-rainbow);background-size:128px 128px,96px 96px,360% 360%,42% 42%,180% 180%;background-position:var(--holo-bg-x,47%) var(--holo-bg-y,40%), var(--holo-fine-x,56%) var(--holo-fine-y,43%), calc(((50% - var(--holo-bg-x,47%)) * 2.4) + 50%) calc(((50% - var(--holo-bg-y,40%)) * 2.9) + 50%), var(--holo-fine-x,56%) var(--holo-fine-y,43%), var(--holo-bg-x,47%) var(--holo-bg-y,40%);background-blend-mode:luminosity, soft-light, color-dodge, soft-light, screen;filter:brightness(calc((var(--holo-pointer-from-center,.35) * .45) + .92)) contrast(2.15) saturate(1.75);opacity:.9;mix-blend-mode:color-dodge;inset:-16%}.holo-foil-flakes{background:url(/img/glitter.png), repeating-linear-gradient(90deg, #000000fa 0 2px, #cdcdcdeb 2px 3px, #000000eb 3px 5px), conic-gradient(from 18deg at 12% 18%, transparent 0 15%, #fff 16% 20%, #70fff5eb 22% 28%, transparent 31% 100%), conic-gradient(from 112deg at 76% 22%, transparent 0 16%, #e076fff5 18% 25%, #fff 26% 30%, transparent 34% 100%), conic-gradient(from 238deg at 44% 62%, transparent 0 13%, #7dbefff5 15% 22%, #fff 23% 28%, transparent 31% 100%), conic-gradient(from 306deg at 22% 82%, transparent 0 15%, #70fff5e6 17% 24%, #e280ffe6 25% 30%, transparent 34% 100%), conic-gradient(from 74deg at 82% 68%, transparent 0 17%, #fff 19% 24%, #80fff8eb 26% 32%, transparent 36% 100%), radial-gradient(circle at 18% 34%, #fff 0 1.8px, transparent 3.4px), radial-gradient(circle at 68% 72%, #7efff6eb 0 2px, transparent 3.8px), radial-gradient(circle at 38% 18%, #ee90ffe6 0 1.7px, transparent 3.4px);background-size:34% 34%,5px 5px,132px 132px,168px 168px,212px 212px,156px 156px,188px 188px,58px 58px,74px 74px,96px 96px;background-position:var(--holo-bg-x-inv,53%) var(--holo-fine-y,43%), center, var(--holo-bg-x,47%) var(--holo-bg-y,40%), var(--holo-bg-x-inv,53%) var(--holo-bg-y,40%), var(--holo-fine-x,56%) var(--holo-bg-y-inv,60%), var(--holo-bg-x-inv,53%) var(--holo-fine-y,43%), var(--holo-bg-x,47%) var(--holo-bg-y-inv,60%), var(--holo-fine-x,56%) var(--holo-fine-y,43%), var(--holo-bg-x-inv,53%) var(--holo-bg-y-inv,60%), var(--holo-bg-x,47%) var(--holo-fine-y,43%);background-blend-mode:color-dodge, overlay, screen, screen, screen, screen, screen, normal, normal, normal;filter:brightness(2.05)contrast(3.4)saturate(1.25);opacity:.82;mix-blend-mode:color-dodge;animation:2.4s steps(4,end) infinite holoFlakeGlint;inset:-18%}.holo-foil-sparkles{background:radial-gradient(circle at 14% 20%, #fff 0 1px, transparent 2.1px), radial-gradient(circle at 72% 18%, #8cfff7fa 0 1px, transparent 2.2px), radial-gradient(circle at 54% 44%, #ee90ffe6 0 1.05px, transparent 2.5px), radial-gradient(circle at 24% 76%, #fffffff2 0 1px, transparent 2.2px), radial-gradient(circle at 86% 68%, #b0d9ffeb 0 .85px, transparent 2px), conic-gradient(from 45deg at 48% 42%, transparent 0 21%, #fffffffa 24% 27%, transparent 31% 71%, #84fff6e0 74% 77%, transparent 81%);background-size:30px 30px,42px 42px,62px 62px,36px 36px,50px 50px,34px 34px;background-position:var(--holo-bg-x,47%) var(--holo-bg-y,40%), var(--holo-bg-x-inv,53%) var(--holo-bg-y,40%), var(--holo-fine-x,56%) var(--holo-bg-y-inv,60%), center, var(--holo-bg-x-inv,53%) var(--holo-bg-y-inv,60%), var(--holo-fine-x,56%) var(--holo-fine-y,43%);filter:brightness(3)contrast(3.6)saturate(1.22)drop-shadow(0 0 3px #fffffff2)drop-shadow(0 0 8px #48ffeba3);opacity:var(--holo-sparkle-opacity,.98);mix-blend-mode:color-dodge;animation:2.8s steps(3,end) infinite holoSparkleTwinkle;inset:-10%}.holo-foil-glints{background:radial-gradient(circle at 22% 28%, #fff 0 7px, #7efff7d1 8px 20px, transparent 34px), radial-gradient(circle at 66% 28%, #fffffffa 0 6px, #ee9affb8 8px 18px, transparent 32px), radial-gradient(circle at 54% 58%, #fff 0 6px, #7efff7b3 8px 20px, transparent 34px), radial-gradient(circle at 78% 76%, #fffffffa 0 6px, #ee9affa8 8px 18px, transparent 32px), conic-gradient(from 45deg at 18% 24%, transparent 0 21%, #fff 24% 27%, transparent 30% 70%, #fffffff2 73% 76%, transparent 79%), radial-gradient(circle at 18% 24%, #fff 0 2px, #7efff7b8 3px 8px, transparent 13px), conic-gradient(from 18deg at 62% 18%, transparent 0 20%, #7efff7 23% 27%, transparent 30% 70%, #fffffff2 73% 77%, transparent 80%), radial-gradient(circle at 62% 18%, #fffffff5 0 1.8px, #ee9aff8c 3px 7px, transparent 12px), conic-gradient(from 78deg at 78% 66%, transparent 0 21%, #ee9aff 24% 28%, transparent 32% 68%, #fffffff5 72% 76%, transparent 80%), radial-gradient(circle at 78% 66%, #fff 0 2.2px, #7efff794 4px 8px, transparent 13px), conic-gradient(from 32deg at 34% 78%, transparent 0 22%, #fff 25% 28%, transparent 31% 69%, #84fff6f2 73% 76%, transparent 80%), radial-gradient(circle at 34% 78%, #fffffffa 0 1.8px, #ee9aff85 3px 7px, transparent 12px), radial-gradient(circle at 48% 44%, #fff 0 2.2px, #7efff794 4px 8px, transparent 13px);filter:brightness(2.75)contrast(2.35)drop-shadow(0 0 4px #fffffff2)drop-shadow(0 0 10px #7efff7a8);opacity:.9;mix-blend-mode:color-dodge;background-repeat:no-repeat;background-size:100% 100%;animation:1.8s steps(3,end) infinite holoGlintPop;inset:-8%}.holo-foil-glare{background:radial-gradient(farthest-corner circle at var(--holo-pointer-x,32%) var(--holo-pointer-y,22%), #fffffff2 0%, #ffffff6b 12%, #80ffee38 24%, #2323267a 78%, #000000b8 120%);filter:brightness(1.05)contrast(1.5);opacity:var(--holo-glare-opacity,.48);mix-blend-mode:hard-light;inset:-2%}.holo-foil-mu3{--mu3-sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='gamma' amplitude='1.6' exponent='3.5' offset='0'/%3E%3CfeFuncG type='gamma' amplitude='1.6' exponent='3.5' offset='0'/%3E%3CfeFuncB type='gamma' amplitude='1.6' exponent='3.5' offset='0'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='saturate' values='3.4'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23s)'/%3E%3C/svg%3E");--mu3-sparkle-fine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='sf'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' seed='23' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='gamma' amplitude='1.6' exponent='4' offset='0'/%3E%3CfeFuncG type='gamma' amplitude='1.6' exponent='4' offset='0'/%3E%3CfeFuncB type='gamma' amplitude='1.6' exponent='4' offset='0'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='saturate' values='3'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23sf)'/%3E%3C/svg%3E");--mu3-bed:radial-gradient(150% 150% at var(--holo-bg-x,47%) var(--holo-bg-y,40%), #c97373 0%, #c9ba6e 17%, #6bbd86 34%, #6eb2c9 50%, #8072cb 67%, #cb72bc 84%, #c97373 100%);opacity:var(--holo-opacity,.98)}.holo-foil-mu3 .holo-foil-darkgrain{background:url(/official/UI_Card_Horo_Pattern_00.png), radial-gradient(farthest-corner circle at var(--holo-pointer-x,32%) var(--holo-pointer-y,22%), #ffffffb3, #d2dae852 40%, transparent 70%), linear-gradient(125deg, #ced6e68c, #96a0b657 50%, #dce0f08c);background-size:116px 116px,100% 100%,100% 100%;background-position:var(--holo-fine-x,56%) var(--holo-fine-y,43%), center, center;background-blend-mode:soft-light, screen, normal;filter:contrast(1.15)brightness(1.06);opacity:.42;mix-blend-mode:screen}.holo-foil-mu3 .holo-foil-base{background:var(--mu3-sparkle), url(/official/UI_Card_Horo_Pattern_00.png), var(--mu3-bed);background-size:150% 150%,104px 104px,100% 100%;background-position:center, 50% 50%, var(--holo-bg-x,47%) var(--holo-bg-y,40%);background-blend-mode:screen, soft-light, normal;filter:hue-rotate(var(--holo-hue,0deg)) saturate(2) brightness(calc(1.1 + var(--holo-pointer-from-center,.35) * .4)) contrast(1.45);opacity:1;mix-blend-mode:screen;inset:-16%}.holo-foil-mu3 .holo-foil-flakes{background:url(/img/glitter.png), var(--mu3-sparkle-fine);background-blend-mode:screen, screen;filter:hue-rotate(var(--holo-hue,0deg)) brightness(1.6) contrast(1.7) saturate(1.15);opacity:.6;mix-blend-mode:screen;background-position:30% 30%,50%;background-size:44% 44%,130% 130%;animation:none}.holo-foil-mu3 .holo-foil-sparkles{background:var(--mu3-sparkle-fine);filter:hue-rotate(var(--holo-hue,0deg)) brightness(2.6) contrast(3.2) saturate(1.2) drop-shadow(0 0 3px #ffffffe6);mix-blend-mode:screen;background-position:40% 60%;background-repeat:repeat;background-size:120% 120%;animation:none}.holo-foil-mu3 .holo-foil-glints{filter:hue-rotate(var(--holo-hue,0deg)) brightness(2.85) contrast(2.35) drop-shadow(0 0 4px #fffffff2) drop-shadow(0 0 10px #96dcff99);mix-blend-mode:screen;animation:none}.holo-foil-mu3 .holo-foil-glare{background:radial-gradient(farthest-corner circle at var(--holo-pointer-x,32%) var(--holo-pointer-y,22%), #fffffffa 0%, #ffffff80 11%, #b4ebff42 24%, #1c1e246b 76%, #000000a8 120%);filter:brightness(1.12)contrast(1.45);opacity:var(--holo-glare-opacity,.5);mix-blend-mode:hard-light}.holo-foil-mai{opacity:calc(var(--holo-opacity,.9) * .82)}.holo-foil-mai .holo-foil-base{filter:brightness(calc((var(--holo-pointer-from-center,.35) * .28) + .86)) contrast(1.85) saturate(1.45)}.holo-foil-mai .holo-foil-glints,.holo-foil-mai .holo-foil-sparkles{opacity:calc(var(--holo-sparkle-opacity,.9) * .58)}.holo-foil-public{-webkit-mask-image:none;mask-image:none}.holo-bg-mask{opacity:.8;mix-blend-mode:color-dodge}.holo-frame-mask{opacity:1;mix-blend-mode:color-dodge}.holo-frame-add{opacity:.78}.holo-pattern-mask{opacity:.56;mix-blend-mode:color-dodge}.holo-sign-pass{opacity:.86;mix-blend-mode:screen}.holo-sign-mask{opacity:.95;mix-blend-mode:color-dodge}.holo-rainbow{opacity:.92;mix-blend-mode:color-dodge;background:linear-gradient(115deg,#ff2357b8,#ffdc44ad,#23eba5ad,#32aaffb8,#be50ffb8,#ff2357b8) 0 0/180% 180%,repeating-linear-gradient(62deg,#ffffff3d 0 6px,#fff0 6px 18px) 0 0/220px 220px,radial-gradient(circle at 28% 20%,#ffffff70,#0000 22%) 0 0/100% 100%}.holo-rainbow-mask{opacity:1;filter:saturate(1.55)contrast(1.12)}.holo-fixed-light{opacity:.7;mix-blend-mode:screen;background:radial-gradient(circle at var(--holo-light-x) var(--holo-light-y), #ffffffeb 0 4%, #ffffff6b 10%, #78fff033 18%, transparent 34%), radial-gradient(circle at calc(var(--holo-light-x) + 18%) calc(var(--holo-light-y) + 20%), #ffffb452, transparent 28%)}.holo-fixed-light-mask{opacity:.82}@keyframes holoSparkleTwinkle{0%,to{opacity:.64}34%{opacity:1}67%{opacity:.84}}@keyframes holoFlakeGlint{0%,to{opacity:.22;filter:brightness(1.35)contrast(2.2)saturate(1.08)}25%{opacity:.4;filter:brightness(2.25)contrast(2.8)saturate(1.18)}50%{opacity:.28;filter:brightness(1.6)contrast(2.5)saturate(1.12)}75%{opacity:.46;filter:brightness(2.45)contrast(3)saturate(1.2)}}@keyframes holoGlintPop{0%,to{opacity:.82;transform:translate(var(--holo-shift-x-inv,3px), var(--holo-shift-y-inv,4px))}33%{opacity:1;transform:translate(var(--holo-shift-x,-3px), var(--holo-shift-y,-4px))}66%{opacity:.9;transform:translate(0)}}@keyframes holoSvgGlintPulse{0%,to{opacity:.62}33%{opacity:1}66%{opacity:.82}}@keyframes holoInterferencePulse{0%{opacity:.4}to{opacity:.68}}.edge-light{z-index:3;box-shadow:inset 18px 0 26px rgba(255, 255, 255, var(--edge-light-left,.18)), inset -18px 0 32px rgba(0, 0, 0, var(--edge-light-right,.24));transform:translateZ(16px)}.print-layer{z-index:2;color:#fff;pointer-events:none;text-shadow:0 2px 8px #000000bf;flex-direction:column;justify-content:space-between;gap:12px;padding:38px 30px 34px;display:flex;position:absolute;inset:0;transform:translateZ(18px)}.print-layer.mai{padding-top:46px}.print-layer.mu3{padding-bottom:38px}.print-top,.print-bottom{min-width:0}.print-top.split,.qr-line,.print-stat-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.print-title,.print-subtitle,.print-body,.print-serial,.friend-code,.qr-line span{overflow-wrap:anywhere;max-width:100%}.print-title{font-size:22px;font-weight:800;line-height:1.05}.print-subtitle{margin-bottom:7px;font-size:16px;font-weight:800;line-height:1.15}.print-subtitle.small{font-size:13px}.print-body{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.print-bottom{background:linear-gradient(#090e122e,#090e12bd);border-radius:7px;padding:12px}.print-serial,.friend-code,.qr-line{letter-spacing:0;margin-top:8px;font-size:10px;font-weight:700}.print-stat-row{margin-top:10px}.print-stat-row span,.rating-pill,.qr-mark{color:#162022;min-width:42px;min-height:30px;text-shadow:none;background:#ffffffe0;border-radius:6px;place-items:center;padding:4px 7px;display:inline-grid}.print-stat-row strong{font-size:13px;display:block}.rating-pill{min-width:54px;font-size:16px;font-weight:900}.qr-mark{width:34px;min-width:34px;height:34px;font-size:10px;font-weight:900}.preview-placeholder{text-align:center;color:#f8f1e8;background:linear-gradient(145deg,#146b64d1,#161a1df0),repeating-linear-gradient(45deg,#0000 0 12px,#ffffff14 12px 13px);align-content:center;place-items:center;gap:12px;height:100%;padding:28px;display:grid}.preview-placeholder strong{letter-spacing:0;font-size:46px}.preview-placeholder span{overflow-wrap:anywhere;max-width:100%;font-size:16px}.preview-meta{gap:8px;display:flex;position:absolute;bottom:18px;left:18px}.preview-meta span{background:var(--ui-meta-bg);border:1px solid var(--ui-meta-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:7px;padding:7px 10px}.editor-panel{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid;overflow:hidden}.editor-panel.empty{color:var(--ui-text-muted);place-items:center;padding:16px;display:grid}.editor-scroll{align-content:start;gap:12px;min-height:0;padding-right:2px;display:grid;overflow:auto}.editor-section{min-width:0;padding:16px}.editor-header p{text-overflow:ellipsis;white-space:nowrap;max-width:310px;overflow:hidden}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;align-items:start;gap:12px;min-height:0;padding:16px 2px 6px;display:grid;overflow:auto}.editor-section .form-grid{padding:16px 0 0;overflow:visible}.player-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-empty{padding-top:12px}.control{gap:6px;min-width:0;display:grid}.control.wide{grid-column:1/-1}.flag-section{border-top:1px solid var(--ui-border-soft);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:10px 12px;padding-top:8px;display:grid}.toggle-control{border:1px solid var(--ui-border);background:var(--ui-toggle-bg);border-radius:7px;grid-template-columns:18px minmax(0,1fr);align-items:center;min-height:32px;padding:7px 8px}.toggle-control input{width:16px;height:16px;accent-color:var(--ui-accent)}.edit-json{border-top:1px solid var(--ui-divider);margin-top:12px;padding-top:10px}.edit-json summary{cursor:pointer}.edit-json pre{color:#f5eee5;background:#292d2f;border-radius:7px;max-height:170px;padding:10px;font-size:12px;line-height:1.45;overflow:auto}@media (width<=1180px){body{overflow:auto}.app-shell{grid-template-columns:340px minmax(0,1fr);min-height:100vh}.preview-and-editor{grid-template-columns:1fr;overflow:auto}.preview-stage{height:min(72dvh,720px);min-height:360px}.card-preview{width:min(48dvh,520px)}.editor-panel{min-height:420px}}@media (width<=900px){body{min-width:0;overflow:auto}.app-shell{flex-direction:column;height:auto;min-height:100dvh;display:flex}.workspace{order:1;gap:12px;padding:14px}.sidebar{background:0 0;border-right:0;order:2;grid-template-rows:auto minmax(260px,42dvh);gap:12px;padding:0 14px 14px;display:grid}.preview-toolbar,.editor-header{align-items:center}.preview-toolbar{gap:10px}.preview-toolbar h2{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;font-size:18px;line-height:1.18;overflow:hidden}.preview-toolbar p{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;overflow:hidden}.segment{-webkit-overflow-scrolling:touch;overflow-x:auto}.segment button{min-width:58px}.preview-and-editor{grid-template-columns:minmax(0,1fr);gap:12px}.preview-stage{height:min(76dvh,720px);min-height:500px}.card-preview{width:min(76vw,350px,58dvh)}.preview-meta{flex-wrap:wrap;justify-content:center;bottom:10px;left:10px;right:10px}.preview-meta span{padding:6px 8px}.editor-panel{min-height:auto;max-height:none;overflow:visible}.editor-scroll{overflow:visible}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.flag-section{grid-template-columns:minmax(0,1fr)}.card-list{height:42dvh;min-height:260px}}@media (width<=560px){.workspace{padding:10px}.sidebar{grid-template-rows:auto minmax(260px,46dvh);padding:0 10px 12px}.filters,.editor-panel.empty,.editor-section{border-radius:7px}.preview-toolbar{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:stretch;gap:8px;display:grid}.preview-toolbar .segment.compact{flex:none;justify-self:start;width:auto;margin-right:0;transform:none}.preview-toolbar .segment.compact button{min-width:0;padding:0 9px}.preview-toolbar h2,.preview-toolbar p{max-width:none}.preview-stage{height:min(90dvh,760px);min-height:min(620px,100dvh - 86px)}.card-preview{width:min(88vw,340px,64dvh)}.form-grid{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:12px}.editor-panel.empty,.editor-section{padding:12px}.card-row{grid-template-columns:42px minmax(0,1fr) 8px;gap:9px;min-height:72px}.thumb-slot{width:42px;height:59px}.edit-json pre{max-height:120px}}