html{color-scheme:light dark;height:100%;font-family:system-ui}@font-face{font-family:Eagle Lake;src:url(EagleLake-Regular.9389ff48.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cinzel Decorative;src:url(CinzelDecorative-Regular.68ea5244.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cinzel Decorative;src:url(CinzelDecorative-Bold.11fe979b.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cinzel Decorative;src:url(CinzelDecorative-Black.0c3b6bfe.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f0e8 0%,#e8dfd0 100%) fixed;min-height:100vh;margin:0;font-family:Cinzel Decorative,Eagle Lake,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.character-creator{border-radius:6px;max-width:1200px;margin:0 auto;padding:1rem;position:relative;overflow:hidden}.app-header{text-align:center;margin-bottom:1.5rem;padding:.5rem}.app-header h1{color:#b7522d;text-align:center;text-underline-offset:4px;margin:0;font-family:Cinzel Decorative,Eagle Lake,Palatino,Times New Roman,serif;font-size:2rem;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.category h2,.preview h2,.pattern-heading{font-family:Cinzel Decorative,Eagle Lake,serif;font-weight:700}.categories{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;display:grid}.category{background:#ffffff80;padding:.5rem .75rem}.category h2{color:#b7522d;margin:0 0 .4rem;font-size:1.25rem}.options{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.option-text{cursor:pointer;color:#333;user-select:none;background:#fff9;border-radius:4px;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.95rem;transition:color .2s,background-color .2s;display:inline-flex;position:relative}.option-text:before{content:"";color:#fff;visibility:hidden;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.85rem;line-height:1;display:inline-flex;position:absolute;top:50%;left:-1.45rem;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.option-text.enabled:hover{color:#b7522d;background:#ffffffd9}}.option-text.selected{color:#fff;background:#b7522d;font-weight:700}.option-text.selected .option-label{text-underline-offset:3px;text-decoration:underline #fff;text-decoration-thickness:2px}.option-label{transition:color .16s,text-decoration-color .16s,text-underline-offset .16s;display:inline-block}.option-text:before{display:none}.option-text.disabled{opacity:.5;cursor:not-allowed;color:#999}button{cursor:pointer;background:#fff;border:1px solid #b7522d;border-radius:4px;padding:.5rem;transition:all .2s}button:hover{background:#fed}button.selected{color:#fff;background:#b7522d}button.disabled{opacity:.5;cursor:not-allowed;border:1px dashed #b7522d}button.disabled:hover{background:#fff;transform:none}button.enabled{border:1px solid #b7522d}.preview{background:#ffffff80;margin:0 auto 1.5rem;padding:1rem}.character-name-section{text-align:center;justify-content:center;width:100%;margin-bottom:1rem;display:flex}.character-name-group{flex-wrap:nowrap;align-items:center;gap:.25rem;max-width:100%;display:inline-flex}.character-name-input{color:#b7522d;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex-shrink:1;min-width:120px;max-width:calc(100% - 50px);padding:.25rem .5rem;font-family:Cinzel Decorative,Eagle Lake,serif;font-size:1.2rem;font-weight:700;transition:border-bottom-color .2s}@media (width>=600px){.character-name-input{min-width:150px;font-size:1.5rem}}.character-name-input:focus{border-bottom-color:#b7522d}.character-name-input::placeholder{color:#b7522d80}.name-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem .6rem;font-size:1.2rem;line-height:1;transition:all .2s;display:inline-flex}.name-button:hover{transform:scale(1.1)}.name-button:active{transform:scale(.95)}.preview h2{color:#b7522d;text-align:center;margin-bottom:1.5rem}.preview-content{flex-direction:column;align-items:stretch;gap:1rem;display:flex}@media (width>=600px){.preview-content{flex-direction:row}}.preview-selections{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:.5rem .75rem;font-size:.9rem;display:grid}.preview-item{display:contents}.preview-label{color:#666;text-align:right;padding-right:1rem}.preview-value{color:#b7522d;font-weight:700}.preview-divider{background:#b7522d4d;align-self:stretch;width:2px}.preview-graphic{color:#999;flex:1;justify-content:center;align-items:center;min-height:200px;font-style:italic;display:flex}.character-graphic{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.preview-empty{text-align:center;color:#666;font-style:italic}.generate-section{text-align:center;margin-top:1.5rem}.generate-button{color:#fff;cursor:pointer;background:#b7522d;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1.1rem;transition:all .3s;box-shadow:0 2px 4px #0003}.generate-button:hover{background:#c04d0c;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.generate-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.pattern-preview{max-width:900px}.crochet-pattern{color:#222;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:1rem;line-height:1.45}.warning-box{background:#fff3cdf2;border-left:4px solid #ff9800;border-radius:6px;margin-bottom:1.5rem;padding:1rem 1.5rem}.warning-heading{color:#e65100;margin:0 0 .5rem;font-size:1.1rem}.warning-box p{margin:.5rem 0}.warning-box p:first-of-type{margin-top:0}.warning-box p:last-of-type{margin-bottom:0}.warning-box a{color:#d84315;word-break:break-all;text-decoration:underline}.warning-box a:hover{color:#bf360c}.general-notes{background:#fffc;border-left:4px solid #b7522d;border-radius:6px;margin-bottom:2rem;padding:1rem 1.5rem}.general-notes p{margin:.5rem 0}.general-notes p:first-of-type{margin-top:0}.general-notes a{color:#8b5a3c;text-underline-offset:2px;text-decoration:underline dotted}.general-notes a:hover{color:#6b4423;text-decoration-style:solid}.general-notes p:last-of-type{margin-bottom:0}.pattern-section{margin-bottom:1rem}.pattern-heading{color:#b7522d;margin:0 0 .5rem}.pattern-content{margin-bottom:.5rem}.pattern-title{font-weight:700}.pattern-description{color:#666}.pattern-steps{margin-top:.5rem;margin-left:3em;padding-left:0;list-style-position:outside}.pattern-step{margin-bottom:.75rem;padding-left:.5em}.step-image{background:#fff;border-radius:4px;padding:8px}.pattern-notes{color:#666;margin-top:.5rem}.pattern-actions{text-align:center;margin-top:1.25rem}.card-builder{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem 1rem;display:flex}.card{border:32px solid #0000;background:#faf8f5;border-image-source:url(9-patch.550204df.png);border-image-slice:124;border-image-repeat:repeat;width:100%;max-width:600px;padding:2rem;box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a}.card.preview-card{max-width:800px}.card-header{text-align:center;margin-bottom:2rem}.progress-indicator{color:#666;margin-bottom:.5rem;font-size:.9rem}.card-title{color:#b7522d;margin:0;font-family:Cinzel Decorative,serif;font-size:2rem}.card-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.option-card{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;justify-content:center;align-items:center;min-height:80px;padding:1.5rem 1rem;font-size:1.1rem;transition:all .2s;display:flex;position:relative}.option-card:hover:not(.disabled){border-color:#b7522d;transform:translateY(-2px);box-shadow:0 4px 8px #b7522d33}.option-card.selected{color:#fff;background:#b7522d;border-color:#b7522d}.option-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background:#f5f5f5}.option-label{color:#333;font-weight:500}.option-card.selected .option-label{color:#fff}.option-card.disabled .option-label{color:#999}.checkmark{font-size:1.2rem;position:absolute;top:8px;right:8px}.card-actions{justify-content:space-between;gap:1rem;display:flex}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.primary-button{color:#fff;background:#b7522d;flex:1}.primary-button:hover:not(:disabled){background:#a34823}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{color:#b7522d;background:#fff;border:2px solid #b7522d}.secondary-button:hover:not(:disabled){background:#b7522d1a}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.intro-card{text-align:center;max-width:700px;margin:0 auto}.intro-content{margin-bottom:2rem}.intro-text{color:#333;text-align:left;margin-bottom:1.25rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.1rem;line-height:1.7}.intro-text:first-child{font-family:Cinzel Decorative,serif;font-size:1.2rem;font-weight:500}.design-button{width:100%;max-width:400px;padding:1rem 2rem;font-size:1.2rem}.preview-graphic-container{text-align:center;margin-bottom:1.5rem}.preview-heading{color:#b7522d;text-align:center;margin-top:0;margin-bottom:1rem;font-family:Cinzel Decorative,serif}.preview-content{gap:1.5rem;margin-bottom:1.5rem;display:flex}.preview-graphic{flex:0 0 250px;min-width:0}.preview-selections{flex:1;min-width:0;overflow:hidden}.preview-selections h3{color:#b7522d;margin-top:0;margin-bottom:1rem;font-family:Cinzel Decorative,serif}.selections-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.selection-item{background:#ffffffb3;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.selection-category{color:#333;flex-shrink:0;min-width:80px;font-size:.9rem;font-weight:600}.selection-value{color:#666;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.edit-button{color:#b7522d;cursor:pointer;background:0 0;border:1px solid #b7522d;border-radius:4px;padding:.25rem .75rem;font-size:.9rem;transition:all .2s}.edit-button:hover{color:#fff;background:#b7522d}.character-name-input-container{text-align:center;margin-bottom:1.5rem}@media (width<=768px){.card{padding:1rem}.card-title{font-size:1.5rem}.card-options{grid-template-columns:1fr}.preview-graphic-container{margin-bottom:1rem}.preview-heading{margin-bottom:.75rem}.selections-grid{grid-template-columns:1fr;margin-bottom:1rem}.selection-item{flex-wrap:wrap;gap:.3rem;padding:.4rem .5rem}.selection-category{width:100%;min-width:auto;font-size:.85rem}.selection-value{flex:1;font-size:.9rem}.edit-button{padding:.2rem .6rem;font-size:.85rem}.character-name-input{font-size:1.2rem}.app-header h1{font-size:1.5rem}}
/*# sourceMappingURL=stitchbook.3d3e18cf.css.map */