body.cards-page{background:radial-gradient(1100px 500px at 100% -10%, var(--indigo-soft), transparent 60%), radial-gradient(900px 500px at -10% 40%, var(--accent-soft), transparent 60%), var(--paper);background-attachment:fixed}body.cards-page.has-selection{padding-bottom:96px}body.cards-page .site-header{max-width:1200px;padding-inline:20px}.container{max-width:1200px;margin:0 auto;padding:4px 20px 40px}.icon{flex:none;width:18px;height:18px}h2{letter-spacing:-.01em;margin:0;font-size:1.15rem}h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:.75rem;font-weight:700}.muted{color:var(--muted)}.small{font-size:.85rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.hero{padding:18px 0 22px}.hero-title{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(1.6rem,4.5vw,2.3rem);font-weight:800;line-height:1.15}.lead{color:var(--muted);margin:0 0 20px;font-size:1.02rem}.start-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.start-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s var(--ease), box-shadow .2s, border-color .2s;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;text-decoration:none;display:flex}.start-tile:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.start-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.start-icon svg{width:22px;height:22px}.start-text{flex-direction:column;gap:4px;display:flex}.start-text strong{font-size:1.02rem}.start-text small{color:var(--muted);font-size:.86rem;line-height:1.4}.start-tile--primary{background:radial-gradient(400px 200px at 100% 0, #ffffff2e, transparent 70%), linear-gradient(135deg, var(--accent-fill), var(--accent-fill-strong));color:#fff;border-color:#0000;box-shadow:0 12px 28px -12px #d9453bb3}.start-tile--primary .start-icon{color:#fff;background:#fff3}.start-tile--primary small{color:#ffffffd9}@media (width<=900px){.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.start-grid{grid-template-columns:minmax(0,1fr);gap:8px}.start-tile{flex-direction:row;align-items:center;padding:14px}}.deck-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-head h2{align-items:center;gap:10px;display:flex}.count-badge{background:var(--paper-2);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:28px;padding:2px 10px;font-size:.9rem;font-weight:800}.deck-main-actions{gap:8px;display:flex}.deck-tools{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.chip-button{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:background .2s;display:inline-flex}.chip-button:hover{background:var(--paper-2)}.chip-button svg{width:16px;height:16px;color:var(--muted)}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:36px 16px 20px;display:flex}.empty-state p{max-width:420px;margin:0}.empty-art{width:110px;height:80px;position:relative}.empty-art span{border:2px solid var(--line);background:var(--card);border-radius:8px;width:52px;height:70px;position:absolute;top:6px;left:30px}.empty-art span:first-child{transform:rotate(-14deg)translate(-18px)}.empty-art span:nth-child(3){border-color:var(--accent);background:linear-gradient(var(--accent-soft), var(--accent-soft)), var(--card);transform:rotate(12deg)translate(18px)}.saved-cards{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px;margin-top:16px;display:grid}.saved-cards:empty{display:none}.card-item{background:var(--paper);cursor:pointer;transition:background .15s, border-color .15s, transform .15s var(--ease);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px 10px;display:flex;position:relative}.card-item:hover{background:var(--paper-2)}.card-item.selected{border-color:var(--indigo);background:var(--indigo-soft)}.card-select{z-index:2;width:20px;height:20px;accent-color:var(--indigo);cursor:pointer;opacity:0;margin:0;transition:opacity .15s;position:absolute;top:8px;left:8px}.card-item:hover .card-select,.card-item.selected .card-select,.card-select:focus-visible,.has-selection .card-select{opacity:1}@media (hover:none){.card-select{opacity:1}}.card-wrapper{pointer-events:none;border-radius:6px;flex:none;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014,0 6px 14px -6px #00000040}.card-thumbnail{transform-origin:0 0}.card-type-label{text-align:center;width:100%;min-height:2.6em;color:var(--muted);margin:0;font-size:.78rem;font-weight:600;line-height:1.3}.card-actions{gap:6px;width:100%;display:flex}.card-action{border:1px solid var(--line);background:var(--card);height:34px;color:var(--muted);cursor:pointer;border-radius:10px;flex:1;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.card-action svg{width:16px;height:16px}.card-action--edit:hover{background:var(--indigo-soft);color:var(--indigo)}.card-action--delete:hover{background:var(--bad-soft);color:var(--bad)}.selection-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:900;color:#fff;width:max-content;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);animation:bar-in .22s var(--ease);background:#1f2330;border-radius:20px;align-items:center;gap:8px;padding:8px 8px 8px 18px;display:flex;position:fixed;transform:translate(-50%)}@keyframes bar-in{0%{opacity:0;transform:translate(-50%,16px)}}.selection-count{white-space:nowrap;margin-right:6px}.selection-count strong{font-variant-numeric:tabular-nums}.selection-bar .btn{border-color:#0000}.selection-bar .btn-danger{color:#ffb4b0;background:#ffffff1a}.selection-bar .btn-danger:hover{background:var(--bad);color:#fff}.icon-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-btn:hover{color:#fff;background:#ffffff1f}.icon-btn svg{width:18px;height:18px}.has-selection .toast-region{bottom:calc(96px + env(safe-area-inset-bottom))}@media (width<=600px){.container{padding-inline:12px}.panel{padding:14px}.deck-main-actions{width:100%}.deck-main-actions .btn{white-space:nowrap;flex:1;padding-inline:10px}.deck-main-actions .icon{display:none}.saved-cards{gap:8px}.selection-bar .btn span[data-i18n]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.selection-bar .btn{width:48px;padding:0}.selection-bar .icon{width:20px;height:20px}}.designer{padding:0}.designer-summary{cursor:pointer;border-radius:var(--radius);align-items:center;gap:12px;padding:18px 20px;list-style:none;display:flex}.designer-summary::-webkit-details-marker{display:none}.designer-icon{background:var(--indigo-soft);width:38px;height:38px;color:var(--indigo);border-radius:12px;place-items:center;display:grid}.designer-icon svg{width:20px;height:20px}.designer-summary h2{flex:1}.designer-summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:10px;height:10px;margin-right:6px;transition:transform .2s;transform:rotate(45deg)}.designer:not([open]) .designer-summary:after{transform:rotate(-45deg)}.main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:4px 20px 20px;display:grid}.preview-panel{background:radial-gradient(circle at 1px 1px, var(--line) 1px, transparent 0) 0 0 / 16px 16px, var(--paper);border-radius:16px;align-self:start;padding:18px;position:sticky;top:12px}@media (width<=768px){.main-grid{grid-template-columns:minmax(0,1fr);padding-inline:14px}.preview-panel{order:-1;position:static}}.tabs{background:var(--paper-2);border-radius:14px;gap:4px;margin-bottom:18px;padding:4px;display:flex}.tab{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:6px 10px;font-size:.92rem;font-weight:650}.tab:hover{color:var(--ink)}.tab.active{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #00000014,0 2px 8px #0000000f}.designer-actions{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.designer-actions .btn-primary{flex:auto;min-height:48px}.form-group{border:0;margin:0 0 16px;padding:0}label,legend{color:var(--ink);margin-bottom:6px;padding:0;font-size:.86rem;font-weight:600;display:block}label.check{cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;font-weight:500;display:flex}input[type=text],input[type=number],input[type=color],select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:inherit;padding:10px 12px;font-size:.98rem;transition:border-color .15s,box-shadow .15s}select[multiple]{padding:6px}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--indigo);box-shadow:0 0 0 4px var(--indigo-soft);outline:none}input[type=color]{cursor:pointer;width:64px;padding:4px}.grid-2:has(>input[type=color]:first-child){grid-template-columns:64px minmax(0,1fr)}.form-group input+label{margin-top:14px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--indigo);margin:0}input.inline-check{margin-left:10px}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-2.tight{margin-top:8px}.button-bar{flex-wrap:wrap;gap:8px;display:flex}.btn{min-height:44px}.btn-outline{background:var(--card);border:1px solid var(--line);color:var(--ink)}.btn-outline:hover{background:var(--paper-2)}.btn-danger{background:var(--card);border:1px solid color-mix(in srgb, var(--bad) 30%, transparent);color:var(--bad)}.btn-danger:hover{background:var(--bad);border-color:var(--bad);color:#fff}.type-tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.type-tiles legend{grid-column:1/-1;margin-bottom:8px}.type-tiles label.check{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);margin:0;padding:12px 14px;font-weight:600;transition:background .15s,border-color .15s}.type-tiles label.check:has(:checked){border-color:var(--indigo);background:var(--indigo-soft)}.card-preview{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.preview-caption{color:var(--muted);margin:0 0 8px;font-size:.78rem;font-weight:600}.card-preview .card{box-shadow:0 1px 2px #00000014,0 10px 24px -10px #0000004d}.card{color:#000;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;display:flex}.card-text{text-align:center;word-wrap:break-word;width:100%;font-weight:700;direction:ltr!important}.card-middle{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.card-middle svg{max-width:100%;height:auto}dialog{border:1px solid var(--line);background:var(--card);width:min(600px,94vw);max-height:90vh;box-shadow:var(--shadow-lg);color:var(--ink);border-radius:24px;padding:24px}dialog[open]{animation:dialog-in .2s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}dialog h2{margin-bottom:6px;font-size:1.3rem}dialog>.muted{margin:0 0 18px}dialog.wide{width:min(760px,94vw)}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14161e80}dialog .button-bar:last-child,dialog>.btn:last-child{margin-top:8px}dialog .button-bar:last-child .btn-primary{flex:auto}.settings-box,.note{border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--line);margin:0 0 16px;padding:14px;font-size:.9rem}.settings-box p{margin:0 0 10px}.settings-box .btn{min-height:38px;padding:6px 12px;font-size:.88rem}.note{background:var(--indigo-soft);color:var(--ink);border:0}.status-ok{color:var(--ok);font-weight:600}.editor-row input:not([type=checkbox]){margin-top:4px}#printView{display:none}#printView.active{z-index:1000;background:#fff;background:var(--paper-2);padding:0 0 24px;display:block;position:fixed;inset:0;overflow:auto}.print-toolbar{z-index:2;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:24px;padding:12px 20px;display:flex;position:sticky;top:0}#printInfo{color:var(--muted);flex:260px;margin:0;font-size:.9rem}.duplex-option{cursor:pointer;align-items:center;gap:10px;margin:0;font-weight:500;display:inline-flex}.print-page{width:210mm;height:297mm;box-shadow:var(--shadow-lg);background:#fff;border:0;margin:0 auto 20mm;padding:10mm}.print-grid{display:grid}@media print{@page{size:A4;margin:0}body{background:#fff;margin:0;padding:0}.no-print{display:none!important}#printView{background:#fff!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.print-page{box-shadow:none;break-after:page;break-inside:avoid;border:none;margin:0}.print-page:last-child{break-after:auto}.card{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}