@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:800;src:url(/KARDS-DIY-GENERATOR/assets/libre-franklin-latin-800-normal-IoztdYMZ.woff2) format("woff2"),url(/KARDS-DIY-GENERATOR/assets/libre-franklin-latin-800-normal-C1oVkKH1.woff) format("woff")}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:900;src:url(/KARDS-DIY-GENERATOR/assets/libre-franklin-latin-900-normal-DYdohSdn.woff2) format("woff2"),url(/KARDS-DIY-GENERATOR/assets/libre-franklin-latin-900-normal-DLxS-yoc.woff) format("woff")}@font-face{font-family:Yantramanav;font-style:normal;font-display:swap;font-weight:700;src:url(/KARDS-DIY-GENERATOR/assets/yantramanav-latin-700-normal-D4pxzXxZ.woff2) format("woff2"),url(/KARDS-DIY-GENERATOR/assets/yantramanav-latin-700-normal-Doi09UJE.woff) format("woff")}@font-face{font-family:Yantramanav;font-style:normal;font-display:swap;font-weight:900;src:url(/KARDS-DIY-GENERATOR/assets/yantramanav-latin-900-normal-gcpOPA3j.woff2) format("woff2"),url(/KARDS-DIY-GENERATOR/assets/yantramanav-latin-900-normal-BJptr8bj.woff) format("woff")}.help-toggle{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 13px 0 9px;border-color:var(--line-strong);color:var(--text);font-size:13px;font-weight:750;background:#1f1d16d1}.help-toggle[aria-current=page]{border-color:var(--accent-strong);color:#fff4d4;background:#352e1e}.help-toggle-mark{display:grid;place-items:center;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font:800 12px/1 Georgia,Times New Roman,serif}.help-toggle:focus-visible,.help-close:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.help-page{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(28px,4vw,58px) 24px 64px;background:linear-gradient(90deg,rgba(182,154,88,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.018),transparent 36%),#11110f;background-size:72px 100%,auto,auto}.help-page[hidden]{display:none}.help-page-inner{width:min(100%,1040px);margin:0 auto}.help-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:44px;padding-bottom:32px;border-bottom:1px solid var(--line)}.help-page-header>div{max-width:680px}.help-eyebrow{display:block;margin-bottom:10px;color:var(--accent-strong);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.help-page h2{margin:0;color:#f5e8c9;font:700 clamp(34px,5vw,56px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.025em}.help-page-header p{max-width:610px;margin:16px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.help-close{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;min-height:40px;padding:0 16px;border-color:var(--line-strong);color:var(--accent-strong);font-weight:800;background:transparent}.help-close span{font-size:18px;line-height:1}.help-section{margin-bottom:38px}.help-section h3,.help-note h3{margin:0 0 18px;color:#f0dfbb;font:700 20px/1.2 Georgia,Times New Roman,serif}.help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.help-steps li{min-height:164px;padding:20px;border:1px solid var(--line);border-top-color:var(--accent);background:#1d1c17d6}.help-step-number{display:block;margin-bottom:22px;color:var(--accent);font:700 22px/1 Georgia,Times New Roman,serif}.help-steps strong{display:block;margin-bottom:8px;color:var(--text);font-size:14px}.help-steps p,.help-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.58}.help-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.help-card{padding:24px;border:1px solid var(--line);background:#12120fb8}.help-definition-list{margin:0}.help-definition-list>div{display:grid;grid-template-columns:minmax(96px,.34fr) 1fr;gap:18px;padding:14px 0;border-top:1px solid rgba(117,100,59,.42)}.help-definition-list dt{color:var(--accent-strong);font-size:12px;font-weight:850}.help-definition-list dd{margin:0;color:var(--muted);font-size:12px;line-height:1.52}.help-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:38px}.help-note{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:22px 24px;border-left:2px solid var(--accent);background:#b69a5814}.help-note h3{margin-bottom:9px;font-size:17px}.help-note-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:50%;color:var(--accent-strong);font-size:17px}.help-tips{margin-bottom:0;padding-top:28px;border-top:1px solid var(--line)}.help-tips ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 24px;margin:0;padding:0;list-style:none}.help-tips li{position:relative;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.55}.help-tips li:before{position:absolute;top:.54em;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent);content:""}@media(max-width:760px){.help-page{min-height:0;overflow:visible;padding:30px 18px 48px;background-size:54px 100%,auto,auto}.help-page-header{display:grid;gap:24px;margin-bottom:34px;padding-bottom:26px}.help-page h2{font-size:clamp(34px,11vw,46px)}.help-close{width:fit-content}.help-steps,.help-guide-grid,.help-note-grid,.help-tips ul{grid-template-columns:1fr}.help-steps li{min-height:0}.help-card{padding:20px}.help-definition-list>div{grid-template-columns:1fr;gap:5px}}:root{color-scheme:dark;--top-bar-height: 66px;--bg: #11110f;--panel: #191915;--panel-soft: #222016;--line: #4a4230;--line-strong: #75643b;--text: #eee1c4;--muted: #b7aa8c;--faint: #7c735e;--accent: #b69a58;--accent-strong: #d4bd79;--danger: #7c3028;--danger-line: #b65a49;--input: #11110d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0;overflow:hidden}body{color:var(--text);background:radial-gradient(circle at 50% 0%,rgba(151,126,75,.14),transparent 36rem),linear-gradient(135deg,#12120f,#0b0b0a 56%,#15120d)}button,input,textarea,select{font:inherit;font-size:13px}button{border:1px solid var(--line);border-radius:6px;color:var(--text);background:linear-gradient(180deg,#29271c,#171712);min-height:36px;cursor:pointer}button:hover,.file-button:hover{border-color:var(--accent);color:#fff4d4}button:disabled{cursor:not-allowed;opacity:.54}.app-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:var(--top-bar-height) minmax(0,1fr);overflow:hidden}.top-bar{position:sticky;top:0;z-index:20;height:var(--top-bar-height);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;border-bottom:1px solid var(--line);background:#11110eeb}.top-bar>div{display:flex;align-items:center;gap:14px}.top-actions{justify-content:flex-end;gap:10px}.brand-mark{width:44px;height:44px;margin:0;flex:0 0 auto;object-fit:contain}.top-bar h1{margin:0;font:700 26px Georgia,Times New Roman,serif;letter-spacing:0}.top-bar p{margin:2px 0 0;color:var(--muted);font-size:12px}.language-toggle{min-width:58px;min-height:32px;padding:0 13px;border-color:var(--line-strong);color:var(--accent-strong);font-size:13px;font-weight:800;background:linear-gradient(180deg,#302b1d,#171712)}.workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(440px,1fr) minmax(250px,320px);min-height:0;height:100%;overflow:hidden}.panel{min-width:0;min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#141411e0}.field-panel{border-right:1px solid var(--line);contain:layout paint;direction:rtl}.field-panel>*{direction:ltr}.field-section{padding:14px 0 16px;border-top:1px solid rgba(117,100,59,.42)}.field-section:first-child{padding-top:0;border-top:0}.field-section.is-collapsed{padding-bottom:12px}.field-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin-bottom:12px}.field-section.is-collapsed .field-section-header{margin-bottom:0}.field-section-header h2{min-width:0;margin:0;color:var(--accent-strong);font-size:13px;font-weight:900;letter-spacing:0;line-height:1.2;text-transform:uppercase}.field-section-body{display:grid;gap:10px}.field-section-body[hidden]{display:none}.field-section-body>:last-child,.field-section-body .field-block:last-child{margin-bottom:0}.artwork-drop-zone{display:grid;gap:10px;margin:-6px;padding:6px;border:1px dashed transparent;border-radius:6px;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.artwork-drop-zone.is-drag-active{border-color:#d4bd79d1;background:#b69a5814;box-shadow:inset 0 0 0 1px #b69a582e}.section-toggle{position:relative;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border-color:#75643bb8;background:#11110dc7}.section-toggle span{position:absolute;top:50%;left:50%;width:8px;height:8px;border-right:2px solid var(--accent-strong);border-bottom:2px solid var(--accent-strong);transform:translate(-50%,-64%) rotate(45deg);transform-origin:center}.field-section.is-collapsed .section-toggle span{transform:translate(-62%,-50%) rotate(-45deg)}.project-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border-left:1px solid var(--line)}.workbench-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:14px}.workbench-tabs button{min-width:0;min-height:32px;padding:0 5px;color:var(--muted);font-size:12px;font-weight:800}.workbench-tabs button[aria-selected=true]{border-color:var(--accent);color:#fff2cc;background:linear-gradient(180deg,#51492d,#2a291b)}.workbench-tabs button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.workbench-tab-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}.workbench-tab-content [role=tabpanel]{display:grid;gap:12px}.workbench-tab-content [role=tabpanel][hidden]{display:none}.workbench-footer{padding-top:14px;border-top:1px solid var(--line);background:var(--panel)}.workbench-footer .summary-list{margin:12px 0 0;padding-bottom:0;border-bottom:0}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid var(--line)}.panel-heading p{margin:0;color:var(--accent-strong);font-weight:800;text-transform:uppercase;font-size:14px}.panel-heading span{color:var(--faint);font-size:12px}.field-block,.select-grid label,.number-grid label,.crop-grid label{display:grid;gap:5px;margin-bottom:10px}.field-block span,.select-grid span,.number-grid span,.crop-grid span{color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase}.compact-field-block{margin-bottom:0}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:5px;color:var(--text);background:var(--input);outline:none}input,select{height:34px;padding:0 9px}textarea{resize:vertical;min-height:88px;padding:8px 9px;line-height:1.35}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #b69a582e}.field-block input[type=file]{min-height:38px;height:auto;padding:5px 7px;overflow:hidden;color:var(--muted);font-size:13px;line-height:26px;text-overflow:ellipsis}.field-block input[type=file]::file-selector-button{height:26px;margin:0 8px 0 0;padding:0 9px;border:1px solid var(--line);border-radius:4px;color:var(--text);background:linear-gradient(180deg,#3b3a32,#26251f);font:inherit;font-weight:700;line-height:24px}input[type=range]{height:24px;padding:0;accent-color:var(--accent)}.keyword-field{align-items:stretch}.keyword-chip-list{display:flex;position:relative;min-height:36px;flex-wrap:wrap;align-items:center;align-content:center;gap:6px;padding:4px;border:1px solid var(--line);border-radius:6px;background:#00000024}.keyword-chip{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border-color:var(--line-strong);color:var(--accent-strong);cursor:grab;font-size:12px;font-weight:800;line-height:1;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.keyword-chip.is-dragging{position:relative;z-index:2;border-color:var(--accent);box-shadow:0 6px 14px #0000003d;cursor:grabbing;transition:none}.keyword-chip.is-shifting{position:relative;z-index:1;border-color:var(--accent)}.keyword-chip strong{color:var(--muted);font-size:13px}.body-field{align-items:stretch}.body-effect-buttons{display:flex;flex-wrap:wrap;gap:6px}.body-effect-button{min-height:28px;width:auto;padding:0 9px;border-color:var(--line-strong);color:var(--accent-strong);font-size:12px;font-weight:800}.text-appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:7px;padding:7px 9px;margin:-6px 0 12px;border:1px solid var(--line);border-radius:6px;background:#ffffff05}.text-appearance-control{display:grid;gap:3px;min-width:0}.text-appearance-control>span,.text-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px}.text-appearance-control span,.text-toggle span{color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase}.text-appearance-control strong{color:var(--accent-strong);font-size:12px}.text-appearance-control input[type=range]{height:18px}.text-toggle input[type=checkbox]{width:18px;height:18px;padding:0;accent-color:var(--accent)}.crop-grid{padding:7px 9px;margin-bottom:10px;border:1px solid var(--line);border-radius:6px;background:#ffffff05}.crop-grid .crop-control{gap:3px;margin-bottom:5px}.crop-grid .crop-control:last-child{margin-bottom:0}.crop-control-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.crop-value-input{width:70px;height:26px;padding:0 6px;text-align:right;font-size:12px;font-weight:700}.crop-control input[type=range]{height:18px}.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.number-grid input{text-align:center;padding:0 6px}.canvas-stage{min-width:0;min-height:0;height:100%;overflow:hidden;display:grid;justify-items:center;align-content:center;gap:16px;padding:26px}.canvas-comparison{width:min(100%,1040px);display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));align-items:start;justify-items:center;gap:22px}.canvas-comparison.is-single{max-width:500px;grid-template-columns:1fr}.card-preview-frame{width:100%;max-width:clamp(240px,calc((100dvh - var(--top-bar-height) - 96px) * 500 / 702),500px);display:grid;justify-items:center;gap:8px;margin:0}.card-preview-frame figcaption{max-width:100%;color:var(--muted);font-size:12px;font-weight:700;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}.card-canvas{width:100%;height:auto;border-radius:22px;box-shadow:0 34px 80px #00000085,0 0 0 1px #dabf7824;touch-action:none}.reference-card-image{width:100%;height:auto;border-radius:22px;box-shadow:0 34px 80px #00000085,0 0 0 1px #dabf7824}.card-canvas.is-draggable{cursor:grab}.card-canvas.is-draggable:active{cursor:grabbing}.canvas-hint{max-width:520px;margin:0;color:var(--muted);text-align:center;font-size:13px}.export-stack{display:grid;gap:8px}.export-stack.two-up{grid-template-columns:1fr 1fr}.project-section{display:grid;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.project-section:first-of-type{padding-top:0}.local-library-workbench,.reference-workbench,.export-diagnostics{display:grid;gap:10px}.library-entry-list,.reference-sample-list{display:grid;gap:7px;max-height:300px;overflow-y:auto;padding-right:3px}.library-entry{display:grid;gap:8px;padding:9px;border:1px solid var(--line);border-radius:6px;background:#00000024}.library-entry.is-active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.library-entry>div:first-child{display:grid;gap:3px}.library-entry span,.library-entry em{color:var(--muted);font-size:11px;font-style:normal}.library-entry em{color:var(--accent-strong);font-weight:800}.library-entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.reference-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reference-filter-grid label{display:grid;gap:4px}.reference-filter-grid span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.reference-sample-row{display:grid;gap:3px;min-height:48px;padding:7px 9px;text-align:left}.reference-sample-row.is-selected{border-color:var(--accent);background:linear-gradient(180deg,#3a3524,#211f17)}.reference-sample-row strong,.reference-sample-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-sample-row span{color:var(--muted);font-size:11px}.empty-state{margin:0;color:var(--faint);font-size:12px;line-height:1.4}.export-diagnostics{padding:11px;border:1px solid var(--line);border-radius:6px;background:#00000024}.export-diagnostics.is-warning{border-color:#8b7748}.export-diagnostics.is-blocking{border-color:var(--danger-line)}.export-diagnostics ul{display:grid;gap:5px;margin:0;padding-left:18px;color:var(--muted);font-size:12px}.export-diagnostics .diagnostic-blocking,.export-diagnostics .diagnostic-error{color:#f1c0ad}.export-result{display:grid;gap:4px;color:var(--muted);font-size:12px}.export-result strong{color:var(--text);overflow-wrap:anywhere}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section-heading p{margin:0;color:var(--accent-strong);font-size:13px;font-weight:800;text-transform:uppercase}.section-heading span{color:var(--faint);font-size:12px;font-weight:700;text-align:right}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-grid label,.export-range{display:grid;gap:4px}.control-grid span,.export-range>span,.texture-range>span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.export-range>span,.texture-range>span{display:flex;align-items:center;justify-content:space-between}.export-range strong,.texture-range strong{color:var(--accent-strong);font-size:12px}.texture-section{gap:8px}.texture-range{display:grid;gap:4px}.toggle-row{display:flex;align-items:center;gap:8px;min-height:32px;color:var(--text);font-size:13px;font-weight:700}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.status-line,.status-warning{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.status-warning{color:#f1c0ad}.primary-action{border-color:#8b7748;color:#fff2cc;background:linear-gradient(180deg,#51492d,#2a291b);font-weight:800}.danger-action{border-color:var(--danger-line);background:linear-gradient(180deg,#702e25,#3b1c17)}.file-button{position:relative;display:grid;place-items:center;min-height:36px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:linear-gradient(180deg,#29271c,#171712);cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.summary-list{display:grid;gap:7px;margin:16px 0;padding:12px 0;border-block:1px solid var(--line)}.summary-list p{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}.summary-list span{color:var(--muted);font-size:13px}.summary-list strong{font-size:13px}.asset-pack-status,.diff-status{display:grid;gap:8px;margin:0 0 18px}.asset-pack-status p,.diff-status p{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;color:var(--muted);font-size:12px}.asset-pack-status strong,.diff-status strong{color:var(--text);text-align:right}.asset-pack-status .status-warning,.diff-status .status-warning{display:block;color:#f1c0ad;line-height:1.35}@media(max-width:1120px){.workspace{grid-template-columns:minmax(270px,320px) 1fr;grid-template-rows:minmax(0,1fr) minmax(220px,38vh)}.project-panel{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line)}.export-stack{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){html,body,#root{height:auto;overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-rows:auto auto;overflow:visible}.top-bar{height:auto;align-items:flex-start;padding:18px;flex-direction:column}.top-actions{width:100%;justify-content:flex-start}.language-toggle{margin-left:auto}.workspace{grid-template-columns:1fr;grid-template-rows:none;height:auto;overflow:visible}.field-panel,.project-panel{border:0;border-top:1px solid var(--line)}.canvas-stage{height:auto;overflow:visible;order:-1;padding:20px 14px}.canvas-comparison{grid-template-columns:1fr}.panel{height:auto;overflow:visible;padding:20px 18px}.select-grid,.number-grid,.export-stack{grid-template-columns:1fr 1fr}.project-panel{display:grid;overflow:visible}.workbench-tab-content{overflow:visible;padding-right:0}}