.rich-text-editor{border:1px solid #d1d5db;border-radius:6px;background:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.rich-text-editor:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.rich-text-toolbar{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:#4b5563;font-size:.82rem;font-family:inherit;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.toolbar-btn:hover{background:#e5e7eb;color:#1f2937}.toolbar-btn--active{background:#e0e7ff;color:#4338ca;border-color:#a5b4fc}.toolbar-btn--active:hover{background:#c7d2fe;color:#3730a3}.toolbar-btn:focus-visible{outline:2px solid #6366f1;outline-offset:1px}.toolbar-separator{width:1px;height:18px;background:#d1d5db;margin:0 4px;flex-shrink:0}.rich-text-editor-content{padding:8px 10px;font-size:.875rem;font-family:inherit;color:#1f2937;line-height:1.5;min-height:120px;outline:none}.rich-text-editor-content.is-editor-empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none;float:left;height:0}.rich-text-editor-content p{margin:0 0 4px}.rich-text-editor-content p:last-child{margin-bottom:0}.rich-text-editor-content ul{margin:4px 0;padding-left:20px}.rich-text-editor-content ul li{margin-bottom:2px}.rich-text-editor-content ul li p{margin:0}.rich-text-editor-content strong{font-weight:700}.rich-text-editor-content em{font-style:italic}.rich-text-editor .tiptap{outline:none}.rich-text-editor .tiptap:focus{outline:none}.item-form{display:flex;flex-direction:column;gap:16px;padding:4px}.form-section{border:1px solid #d1d5db;border-radius:8px;padding:16px;margin:0;background:#fafafa}.form-section legend{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#4b5563;padding:0 8px}.form-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.form-label{font-size:.78rem;font-weight:600;color:#374151}.form-helper-text{font-size:.72rem;color:#6b7280;font-style:italic;margin-top:2px}.form-field input[type=text],.form-field input[type=url],.form-field input[type=number],.form-field select,.form-field textarea{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;color:#1f2937;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-field input::placeholder,.form-field textarea::placeholder{color:#9ca3af}.form-field textarea{resize:vertical;line-height:1.5}.form-row{display:flex;gap:12px;margin-top:10px}.form-row>.form-field{flex:1}.form-check-row{margin-top:10px}.form-checkbox{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.84rem;color:#374151;-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer;margin:0}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px 12px}.form-section>.form-field+.form-field,.form-section>.form-check-row+.form-field,.form-section>.form-field+.form-check-row{margin-top:10px}.image-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:-1px}.image-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 16px;border:2px dashed #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.image-dropzone:hover{border-color:#6366f1;background:#f5f3ff}.image-dropzone--active{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px #6366f126}.image-dropzone:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.image-dropzone-icon{font-size:1.5rem;line-height:1}.image-dropzone-text{font-size:.78rem;color:#6b7280;text-align:center}.image-upload-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff}.image-upload-thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;flex-shrink:0}.image-upload-preview-info{display:flex;flex-direction:column;gap:4px;min-width:0}.image-upload-preview-label{font-size:.78rem;font-weight:600;color:#374151}.image-remove-btn{display:inline-flex;align-items:center;padding:3px 10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#6b7280;font-size:.72rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;align-self:flex-start}.image-remove-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.image-remove-btn:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.image-or-divider{display:flex;align-items:center;gap:12px;margin:12px 0 4px}.image-or-divider:before,.image-or-divider:after{content:"";flex:1;height:1px;background:#d1d5db}.image-or-divider span{font-size:.72rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}@media(max-width:500px){.form-row{flex-direction:column;gap:10px}.checkbox-grid{grid-template-columns:repeat(2,1fr)}}.feedback-trigger{position:fixed;bottom:1rem;right:1rem;z-index:900;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#1a1a2e;color:#e5e7eb;border:1px solid rgba(99,102,241,.3);border-radius:2rem;font-size:.8rem;font-weight:600;font-family:inherit;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 12px #0000004d,0 0 0 1px #6366f126;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.feedback-trigger:hover{background:#16213e;border-color:#6366f180;box-shadow:0 6px 20px #00000059,0 0 0 1px #6366f14d;transform:translateY(-1px)}.feedback-trigger:active{transform:translateY(0) scale(.97)}.feedback-trigger:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.feedback-trigger svg{flex-shrink:0}.feedback-trigger-label{display:none}.feedback-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:feedback-overlay-in .2s ease-out}@keyframes feedback-overlay-in{0%{opacity:0}to{opacity:1}}.feedback-modal{width:100%;max-width:100%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:1rem 1rem 0 0;box-shadow:0 -4px 24px #00000026;padding:1.25rem;animation:feedback-slide-up .25s ease-out}@keyframes feedback-slide-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.feedback-modal-title{font-size:1.15rem;font-weight:700;color:#1f2937;margin:0;line-height:1.3}.feedback-close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;background:none;border:none;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.feedback-close-btn:hover{background:#f3f4f6;color:#1f2937}.feedback-close-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.feedback-form{display:flex;flex-direction:column;gap:1rem}.feedback-field{display:flex;flex-direction:column;gap:.35rem}.feedback-label{font-size:.8rem;font-weight:600;color:#374151;letter-spacing:.01em}.feedback-select,.feedback-input,.feedback-textarea{width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1f2937;font-size:.9rem;font-family:inherit;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.feedback-select:focus,.feedback-input:focus,.feedback-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.feedback-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem;cursor:pointer}.feedback-textarea{resize:vertical;min-height:6rem}.feedback-input::placeholder,.feedback-textarea::placeholder{color:#9ca3af}.feedback-error{margin:0;padding:.6rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.82rem;font-weight:500;line-height:1.4}.feedback-submit-btn{width:100%;padding:.7rem 1.25rem;background:#1a1a2e;color:#fff;border:1px solid transparent;border-radius:6px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,opacity .15s ease,transform .1s ease}.feedback-submit-btn:hover:not(:disabled){background:#16213e}.feedback-submit-btn:active:not(:disabled){transform:scale(.98)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-submit-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.feedback-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem .5rem;gap:.6rem}.feedback-success-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#ecfdf5;color:#059669;font-size:1.5rem;font-weight:700;line-height:1}.feedback-success-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0}.feedback-success-message{font-size:.88rem;color:#6b7280;line-height:1.5;margin:0;max-width:28ch}.feedback-done-btn{margin-top:.5rem;padding:.55rem 1.5rem;background:none;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.feedback-done-btn:hover{background:#f3f4f6;border-color:#9ca3af}.feedback-done-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media(min-width:480px){.feedback-trigger-label{display:inline}.feedback-overlay{align-items:center}.feedback-modal{max-width:420px;border-radius:12px;padding:1.5rem;animation-name:feedback-scale-in}@keyframes feedback-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}@media print{.feedback-trigger,.feedback-overlay{display:none!important}}@media(prefers-reduced-motion:reduce){.feedback-modal,.feedback-overlay{animation:none}}.item-card{--rarity-color: #9e9e9e;--card-bg: #fdf5e6;--card-bg-dark: #f5e6c8;--card-border: #8b7355;--card-text: #2c1810;--card-text-muted: #5c4033;--card-width: 350px;--card-font: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--card-heading-font: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;width:var(--card-width);max-width:100%;border:2px solid var(--card-border);border-radius:8px;overflow:hidden;font-family:var(--card-font);color:var(--card-text);background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(139,115,85,.04) 28px,rgba(139,115,85,.04) 29px),radial-gradient(ellipse at 30% 20%,rgba(255,248,230,.6) 0%,transparent 70%),radial-gradient(ellipse at 80% 80%,rgba(210,180,140,.25) 0%,transparent 60%),linear-gradient(170deg,var(--card-bg) 0%,var(--card-bg-dark) 50%,#eedcb3 100%);box-shadow:0 4px 16px #00000040,inset 0 0 40px #8b735514}.card-rarity-bar{height:6px;background:linear-gradient(90deg,transparent 0%,var(--rarity-color) 15%,var(--rarity-color) 85%,transparent 100%)}.card-body{padding:16px 20px 12px}.card-header{text-align:center;margin-bottom:4px}.card-title{font-family:var(--card-heading-font);font-size:1.35rem;font-weight:700;letter-spacing:.03em;margin:0 0 4px;color:var(--card-text);text-shadow:0 1px 0 rgba(255,255,255,.4)}.card-type-line{font-size:.8rem;color:var(--card-text-muted);margin:0;text-transform:capitalize}.card-attunement{font-size:.75rem;color:var(--card-text-muted);margin:2px 0 0}.card-divider{height:1px;margin:10px 0;background:linear-gradient(90deg,transparent 0%,var(--card-border) 20%,var(--card-border) 80%,transparent 100%);position:relative}.card-divider:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.5rem;color:var(--card-border);background:var(--card-bg);padding:0 6px}.card-image-container{display:flex;justify-content:center;margin:6px 0}.card-image{max-width:100%;max-height:180px;object-fit:contain;border:1px solid var(--card-border);border-radius:4px;box-shadow:0 1px 4px #00000026}.card-properties{display:flex;flex-direction:column;gap:3px;font-size:.82rem}.property-row{display:flex;gap:6px}.property-label{font-weight:700;white-space:nowrap;color:var(--card-text);min-width:110px}.property-value{color:var(--card-text-muted)}.card-flavor{font-size:.82rem;color:var(--card-text-muted);margin-bottom:6px}.card-flavor p{margin:0;font-style:italic;line-height:1.45}.card-description{font-size:.82rem;line-height:1.5;color:var(--card-text)}.card-description p{margin:0 0 6px}.card-description p:last-child{margin-bottom:0}.card-description ul{margin:4px 0 6px;padding-left:18px}.card-description ul li{margin-bottom:2px}.card-description ul li p{margin:0}.card-description strong{font-weight:700}.card-description em{font-style:italic}.card-footer-ornament{text-align:center;margin-top:12px;padding-top:6px}.ornament{font-size:.9rem;color:var(--card-border);opacity:.6}@media print{.item-card{display:flex;flex-direction:column;break-inside:avoid;box-shadow:none;border:2px solid #8b7355;-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact;forced-color-adjust:none;background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(139,115,85,.04) 28px,rgba(139,115,85,.04) 29px),radial-gradient(ellipse at 30% 20%,rgba(255,248,230,.6) 0%,transparent 70%),radial-gradient(ellipse at 80% 80%,rgba(210,180,140,.25) 0%,transparent 60%),linear-gradient(170deg,#fdf5e6,#f5e6c8,#eedcb3)}.card-rarity-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact;forced-color-adjust:none}.card-body{flex:1;display:flex;flex-direction:column}.card-footer-ornament{margin-top:auto}.card-divider{background:linear-gradient(90deg,transparent 0%,#8b7355 20%,#8b7355 80%,transparent 100%)}.card-divider:after{background:#fdf5e6}.card-image{border:1px solid #8b7355}}.sd-card{--sd-bg: #ffffff;--sd-border: #1a1a1a;--sd-text: #1a1a1a;--sd-text-muted: #4a4a4a;--sd-text-dim: #6b6b6b;--sd-title-bg: #1a1a1a;--sd-title-text: #ffffff;--sd-divider: #cccccc;--sd-divider-strong: #1a1a1a;--sd-card-width: 340px;--sd-font: "Inter", "Helvetica Neue", Arial, sans-serif;--sd-font-heading: "Inter", "Helvetica Neue", Arial, sans-serif;width:var(--sd-card-width);max-width:100%;border:3px solid var(--sd-border);font-family:var(--sd-font);color:var(--sd-text);background:var(--sd-bg);position:relative}.sd-card-title-banner{background:var(--sd-title-bg);padding:12px 18px 10px}.sd-card-title{font-family:var(--sd-font-heading);font-size:1.2rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0;color:var(--sd-title-text);line-height:1.2}.sd-card-body{padding:12px 18px 14px}.sd-card-header{margin-bottom:4px}.sd-card-type{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sd-text-muted);margin:0}.sd-card-rarity{font-size:.68rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--sd-text-dim);margin:2px 0 0}.sd-divider{height:1px;background:var(--sd-divider);margin:10px 0}.sd-divider--strong{background:var(--sd-divider-strong);height:2px}.sd-card-image-container{display:flex;justify-content:center;margin:8px 0}.sd-card-image{max-width:100%;max-height:160px;object-fit:contain;border:1px solid var(--sd-divider);filter:grayscale(30%) contrast(1.1)}.sd-card-stats{display:flex;flex-direction:column;gap:2px;font-size:.78rem;margin:8px 0}.sd-stat-row{display:flex;gap:8px;line-height:1.5}.sd-stat-label{font-weight:700;text-transform:uppercase;font-size:.68rem;letter-spacing:.05em;color:var(--sd-text-muted);min-width:110px;flex-shrink:0;padding-top:1px}.sd-stat-value{color:var(--sd-text);font-size:.78rem}.sd-attunement{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-title-text);background:var(--sd-text);padding:2px 8px;margin-top:6px}.sd-card-description{font-size:.8rem;line-height:1.55;color:var(--sd-text)}.sd-card-description p{margin:0 0 6px}.sd-card-description p:last-child{margin-bottom:0}.sd-card-description ul{margin:4px 0 6px;padding-left:18px}.sd-card-description ul li{margin-bottom:2px}.sd-card-description ul li p{margin:0}.sd-card-description strong{font-weight:700}.sd-card-description em{font-style:italic}.sd-card-flavor{font-size:.78rem;font-style:italic;color:var(--sd-text-dim);margin-bottom:6px;line-height:1.45}.sd-card-flavor p{margin:0}@media print{.sd-card{break-inside:avoid;border:3px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact;forced-color-adjust:none;background:#fff;color:#1a1a1a}.sd-card-title-banner{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact;forced-color-adjust:none;background:#1a1a1a;color:#fff}.sd-card-title{color:#fff}.sd-attunement{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact;forced-color-adjust:none;background:#1a1a1a;color:#fff}.sd-divider{background:#ccc}.sd-divider--strong{background:#1a1a1a}.sd-card-image{border:1px solid #cccccc}}.pf-card{--pf-border: #333333;--pf-border-light: #cccccc;--pf-text: #1a1a1a;--pf-text-muted: #555555;--pf-text-dim: #777777;--pf-card-width: 340px;--pf-font: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--pf-font-heading: "Segoe UI", "Helvetica Neue", Arial, sans-serif;width:var(--pf-card-width);max-width:100%;border:2px solid var(--pf-border);border-radius:4px;font-family:var(--pf-font);color:var(--pf-text);background:none}.pf-card-title-area{padding:12px 16px 10px;border-bottom:2px solid var(--pf-border)}.pf-card-title{font-family:var(--pf-font-heading);font-size:1.2rem;font-weight:700;letter-spacing:.02em;margin:0;color:var(--pf-text);text-align:center;line-height:1.3}.pf-card-body{padding:10px 16px 14px}.pf-card-header{margin-bottom:4px;text-align:center}.pf-card-type{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-text-muted);margin:0}.pf-card-rarity{font-size:.7rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--pf-text-dim);margin:2px 0 0}.pf-divider{height:0;border:none;border-top:1px solid var(--pf-border-light);margin:10px 0}.pf-divider--strong{border-top-color:var(--pf-border);border-top-width:2px}.pf-attunement{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pf-text);border:1.5px solid var(--pf-border);border-radius:3px;padding:2px 8px;margin-top:6px}.pf-card-image-container{display:flex;justify-content:center;margin:8px 0}.pf-card-image{max-width:100%;max-height:160px;object-fit:contain;border:1px solid var(--pf-border-light);border-radius:2px}.pf-card-stats{display:flex;flex-direction:column;gap:2px;font-size:.78rem;margin:8px 0}.pf-stat-row{display:flex;gap:8px;line-height:1.5}.pf-stat-label{font-weight:700;text-transform:uppercase;font-size:.68rem;letter-spacing:.04em;color:var(--pf-text-muted);min-width:110px;flex-shrink:0;padding-top:1px}.pf-stat-value{color:var(--pf-text);font-size:.78rem}.pf-card-description{font-size:.8rem;line-height:1.55;color:var(--pf-text)}.pf-card-description p{margin:0 0 6px}.pf-card-description p:last-child{margin-bottom:0}.pf-card-description ul{margin:4px 0 6px;padding-left:18px}.pf-card-description ul li{margin-bottom:2px}.pf-card-description ul li p{margin:0}.pf-card-description strong{font-weight:700}.pf-card-description em{font-style:italic}.pf-card-flavor{font-size:.78rem;font-style:italic;color:var(--pf-text-dim);margin-bottom:6px;line-height:1.45}.pf-card-flavor p{margin:0}@media print{.pf-card{break-inside:avoid;border:2px solid #333;background:none}.pf-card-title-area{border-bottom:2px solid #333}.pf-divider{border-top:1px solid #ccc}.pf-divider--strong{border-top-color:#333;border-top-width:2px}.pf-attunement{border:1.5px solid #333}.pf-card-image{border:1px solid #ccc}}.print-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:#4b5563;color:#fff;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.print-button:hover{background:#374151;box-shadow:0 2px 8px #00000026}.print-button:active{transform:scale(.97);background:#1f2937}.print-button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.print-icon{flex-shrink:0}@media(max-width:860px){.print-button{padding:8px 14px;font-size:.78rem;gap:6px}.print-icon{width:15px;height:15px}}@media print{.print-button{display:none!important}}.share-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:#4b5563;color:#fff;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.share-button:hover{background:#374151;box-shadow:0 2px 8px #00000026}.share-button:active{transform:scale(.97);background:#1f2937}.share-button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.share-button:disabled{opacity:.6;cursor:not-allowed}.share-icon{flex-shrink:0}@media(max-width:860px){.share-button{padding:8px 14px;font-size:.78rem;gap:6px}.share-icon{width:14px;height:14px}}.language-switcher{display:inline-flex;align-items:center;gap:2px;background:#ffffff14;border-radius:6px;padding:2px}.lang-button{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:#9ca3af;font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;line-height:1}.lang-button:hover{background:#ffffff14;color:#d1d5db}.lang-button--active{background:#d4a85526;border-color:#d4a8554d;color:#d4a855}.lang-button--active:hover{background:#d4a85533;color:#d4a855}.lang-button:focus-visible{outline:2px solid #6366f1;outline-offset:1px}.lang-flag{font-size:1rem;line-height:1}.lang-label{letter-spacing:.02em}@media(max-width:480px){.lang-label{display:none}.lang-button{padding:4px 8px}}@media print{.language-switcher{display:none!important}}.template-switcher{display:inline-flex;align-items:center;gap:8px}.template-switcher-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;white-space:nowrap}.template-switcher-select{padding:5px 28px 5px 10px;border:1px solid #3d3d5c;border-radius:6px;background:#1a1a2e;color:#e0e0e0;font-size:.78rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.template-switcher-select:hover{border-color:#5a5a7a}.template-switcher-select:focus-visible{outline:2px solid #6366f1;outline-offset:2px;border-color:#6366f1}.template-switcher-select option{background:#1a1a2e;color:#e0e0e0}@media(max-width:860px){.template-switcher{gap:6px}.template-switcher-label{font-size:.65rem}.template-switcher-select{padding:4px 24px 4px 8px;font-size:.72rem}}@media print{.template-switcher{display:none!important}}.export-import-buttons{display:flex;flex-wrap:wrap;gap:6px;align-items:center;position:relative}.export-button,.import-button{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #4a4a6a;border-radius:6px;background:#2a2a3a;color:#c8c8e0;font-size:.82rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.export-button:hover,.import-button:hover{background:#3a3a5a;border-color:#6a6a9a;color:#e0e0f0}.export-button:active,.import-button:active{background:#222238;transform:translateY(1px)}.export-button:focus-visible,.import-button:focus-visible{outline:2px solid #7c4dff;outline-offset:2px}.import-error{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px;padding:8px 12px;border-radius:6px;background:#3a1c1c;border:1px solid #7a3333;color:#f0a0a0;font-size:.82rem;line-height:1.4;animation:import-error-appear .2s ease-out}@keyframes import-error-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.import-error-text{flex:1}.import-error-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:#f0a0a0;font-size:.8rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.import-error-dismiss:hover{background:#5a2222;color:#fcc}.import-error-dismiss:focus-visible{outline:2px solid #7c4dff;outline-offset:2px}@media(max-width:860px){.export-import-buttons{gap:4px}.export-button,.import-button{padding:5px 10px;font-size:.78rem}}@media print{.export-import-buttons{display:none}}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#1a1a2e;color:#e0e0e0}.app-header{background:linear-gradient(135deg,#16213e,#1a1a2e,#16213e);border-bottom:2px solid #8b7355;padding:12px 24px;flex-shrink:0}.header-content{text-align:center}.header-top-row{display:flex;align-items:center;justify-content:center;gap:12px}.header-spacer{flex:1;min-width:0}.header-lang{flex:1;min-width:0;display:flex;justify-content:flex-end}.header-title{margin:0;font-size:1.5rem;font-weight:700;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;letter-spacing:.06em;color:#d4a855;text-shadow:0 2px 4px rgba(0,0,0,.4)}.header-icon{margin:0 8px;font-size:1.2rem}.header-subtitle{margin:2px 0 0;font-size:.8rem;color:#9ca3af;letter-spacing:.04em}.split-screen{display:flex;flex:1;min-height:0;overflow:hidden}.panel{display:flex;flex-direction:column;min-height:0;height:100%}.panel-form{border-right:1px solid #2d2d4a;background:#f9fafb;color:#1f2937}.panel-preview{background:#1e1e36}.resize-handle{flex-shrink:0;width:6px;background:#2d2d4a;cursor:col-resize;transition:background-color .15s ease;position:relative}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:32px;border-radius:1px;background:#5a5a7a;transition:background-color .15s ease}.resize-handle:hover,.resize-handle[data-resize-handle-active]{background:#4f46e5}.resize-handle:hover:after,.resize-handle[data-resize-handle-active]:after{background:#c7d2fe}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;flex-shrink:0;border-bottom:1px solid #e5e7eb;background:#fff}.panel-preview .panel-header{border-bottom:1px solid #2d2d4a;background:#16213e}.panel-title{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4b5563}.panel-preview .panel-title{color:#9ca3af}.panel-header-actions{display:flex;align-items:center;gap:12px}.panel-scroll{flex:1;overflow-y:auto;padding:16px 20px;min-height:0}.preview-area{display:flex;justify-content:center;align-items:flex-start;padding:32px 20px}.reset-button{padding:6px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.04em}.reset-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.reset-button:active{background:#e5e7eb;transform:scale(.97)}.reset-button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.item-repeater{display:flex;flex-direction:column;gap:12px;padding:4px}.repeater-entry{border:1px solid #d1d5db;border-radius:8px;background:#fff;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.repeater-entry--expanded{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.repeater-entry--collapsed:hover{border-color:#9ca3af}.repeater-entry-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f9fafb;border-bottom:1px solid transparent;cursor:default;-webkit-user-select:none;user-select:none}.repeater-entry--expanded .repeater-entry-header{background:#eef2ff;border-bottom:1px solid #e0e7ff}.repeater-toggle-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:#6b7280;font-size:.65rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.repeater-toggle-btn:hover{background:#e5e7eb;color:#374151}.repeater-toggle-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.repeater-chevron{display:inline-block;transition:transform .2s ease}.repeater-chevron--open{transform:rotate(90deg)}.repeater-entry-label{flex:1;font-size:.85rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.repeater-remove-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:4px;background:transparent;color:#9ca3af;font-size:.8rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.repeater-remove-btn:hover{background:#fee2e2;color:#dc2626}.repeater-remove-btn:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.repeater-entry-body{padding:12px 14px 16px}.add-item-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;border:2px dashed #d1d5db;border-radius:8px;background:#fafafa;color:#6b7280;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.add-item-button:hover{border-color:#6366f1;background:#eef2ff;color:#4f46e5}.add-item-button:active{background:#e0e7ff;transform:scale(.98)}.add-item-button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.add-item-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#e5e7eb;color:#6b7280;font-size:1rem;font-weight:700;line-height:1;transition:background-color .15s ease,color .15s ease}.add-item-button:hover .add-item-icon{background:#c7d2fe;color:#4f46e5}.card-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:flex-start;width:100%}.panel-scroll::-webkit-scrollbar{width:8px}.panel-form .panel-scroll::-webkit-scrollbar-track{background:#f3f4f6}.panel-form .panel-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.panel-form .panel-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.panel-preview .panel-scroll::-webkit-scrollbar-track{background:#1a1a2e}.panel-preview .panel-scroll::-webkit-scrollbar-thumb{background:#3d3d5c;border-radius:4px}.panel-preview .panel-scroll::-webkit-scrollbar-thumb:hover{background:#5a5a7a}@media(max-width:860px){.app-header{padding:8px 12px}.header-title{font-size:1.1rem}.header-icon{font-size:.9rem;margin:0 4px}.header-subtitle{font-size:.7rem}.split-screen{flex-direction:column}.panel-form{border-right:none;border-bottom:1px solid #2d2d4a}.resize-handle{width:auto;height:6px;cursor:row-resize}.resize-handle:after{width:32px;height:2px}.panel-scroll{padding:12px}.panel-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.panel-title{font-size:.78rem}.panel-header-actions{flex-wrap:wrap;gap:8px}.card-grid{gap:16px}.preview-area{padding:16px 8px}}@media print{@page{size:A4 portrait;margin:10mm}.app-header,.panel-form,.panel-header,.reset-button,.add-item-button,.resize-handle{display:none!important}html,body{height:auto!important;overflow:visible!important}.app{height:auto;overflow:visible;background:#fff}#root{height:auto;overflow:visible}.split-screen{display:block;overflow:visible}.panel-preview{background:#fff;overflow:visible}.panel-scroll{overflow:visible;padding:0}.preview-area{padding:0;justify-content:flex-start}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:2mm;justify-items:center;align-items:start;width:100%;max-width:190mm;margin:0 auto}.card-grid>div>.item-card,.card-grid>div>.sd-card,.card-grid>div>.pf-card{width:88mm!important;max-width:88mm!important;font-size:.7rem;break-inside:avoid;page-break-inside:avoid}.card-grid>.card-full-width{grid-column:1 / -1;justify-self:center}.card-grid>.card-full-width>.item-card,.card-grid>.card-full-width>.sd-card,.card-grid>.card-full-width>.pf-card{width:100%!important;max-width:190mm!important}.card-grid:has(.card-standard-size){grid-template-columns:1fr 1fr 1fr;gap:1mm}.card-grid>.card-standard-size>.item-card,.card-grid>.card-standard-size>.sd-card,.card-grid>.card-standard-size>.pf-card{width:63mm!important;max-width:63mm!important;min-height:88mm;font-size:.55rem;break-inside:avoid;page-break-inside:avoid;overflow:hidden}.card-grid>div>.item-card .card-title{font-size:1rem}.card-grid>div>.item-card .card-type-line,.card-grid>div>.item-card .card-attunement{font-size:.6rem}.card-grid>div>.item-card .card-properties,.card-grid>div>.item-card .card-flavor,.card-grid>div>.item-card .card-description{font-size:.65rem}.card-grid>div>.item-card .property-label{min-width:60px}.card-grid>div>.item-card .card-image{max-height:100px}.card-grid>div>.item-card .card-body{padding:10px 12px 8px}.card-grid>div>.sd-card .sd-card-title{font-size:.9rem}.card-grid>div>.sd-card .sd-card-title-banner{padding:8px 12px 6px}.card-grid>div>.sd-card .sd-card-body{padding:8px 12px 10px}.card-grid>div>.sd-card .sd-card-type{font-size:.58rem}.card-grid>div>.sd-card .sd-card-rarity{font-size:.55rem}.card-grid>div>.sd-card .sd-card-stats{font-size:.62rem}.card-grid>div>.sd-card .sd-stat-label{font-size:.55rem;min-width:55px}.card-grid>div>.sd-card .sd-stat-value{font-size:.62rem}.card-grid>div>.sd-card .sd-card-description{font-size:.62rem}.card-grid>div>.sd-card .sd-card-flavor{font-size:.6rem}.card-grid>div>.sd-card .sd-card-image{max-height:80px}.card-grid>div>.sd-card .sd-attunement{font-size:.52rem}.card-grid>.card-standard-size>.item-card .card-title{font-size:.75rem}.card-grid>.card-standard-size>.item-card .card-type-line,.card-grid>.card-standard-size>.item-card .card-attunement{font-size:.5rem}.card-grid>.card-standard-size>.item-card .card-properties,.card-grid>.card-standard-size>.item-card .card-flavor,.card-grid>.card-standard-size>.item-card .card-description{font-size:.5rem}.card-grid>.card-standard-size>.item-card .property-label{min-width:50px}.card-grid>.card-standard-size>.item-card .card-image{max-height:60px}.card-grid>.card-standard-size>.item-card .card-body{padding:6px 8px 4px}.card-grid>.card-standard-size>.sd-card .sd-card-title{font-size:.7rem}.card-grid>.card-standard-size>.sd-card .sd-card-title-banner{padding:5px 8px 4px}.card-grid>.card-standard-size>.sd-card .sd-card-body{padding:5px 8px 6px}.card-grid>.card-standard-size>.sd-card .sd-card-type{font-size:.48rem}.card-grid>.card-standard-size>.sd-card .sd-card-rarity{font-size:.45rem}.card-grid>.card-standard-size>.sd-card .sd-card-stats{font-size:.5rem}.card-grid>.card-standard-size>.sd-card .sd-stat-label{font-size:.45rem;min-width:50px}.card-grid>.card-standard-size>.sd-card .sd-stat-value{font-size:.5rem}.card-grid>.card-standard-size>.sd-card .sd-card-description{font-size:.5rem}.card-grid>.card-standard-size>.sd-card .sd-card-flavor{font-size:.48rem}.card-grid>.card-standard-size>.sd-card .sd-card-image{max-height:60px}.card-grid>.card-standard-size>.sd-card .sd-attunement{font-size:.42rem}.card-grid>.card-standard-size>.pf-card .pf-card-title{font-size:.7rem}.card-grid>.card-standard-size>.pf-card .pf-card-title-area{padding:5px 8px 4px}.card-grid>.card-standard-size>.pf-card .pf-card-body{padding:5px 8px 6px}.card-grid>.card-standard-size>.pf-card .pf-card-type{font-size:.48rem}.card-grid>.card-standard-size>.pf-card .pf-card-rarity{font-size:.45rem}.card-grid>.card-standard-size>.pf-card .pf-card-stats{font-size:.5rem}.card-grid>.card-standard-size>.pf-card .pf-stat-label{font-size:.45rem;min-width:50px}.card-grid>.card-standard-size>.pf-card .pf-stat-value{font-size:.5rem}.card-grid>.card-standard-size>.pf-card .pf-card-description{font-size:.5rem}.card-grid>.card-standard-size>.pf-card .pf-card-flavor{font-size:.48rem}.card-grid>.card-standard-size>.pf-card .pf-card-image{max-height:60px}.card-grid>.card-standard-size>.pf-card .pf-attunement{font-size:.42rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100vh;overflow:hidden;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#1f2937;background:#1a1a2e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}p{line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background:#6366f140;color:inherit}*{scrollbar-width:thin}