@font-face{font-family:CardTitle;src:url("assets/fonts/matrix-small-caps.ttf") format("truetype");font-weight:400;font-display:block}
@font-face{font-family:CardEffect;src:url("assets/fonts/matrix-book.ttf") format("truetype");font-weight:400;font-display:block}
@font-face{font-family:CardStats;src:url("assets/fonts/matrix-bold.otf") format("opentype");font-weight:400;font-display:block}
:root{--ink:#292a26;--muted:#87867e;--paper:#f7f6f2;--line:#e5e3dc;--orange:#d85b32;--accent:#e56a3b;--white:#fffefa;font-family:"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dc8a52;outline-offset:3px}button{color:inherit}button svg{width:19px;height:19px}button{background:none}button,a{touch-action:manipulation}[hidden]{display:none!important}.nav-tab{border:0;padding:0;font-size:13px;position:relative;color:var(--muted);font-weight:600}.nav-tab.active{color:var(--ink)}.nav-tab.active:after{content:"";position:absolute;height:3px;background:var(--orange);bottom:0;left:0;right:0}.nav-tab span{background:#edede7;border-radius:4px;padding:2px 6px;margin-left:5px;font-size:10px}#save-status i{display:inline-block;width:6px;height:6px;background:#7c966f;border-radius:50%;margin-right:7px}main{max-width:1536px;padding:39px 4.2% 0;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:750;color:var(--orange);margin:0 0 11px}h1{font-family:"Avenir Next",sans-serif;letter-spacing:-1.4px;font-size:35px;line-height:1.25;font-weight:650;margin:0}.subtitle{font-size:12px;color:#89877e;margin:10px 0 0}.mobile-break{display:none}.button{border:1px solid var(--line);border-radius:6px;padding:11px 17px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .16s,transform .16s}.button:hover{transform:translateY(-1px)}.button.secondary{background:var(--white);color:#4e5049}.button.secondary:hover{background:#eeede7}.button.primary{background:var(--orange);color:white;border-color:var(--orange);box-shadow:0 2px 3px #9e3d1510}.button.primary:hover{background:#bc4c27}.plus{font-size:18px;line-height:1}.workspace{display:grid;grid-template-columns:370px minmax(0,1fr);border:1px solid #deddd5;border-radius:10px;overflow:hidden;background:var(--white)}.editor{border-right:1px solid var(--line)}.panel-heading{height:66px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h2{font-size:13px;margin:0;font-weight:650}.step-label{font-size:8px;letter-spacing:1px;color:#a39f94}#card-form{padding:0 24px}.form-section{padding:21px 0;border-bottom:1px solid var(--line)}h3{font-size:12px;font-weight:650;display:flex;align-items:center;gap:10px;margin:0 0 16px}h3>span{font-size:9px;font-weight:500;color:#a09c90;letter-spacing:1px}.form-section label{display:block;font-size:10px;font-weight:600;color:#67675f;margin:0 0 7px}.count{float:right;color:#aaa69b;font-size:9px;font-weight:400}input:not([type="range"]):not([type="file"]):not([type="color"]),textarea{width:100%;border:1px solid #e0dfd7;background:#fffefa;border-radius:5px;color:#383a32;font-size:12px;padding:10px 11px;transition:border-color .15s}input:hover,textarea:hover{border-color:#c5c0b3}input:focus,textarea:focus{border-color:#d78050}textarea{resize:vertical;line-height:1.6;min-height:115px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.upload-area{border:1px dashed #cfcbbf!important;border-radius:6px;background:#f9f8f4;display:flex!important;align-items:center;gap:12px;padding:17px 12px;cursor:pointer;transition:background .15s,border-color .15s}.upload-area:hover,.upload-area.dragover{background:#fff0e5;border-color:var(--orange)!important}.upload-icon svg{width:26px;height:26px;color:#999181}.upload-area strong{font-size:11px;font-weight:600;display:block;color:#4b4d44}.upload-area small{display:block;font-size:8px;font-weight:400;color:#9c9789;margin-top:5px}.upload-plus{margin-left:auto;font-size:20px;font-weight:400;color:#8e8777}.photo-info{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 16px;color:#9f9b8e;font-size:8px}.photo-info>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{border:0;padding:0;font-size:10px;color:#7b7d71;white-space:nowrap}.text-button:hover{color:var(--orange)}.text-button span{margin-left:4px}.photo-info .text-button{font-size:8px}.range-row{display:flex;align-items:center;gap:14px}.range-row label{width:35px;margin:0}.range-row output{width:33px;font-size:9px;color:#8a877c;text-align:right}.range-row input{flex:1;min-width:0}.position-controls{margin-top:12px}.position-controls label{font-size:8px;font-weight:400;color:#969083}.position-controls input{width:100%}input[type="range"]{appearance:none;height:3px;border-radius:3px;background:#e3e0d6;cursor:pointer;margin:8px 0;accent-color:var(--orange)}input[type="range"]::-webkit-slider-thumb{appearance:none;border:2px solid var(--white);width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px #c9c1b0}input[type="range"]::-moz-range-thumb{border:2px solid var(--white);width:9px;height:9px;border-radius:50%;background:var(--orange)}.stat-symbol{font-size:12px;color:var(--orange);margin-right:4px}.muted{float:right;color:#aaa594;font-size:9px}.stats-fields input{font-variant-numeric:tabular-nums}.palette-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.palette-row>label{margin:0}#palette{display:flex;gap:7px;align-items:center}.swatch{width:20px;height:20px;border:3px solid var(--white);background:var(--swatch);border-radius:50%;outline:1px solid transparent}.swatch.selected{outline-color:#625e51}.custom-color{width:20px;height:20px!important;position:relative;margin:0!important;display:flex!important;align-items:center;justify-content:center;border:1px solid #d8d3c5;border-radius:50%;overflow:hidden;cursor:pointer}.custom-color input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.custom-color span{font-size:13px;pointer-events:none}.last-section{border:0;padding-bottom:22px}.editor-footer{border-top:1px solid var(--line);padding:15px 24px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:#fcfbf7}.editor-footer>span{font-size:8px;color:#959285}.editor-footer .text-button{font-size:8px}#save-status i{width:4px;height:4px;margin-right:4px}.preview-panel{position:relative;display:flex;flex-direction:column;background-color:#eeede7;background-image:radial-gradient(#c8c5b652 .8px,transparent .8px);background-size:13px 13px;min-width:0}.preview-top{padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.preview-top>div{font-size:8px;letter-spacing:1.5px;color:#929083;font-weight:600}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c67b4c;margin-right:6px}.preview-top .text-button{font-size:9px}.card-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 25px 16px;min-height:540px}.card-shadow{width:min(100%,365px);transform:rotate(-2deg);filter:drop-shadow(6px 13px 10px #34312029);transition:transform .3s}.card-shadow:hover{transform:rotate(0deg)}#card-canvas{width:100%;height:auto;display:block;border-radius:2px}.preview-caption{display:flex;align-items:center;justify-content:center;gap:21px;font-size:7px;letter-spacing:2px;color:#9b9787;padding:17px 20px 35px}.tiny-cross{font-size:12px;color:#aaa18e}.preview-bottom{border-top:1px solid #dddbd1;background:#f8f7f1d9;backdrop-filter:blur(8px);padding:22px 20px 15px;display:flex;flex-direction:column;align-items:center;gap:19px}.format-note{display:flex;gap:9px;align-items:center}.paper-icon{font-size:25px;color:#aaa38f}.format-note strong{display:block;font-size:11px;font-weight:600}.format-note small{display:block;font-size:8px;color:#999384;margin-top:4px}.preview-actions{display:flex;justify-content:center;gap:10px;width:100%}.preview-actions .button{min-width:150px;padding:13px 19px}.json-export{font-size:8px;color:#999183}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 25px;font-size:8px;color:#9b978a}.footer-divider{margin:0 8px;color:#c0baad}.footer-star{font-size:16px;margin-left:10px;color:#939083}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}.library-item{background:#ecebe3;border:1px solid var(--line);border-radius:9px;padding:24px 20px 16px}.library-item canvas{width:100%;height:auto;display:block;filter:drop-shadow(1px 4px 3px #0002);margin-bottom:20px}.library-item h2{overflow-wrap:anywhere}.library-meta{font-size:9px;color:#8c8778;margin:5px 0 15px}.library-item-actions{display:flex;justify-content:space-between}.library-empty{grid-column:1/-1;padding:85px 20px;text-align:center;border:1px dashed #d6d0c3;border-radius:10px;color:#898274}.library-empty strong{display:block;font-size:18px;color:#45463e;margin:15px}.library-empty p,.library-note{font-size:11px;color:#948c7b}.library-note{margin:26px 0}.empty-icon{font-size:40px}.remove-card{color:#a16b59}dialog{padding:25px;border:1px solid #d8d1c2;border-radius:12px;background:var(--paper);max-width:min(560px,90vw);box-shadow:0 20px 90px #0004}dialog::backdrop{background:#2826219e;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-heading h2{font-size:20px}.icon-button{border:0;font-size:28px;color:#847c6d;padding:0 5px}dialog p{font-size:11px;color:#817868;line-height:1.7}#confirm-dialog h2{font-size:20px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:14px 22px;background:#303b30;color:#fffaf0;border-radius:7px;font-size:12px;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;z-index:10;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1400px){.workspace{grid-template-columns:415px minmax(0,1fr)}#card-form{padding:0 30px}.panel-heading,.editor-footer{padding-left:30px;padding-right:30px}.card-shadow{width:408px}.card-stage{padding-top:27px;padding-bottom:27px}h1{font-size:39px}}
@media(max-width:1000px){.workspace{grid-template-columns:340px minmax(0,1fr)}.card-stage{padding:20px;min-height:470px}.preview-actions .button{min-width:0;padding:12px}.preview-actions{gap:7px}.preview-top{padding:23px 18px}.preview-top .text-button{font-size:8px}.card-shadow{width:min(100%,330px)}.page-footer{font-size:7px}}
@media(max-width:750px){.nav-tab{font-size:10px}main{padding:28px 5% 0}.page-heading{align-items:flex-start;margin-bottom:24px}h1{font-size:27px;letter-spacing:-1px}.mobile-break{display:block}.subtitle{font-size:10px;max-width:260px;line-height:1.7}.eyebrow{font-size:7px;letter-spacing:1.5px}.page-heading>.button{font-size:10px;padding:9px;margin-top:22px}.workspace{display:flex;flex-direction:column}.editor{border-right:0;order:2}.preview-panel{order:1;border-bottom:1px solid var(--line)}.preview-top{padding:18px 20px}.card-stage{min-height:0;padding:15px 55px 10px}.card-shadow{width:280px;max-width:100%}.preview-caption{padding:15px 10px 22px;font-size:6px}.preview-bottom{padding:16px;gap:13px}.format-note{display:none}.preview-actions .button{min-width:140px}.json-export{font-size:8px}.panel-heading{height:59px}#card-form{padding:0 22px}.form-section label{font-size:11px}input:not([type="range"]):not([type="file"]):not([type="color"]),textarea{font-size:16px}.form-section{padding:22px 0}.form-section h3{font-size:13px}.upload-area{padding:21px 14px}.upload-area strong{font-size:12px}.upload-area small{font-size:9px}.position-controls label{font-size:9px}.page-footer{align-items:flex-start;flex-direction:column;gap:10px;padding:22px 0}.page-footer>span{font-size:8px}.footer-star{display:none}.editor-footer{padding:17px 22px}.editor-footer .text-button,.editor-footer>span{font-size:8px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-item{padding:13px 11px}.library-item-actions .text-button{font-size:9px}.library-item h2{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media(max-width:750px){.nav-tab{font-size:9px}}
.category-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.category-heading h3{margin:0}#card-categories,#category-parents{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#706f61}.category-choice{display:flex!important;align-items:center;gap:6px;margin:0!important;padding:6px 8px;border:1px solid #d7d1c1;border-radius:4px;font-size:11px!important;cursor:pointer}.category-choice input[type=checkbox]{width:14px!important;margin:0;accent-color:#cd713c}.category-inherited,.category-help{font-size:11px;line-height:1.6;color:#8c816b;margin-top:12px}#categories-dialog{width:520px}#category-list{display:grid;gap:6px;max-height:30vh;overflow:auto}.category-item{text-align:left;border:1px solid #d7d1c1;padding:9px;font-size:12px;border-radius:4px}.category-item small{color:#817761}#category-form{margin-top:18px}#category-form>label{display:block;font-size:12px;margin-bottom:6px}#category-name{font-size:14px}#category-parents{max-height:25vh;overflow:auto}.category-actions{display:flex;align-items:center;gap:20px;margin-top:20px}#category-error{color:#ab402c;min-height:18px}#categories-dialog hr{border:0;border-top:1px solid #ded7c7;margin:18px 0}