:root{font-family:"Source Sans 3",system-ui,sans-serif;line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.bird-card{width:var(--card-w, 280px);--psd-w: 920;--psd-h: 1293;--vp-slot-x0: 158;--vp-slot-y0: 459;--vp-slot-w: 44;--vp-slot-h: 55;--ink: #1a1a1a;--cream: #f6f0e6;--fc-title: "Fraunces", Georgia, serif;--fc-scientific: "Caveat", cursive;--fc-points: "Fraunces", Georgia, serif;--fc-wingspan: "Fraunces", Georgia, serif;--fc-power-title: "Fraunces", Georgia, serif;--fc-power-body: "Barlow Condensed", "Arial Narrow", sans-serif;position:relative;aspect-ratio:728 / 1024;container-type:inline-size;font-family:"Source Sans 3",system-ui,sans-serif;color:var(--ink)}.bird-card__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.bird-card__layer--artwork{object-fit:contain}.bird-card__title-block,.bird-card__points,.bird-card__wingspan,.bird-card__fact,.bird-card__power{z-index:20}.bird-card__habitat-prompt{position:absolute;z-index:25;left:6%;right:6%;top:12%;margin:0;padding:.65em .85em;text-align:center;font-family:var(--fc-power-body);font-size:3.2cqw;font-weight:600;line-height:1.35;color:#3d3428;background:#f6f0e6f0;border-radius:8px;box-shadow:0 2px 14px #2a241926;pointer-events:none}.bird-card__title-block{position:absolute;left:39.1%;right:3.8%;top:10.7%;height:12.2%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 2%}.bird-card__name{margin:0;font-family:var(--fc-title);font-size:4.2cqw;font-weight:700;line-height:1.05;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bird-card__sci{margin:1.5% 0 0;font-family:var(--fc-scientific);font-size:4cqw;font-weight:400;line-height:1;color:#3d3428;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bird-card__points{position:absolute;left:calc(100% * var(--vp-slot-x0) / var(--psd-w));top:calc(100% * var(--vp-slot-y0) / var(--psd-h));width:calc(100% * var(--vp-slot-w) / var(--psd-w));height:calc(100% * var(--vp-slot-h) / var(--psd-h));box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0;font-family:"Cardenio Modern",var(--fc-points);font-size:min(calc(100cqw * 70 / var(--psd-w) * var(--vp-font-scale, 1)),calc(100cqh * 70 / var(--psd-h) * var(--vp-font-scale, 1)));font-weight:700;line-height:.5;color:#49433c;text-align:right;white-space:nowrap;transform:translate(calc(100cqw * var(--vp-off-x, 0) / var(--psd-w)),calc(100cqh * var(--vp-off-y, 0) / var(--psd-h)))}.bird-card__wingspan{position:absolute;left:70%;top:70%;transform:translate(-50%);font-family:"Cardenio Modern",var(--fc-wingspan);font-size:min(calc(100cqw * 37 / var(--psd-w)),calc(100cqh * 37 / var(--psd-h)));font-weight:700;line-height:calc(35 / 37);color:#726e65;text-align:center;white-space:nowrap}.bird-card__fact{position:absolute;left:31%;right:9%;top:80.5%;margin:0;font-family:var(--fc-power-body);font-weight:400;font-size:3cqw;line-height:1.3;color:#2a2419}.bird-card__power{position:absolute;left:6%;right:6%;top:78%;color:#1a1410}.bird-card__power-title{margin:0 0 1.2cqw;font-family:var(--fc-power-title);font-weight:700;letter-spacing:.08em;font-size:2.4cqw}.bird-card__power-body{margin:0;font-family:var(--fc-power-body);font-weight:400;font-size:3cqw;line-height:1.25}@media print{.bird-card{break-inside:avoid}}.card-back{position:relative;width:var(--card-w, 280px);aspect-ratio:728 / 1024;display:block}.card-back__img{width:100%;height:100%;display:block;object-fit:contain}@media print{.card-back{break-inside:avoid}}.card-editor{display:flex;flex-direction:column;gap:1rem}.card-editor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}@media(min-width:720px){.card-editor__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-editor__field{display:flex;flex-direction:column;gap:4px;font-size:13px}.card-editor__field--narrow{grid-column:span 1}.card-editor__field--full{grid-column:1 / -1}.card-editor__field span{font-weight:600;color:#3d3428}.card-editor__field input,.card-editor__field select,.card-editor__field textarea{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid #c9bfb0;background:#fff}.card-editor__field textarea{resize:vertical;min-height:72px}.card-editor__field input[type=range]{width:100%;max-width:100%;padding:6px 0;height:28px;accent-color:#5c5246;cursor:pointer}.card-editor__power-heading-preview{margin:0;font-size:12px;line-height:1.35;color:#5c5348}.card-editor__habitats{grid-column:1 / -1;margin:0;padding:10px 12px;border-radius:8px;border:1px solid #c9bfb0;background:#faf7f2}.card-editor__habitats legend{font-weight:600;padding:0 6px}.card-editor__check{display:inline-flex;align-items:center;gap:6px;margin-right:16px;font-size:14px}.card-editor__layer-hint{margin:10px 0 0;font-size:12px;line-height:1.4;color:#5c5348;max-width:42em}.card-editor__layer-hint code{font-size:11px}.card-editor__error{margin:0;color:#9a1c1c;font-size:13px}.card-editor__io details{border:1px solid #c9bfb0;border-radius:8px;padding:8px 12px;background:#faf7f2}.card-editor__io summary{cursor:pointer;font-weight:600}.card-editor__json{width:100%;margin-top:8px;font-family:ui-monospace,monospace;font-size:12px}.card-editor__vp-layout .card-editor__layer-hint{margin-top:0}.card-editor__vp-controls{display:flex;flex-direction:column;gap:10px;margin-top:4px}.card-editor__vp-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.card-editor__vp-control-row>span:first-child{flex:0 0 5.5rem;font-weight:600;font-size:13px;color:#3d3428}.card-editor__vp-stepper{display:inline-flex;align-items:stretch;border-radius:8px;border:1px solid #c9bfb0;overflow:hidden;background:#fff}.card-editor__vp-stepper button{font:inherit;font-size:16px;line-height:1;min-width:38px;padding:8px 10px;border:none;background:#ede8e0;color:#2a2419;cursor:pointer}.card-editor__vp-stepper button:hover{background:#e2dcd2}.card-editor__vp-stepper button:active{background:#d5cec3}.card-editor__vp-readout{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:0 10px;font-size:14px;font-variant-numeric:tabular-nums;color:#2a2419;background:#fff;border-left:1px solid #c9bfb0;border-right:1px solid #c9bfb0}.card-editor__vp-stepper input[type=number]{width:3.5rem;margin:0;padding:8px 4px;border:none;border-left:1px solid #c9bfb0;border-right:1px solid #c9bfb0;border-radius:0;text-align:center;font:inherit;font-variant-numeric:tabular-nums;background:#fff}.card-editor__vp-stepper input[type=number]:focus{outline:none;background:#fffef9}.card-editor__vp-reset{align-self:flex-start;margin-top:2px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;color:#3d3428;background:#fff;border:1px solid #c9bfb0;border-radius:8px;cursor:pointer}.card-editor__vp-reset:hover{background:#fffef9;border-color:#b0a48f}.typography{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #d5cbc0}.typography__title{margin:0 0 .35rem;font-size:1.05rem;font-family:"Source Sans 3",system-ui,sans-serif}.typography__lede{margin:0 0 .75rem;font-size:13px;line-height:1.45;max-width:70ch}.typography__lede a{color:#1d6f9e}.typography__defaults{margin:0 0 1rem;padding:10px 12px;background:#faf7f2;border:1px solid #c9bfb0;border-radius:8px;font-size:13px}.typography__defaults dt{font-weight:700;margin-top:6px}.typography__defaults dt:first-child{margin-top:0}.typography__defaults dd{margin:2px 0 0}.typography__toolbar{margin-bottom:8px}.typography__reset{font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;border:1px solid #8a7a68;background:#fff;cursor:pointer}.typography__reset:disabled{opacity:.5;cursor:not-allowed}.typography__error{margin:0 0 8px;color:#9a1c1c;font-size:13px}.typography__slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.typography__slot{border:1px solid #c9bfb0;border-radius:8px;padding:8px 10px;background:#fff}.typography__slot-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:4px}.typography__applies{margin:0 0 8px;font-size:12px;line-height:1.35;color:#5c5348}.typography__slot-label{font-weight:700;font-size:14px}.typography__slot-hint{font-size:12px;color:#5c5348}.typography__slot-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.typography__file input{font-size:12px;max-width:100%}.typography__status{font-size:13px;flex:1;min-width:140px}.typography__mono{font-family:ui-monospace,monospace;font-size:12px}.typography__clear{font:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid #c9bfb0;background:#faf7f2;cursor:pointer}.typography__clear:disabled{opacity:.45;cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;background:#e8e2d8;color:#1f1a14}.app__header{max-width:1180px;margin:0 auto;padding:2rem 1.25rem 1rem;text-align:center}.app__title{margin:0 0 .5rem;font-family:Crimson Pro,Georgia,serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.app__lede{margin:0 auto;max-width:62ch;line-height:1.5;font-size:1rem;opacity:.92}.app__main{max-width:1180px;margin:0 auto;padding:0 1.25rem 2.5rem;display:grid;gap:1.5rem;justify-items:center}@media(min-width:980px){.app__main{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start;justify-items:stretch}}.app__panel{background:#fffef9;border-radius:12px;padding:1.25rem 1.25rem 1.5rem;border:1px solid #cfc4b4;box-shadow:0 2px 12px #2a24190f;width:100%;max-width:100%}.app__panel--preview{display:flex;flex-direction:column;align-items:center}@media(min-width:980px){.app__panel--preview{position:sticky;top:1.25rem;align-self:start;max-width:460px}}.app__face-toggle{display:inline-flex;margin-bottom:.75rem;background:#efe9de;border-radius:999px;padding:4px;gap:2px}.app__face-btn{font:inherit;font-size:13px;font-weight:600;padding:4px 14px;border:none;background:transparent;border-radius:999px;cursor:pointer;color:#4a4034}.app__face-btn.is-active{background:#fffef9;color:#1f1a14;box-shadow:0 1px 3px #2a24191f}.app__preview-slot{display:flex;justify-content:center}.app__preview-wrap{--card-w: clamp(280px, 36vw, 400px);background:#d8d2c8;border-radius:10px;padding:1.25rem;border:none;display:inline-block;line-height:0;overflow:visible;cursor:zoom-in;transform-origin:center center;transition:transform .32s cubic-bezier(.22,.85,.28,1),box-shadow .2s ease;will-change:transform}.app__preview-wrap:hover,.app__preview-wrap:focus-visible{box-shadow:0 6px 18px #2a24192e}.app__preview-wrap.is-zoomed{position:relative;z-index:110;cursor:zoom-out;box-shadow:0 20px 50px #2a241933}.app__zoom-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:105}.app__hint{margin:1rem 0 0;font-size:13px;text-align:center;max-width:320px;line-height:1.4;opacity:.85}@media print{.app__header,.app__panel--editor,.app__face-toggle,.app__hint,.app__zoom-dismiss{display:none!important}.app{background:#fff}.app__main{display:block;padding:0;max-width:none}.app__panel--preview{border:none;box-shadow:none;padding:0;position:static}.app__preview-wrap{background:transparent;padding:0;border:none;box-shadow:none;transform:none!important}}