:root{--paper:#eeede5;--ink:#2c3b2e;--muted:#818d77;--line:#d4dacb;--dark:#19231c;--accent:#49643d;--gold:#e5c68c;--sage:#a7c3a3;--lilac:#c1afd1;--sans:Inter,'Helvetica Neue',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:13px var(--sans);color:var(--ink)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{opacity:.45;cursor:default}button,input,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a86c40;outline-offset:4px}a{color:inherit}[hidden]{display:none!important}.shell{max-width:1430px;margin:auto;padding:0 4.5%}.masthead{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:17px;letter-spacing:2.5px;font-weight:700}.brand svg{width:32px;fill:#59734b}.brand svg path{stroke:#59734b;stroke-width:.6;fill:none}.brand i{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:0}.edition,.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.text-button{border:0;background:transparent;font-size:11px;color:#6f7f60;padding:9px 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:31px 0 32px}.intro h1{font:400 clamp(30px,3.5vw,47px)/1.12 var(--serif);letter-spacing:-1.7px;margin:10px 0 0}.intro h1 em{font-weight:400;color:#6a7d5f}.intro p{font-size:12px;line-height:1.85;margin:14px 0 0;color:#617254}.intro p span{font-size:10px;color:#8a957e}.help-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 24px;background:#e1e6d8;padding:22px;border:1px solid var(--line);border-radius:6px;margin-bottom:24px}.help-panel p{font-size:11px;line-height:1.8;margin:0;color:#607050}.help-panel b{color:#435d38}.help-panel .help-foot{grid-column:1/-1;border-top:1px solid #cbd4c0;padding-top:14px;font-size:10px}.workspace-nav{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px;margin-bottom:17px}.workspace-nav button{border:0;background:transparent;padding:13px 2px;color:#94a085;font-size:9px;position:relative;white-space:nowrap}.workspace-nav button span{font-size:12px;margin-left:10px;color:#75856a}.workspace-nav button.active span{color:#354f29}.workspace-nav button.active:after{content:'';position:absolute;bottom:-1px;height:2px;background:#526e43;left:0;right:0}.workspace-nav>a{margin-left:auto;text-decoration:none;font-size:10px;color:#8a987b;white-space:nowrap}.workspace-nav>a span{margin-left:8px}.transport{display:flex;align-items:center;gap:15px;margin-bottom:16px;min-height:45px}.play-button{background:#3d5d36;color:#eff3df;border:1px solid #3d5d36;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:5px;min-width:100px;padding:12px 18px;font-size:11px}.play-button:hover{background:#2f4c29}.reset-button{border:0;background:transparent;font-size:23px;color:#879578;padding:0 5px}.tempo{display:flex;align-items:center;gap:4px;border-left:1px solid var(--line);padding-left:16px}.tempo input{width:40px;font:17px var(--serif);text-align:center;background:transparent;border:0;padding:4px 0;-moz-appearance:textfield}.tempo input::-webkit-inner-spin-button{display:none}.tempo span{font-size:8px;color:#89977b}.grid-switch{display:flex;padding:3px;border-radius:5px;background:#e0e6d5}.grid-switch button{border:0;background:transparent;border-radius:3px;padding:6px 12px;font-size:10px;color:#8b997d}.grid-switch button.selected{background:#faf9f1;color:#4d663d;box-shadow:0 1px 4px #5c6b4a12}.tempo-note{font-size:9px;color:#8a977d;max-width:215px;line-height:1.5}.master{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:9px;color:#829373}.master input{width:75px}.meter{height:13px;display:flex;align-items:flex-end;gap:2px}.meter i{width:2px;height:4px;background:#c0cbb3}.meter i:nth-child(2){height:6px}.meter i:nth-child(3){height:8px}.meter i:nth-child(4){height:10px}.meter i:nth-child(5){height:13px}.meter i.lit{background:#63834d}.field-panel{background:var(--dark);color:#d9dfc7;border-radius:8px;overflow:hidden}.field-title{display:flex;align-items:center;padding:20px 23px 0;gap:22px}.field-title .eyebrow{color:#8d9d7c;font-size:8px}.field-key{display:flex;gap:14px}.key{font-size:9px;display:flex;align-items:center;gap:6px;color:var(--tone)}.gold{--tone:var(--gold);--control:#9b8455;--wash:#f1ead9}.sage{--tone:var(--sage);--control:#748a5f;--wash:#e6ecdc}.lilac{--tone:var(--lilac);--control:#9580aa;--wash:#ece5ef}.key:before{content:'';width:4px;height:4px;background:var(--tone);border-radius:50%}.play-state{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:#879a79}.field-wrap{position:relative;height:265px;isolation:isolate}.field-wrap:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#7a92580e,transparent 65%);z-index:-1}.field-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0;cursor:default}.field-instruction{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.5px;color:#758a65;pointer-events:none}.field-footer{border-top:1px solid #a0b67d1c;padding:13px 23px;display:flex;gap:20px;justify-content:space-between;font-size:9px;color:#8d9f7d}.field-footer>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.layer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:17px;align-items:start}.layer-card{border:1px solid var(--line);border-top:2px solid var(--tone);background:#f7f6ef;border-radius:6px;padding:18px 19px}.layer-card.muted{background:#f1f2e9}.layer-heading{display:flex;align-items:center;gap:9px}.layer-number{font-size:9px;color:var(--control);letter-spacing:1px}.layer-heading h3{font:400 21px var(--serif);margin:0}.toggle-layer{margin-left:auto;border:1px solid var(--line);border-radius:20px;background:transparent;color:#8b967e;padding:5px 12px;font-size:9px;min-width:42px}.toggle-layer[aria-pressed=true]{background:#e0e8d4;border-color:#b2c29f;color:#4f6b3c}.source-row{display:flex;align-items:center;gap:7px;margin-top:12px}.source-row select{width:100%;min-width:0;border:0;background:transparent;font-size:12px;color:#647753;padding:5px 0;overflow:hidden;text-overflow:ellipsis}.upload{border:1px solid #cbd5bf;background:transparent;border-radius:4px;color:#849675;padding:4px 8px;font-size:14px;flex:none}.upload:hover{background:#e5ecda}.mini-wave{height:48px;position:relative;background:var(--wash);border-radius:4px;overflow:hidden;margin-top:8px}.mini-wave canvas{width:100%;height:100%;display:block}.mini-wave>span{position:absolute;right:5px;top:5px;font-size:6px;letter-spacing:.8px;color:var(--control);background:#f9f8f0a6;padding:2px 3px;border-radius:2px;pointer-events:none}.layer-meta{display:flex;gap:17px;margin-top:12px}.layer-meta label{display:flex;align-items:center;gap:8px;color:#8c997f;font-size:9px;flex:1}.layer-meta select{min-width:0;flex:1;background:transparent;border:0;border-bottom:1px solid #d9dfcd;padding:4px 0;color:#596e48;font-size:10px}.mix-control{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:9px;color:#87987a}.mix-control input{flex:1}.mix-control output{font-size:8px;min-width:25px;text-align:right}.loop-section{margin-top:17px}.loop-info{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;margin-bottom:6px}.loop-info>span:first-child{color:var(--control);letter-spacing:1px;font-weight:600}.loop-info>span:last-child{color:#93a083;font-size:8px;text-align:right}.loop-track{height:2px;background:#e1e6d6;margin-bottom:10px;overflow:hidden}.loop-track i{display:block;height:100%;background:var(--control);width:0;transition:width .08s linear}.catch-button{width:100%;border:1px solid #cbd5bc;background:#edf0e3;padding:9px 14px;border-radius:4px;font-size:10px;color:#62754e;display:flex;align-items:center;justify-content:center;gap:10px}.catch-button:hover{background:#e3ead5}.catch-button.caught{border-color:var(--control);color:var(--control);background:var(--wash)}.catch-button>span{font-size:15px}.shape{border-top:1px solid #dfe3d7;margin-top:14px;padding-top:11px}.shape summary{font-size:9px;color:#899879;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.shape summary::-webkit-details-marker{display:none}.shape summary>span{font-size:12px;color:#98a68a}.shape[open] summary>span{transform:rotate(45deg)}fieldset{border:0;padding:13px 0 0;margin:0;min-width:0}.shape-control{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:9px;color:#7b8c68}.shape-control label{min-width:83px}.shape-control input{flex:1;min-width:20px}.shape-control output{min-width:28px;font-size:8px;text-align:right}.regions-label{font-size:7px;letter-spacing:1.2px;color:#97a18b;margin:20px 0 10px}.region-control{display:flex;align-items:center;gap:12px;margin-top:9px}.region-control input{flex:1;min-width:0}.audition-region{background:transparent;border:1px solid #d6dec9;border-radius:3px;color:#869876;padding:4px 6px;font-size:8px}.shape fieldset>p{color:#9c8a69;font-size:9px;line-height:1.5}.flock-strip{display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:6px;background:#e5eadd;padding:18px 22px;margin-top:17px}.flock-name{display:flex;align-items:center;gap:12px}.flock-name h3{font:400 21px var(--serif);margin:0;white-space:nowrap}.flock-name p{font-size:9px;color:#8b987c;margin:6px 0 0;white-space:nowrap}.flock-symbol{font:34px var(--serif);color:#8ba380}.flock-toggle{border:1px solid #b5c3a7;border-radius:4px;background:transparent;color:#6f835c;padding:9px 13px;font-size:10px;white-space:nowrap}.flock-toggle[aria-pressed=true]{background:#cddcba;color:#416132}.flock-controls{display:flex;gap:19px;margin-left:auto;align-items:center}.flock-controls label{display:flex;flex-direction:column;gap:10px;font-size:8px;color:#849472;width:75px}.flock-controls input{width:100%}.flock-controls select{background:transparent;border:0;font-size:9px;color:#72865e;padding:2px 0;width:125px}.flock-controls .flock-source-label{width:125px}.flock-strip:not(.enabled) .flock-controls{opacity:.5}.capture-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:9px;color:#8d9a7d}.capture-strip>div{display:flex;align-items:center;gap:17px}.capture-strip button{border:0;background:transparent;color:#6c8258;display:flex;gap:8px;align-items:center;font-size:10px;padding:7px 0}.record-dot{height:8px;width:8px;border:1px solid #90a37e;border-radius:50%}.capture-strip .recording .record-dot{background:#b96c51;border-color:#b96c51}.capture-strip .recording{color:#a06047}.capture-strip a{font-size:10px;text-underline-offset:3px;color:#5b7747}.listen-for{display:flex;align-items:center;gap:22px;padding:24px 0}.listen-for>span:first-child{font-size:8px;letter-spacing:1.3px;color:#8e9d7c}.listen-for p{font:italic 20px var(--serif);color:#6b805b;margin:0;flex:1}.listen-for>span:last-child{font-size:29px;color:#a3b192}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0 26px;font-size:8px;color:#a2ac96;letter-spacing:.4px}input[type=range]{-webkit-appearance:none;appearance:none;background:#d6dfc8;border:0;height:3px;border-radius:4px;cursor:pointer;margin:4px 0;min-width:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;border:2px solid #f4f5e9;background:var(--control,#6b8757);box-shadow:0 0 0 1px #75886450}input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;border:2px solid #f4f5e9;background:var(--control,#6b8757)}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#354931;color:#f2f3e7;box-shadow:0 5px 25px #0002;border:1px solid #8fa17d;border-radius:6px;padding:13px 20px;font-size:12px;line-height:1.5;max-width:min(90vw,620px);z-index:100;transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#673d32;border-color:#a4745d}.breeding-intro{display:flex;align-items:center;justify-content:space-between;padding:21px 3px;gap:30px}.breeding-intro h2{font:400 32px var(--serif);letter-spacing:-.7px;margin:12px 0}.breeding-intro p{font-size:11px;color:#7b8c69;line-height:1.8}.breed-material{min-width:270px;background:#e5eadd;padding:16px 20px;border:1px solid #d5dfc8;border-radius:5px}.breed-material>label{font-size:10px;color:#7b8f66}.breed-material .source-row{margin-top:6px}.breed-material p{font-size:8px;line-height:1.5;margin:9px 0 0;max-width:250px;overflow:hidden;text-overflow:ellipsis}.sample-strip{position:relative;height:96px;background:#e0e6d6;border:1px solid #cdd8bf;border-radius:5px;overflow:hidden}.sample-strip canvas{width:100%;height:68px;display:block}.slice-numbers{position:absolute;inset:0;display:grid;grid-template-columns:repeat(16,1fr);pointer-events:none}.slice-numbers span{display:flex;align-items:flex-end;justify-content:center;border-right:1px solid #99ad7b40;padding-bottom:10px;font-size:8px;color:#8ba172}.slice-numbers span:last-child{border:0}.breed-settings{display:flex;align-items:center;gap:24px;padding:21px 0}.breed-settings>span{font-size:8px;letter-spacing:1.5px;color:#81986a}.breed-settings label{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:10px;color:#869777}.breed-settings input{width:100px}.breed-settings output{font-size:9px;min-width:27px}.breed-settings button{background:transparent;border:1px solid #bdcdae;border-radius:4px;font-size:10px;padding:9px 14px;color:#6a8754}.candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.breed-card{border:1px solid #d0dbc4;border-radius:6px;background:#f4f5eb;padding:20px 18px;min-width:0}.breed-card.selected{border-color:#789a60;box-shadow:inset 0 3px #789a60;background:#edf3e3}.breed-card .eyebrow{font-size:7px;letter-spacing:1.1px;color:#8ca179}.breed-card h3{font:400 26px var(--serif);margin:11px 0 8px;color:#546f41}.breed-card>p{font-size:9px;color:#8d9e7c;margin:0 0 17px}.pattern-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.pattern-cell{height:30px;background:#e2ead8;border:1px solid #d4e0c7;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#a1b58d;position:relative}.pattern-cell.hit{background:#c9ddad;color:#4d7230;border-color:#b2ce8f}.pattern-cell.playhead{outline:2px solid #698e4c;outline-offset:0;z-index:1}.pattern-cell.changed:after{content:'';height:3px;width:3px;background:#a38b53;border-radius:50%;position:absolute;right:3px;top:3px}.breed-card .changes{font-size:9px;line-height:1.7;min-height:32px;color:#899d75;margin:13px 0}.candidate-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.candidate-actions button{font-size:10px;padding:9px 10px;border-radius:4px}.audition{background:#e1ebd5;border:1px solid #c0d4ab;color:#5b7d40}.selected .audition{background:#547b3e;border-color:#547b3e;color:#eff5e5}.choose{background:transparent;color:#67884d;border:1px solid #d0dfc2;margin-left:auto}.breed-explainer{font-size:10px;color:#8b9b7c;line-height:1.8;margin:18px 2px 5px;max-width:880px}
@media(max-width:1150px){.shell{padding:0 3%}.intro h1{font-size:38px}.intro p{font-size:10px}.layer-card{padding:16px 15px}.layer-meta{gap:10px}.layer-meta label{gap:4px;font-size:8px}.layer-meta select{font-size:9px}.flock-strip{gap:14px;padding:17px}.flock-name h3{font-size:19px}.flock-name p{font-size:8px}.flock-controls{gap:13px}.flock-controls label{width:62px}.flock-controls .flock-source-label{width:105px}.flock-controls select{width:105px}.candidate-actions{gap:7px}.candidate-actions button{font-size:9px;padding:8px}.tempo-note{font-size:8px}.field-wrap{height:245px}}
@media(max-width:900px){.edition{display:none}.intro{padding:27px 0}.intro h1{font-size:34px}.intro p{max-width:220px;line-height:1.7}.transport{gap:10px}.tempo-note{display:none}.layer-grid{gap:10px}.layer-card{padding:15px 12px}.source-row select{font-size:10px}.layer-heading h3{font-size:19px}.layer-meta{display:block;margin-top:8px}.layer-meta label{font-size:9px;margin-top:6px;gap:12px}.layer-meta select{font-size:10px;max-width:130px;margin-left:auto}.mix-control{gap:9px}.loop-info{display:block;line-height:1.8}.loop-info>span:last-child{display:block;text-align:left;font-size:7px}.shape-control{flex-wrap:wrap;gap:6px}.shape-control label{min-width:100%;font-size:9px}.shape-control input{flex:1}.flock-strip{flex-wrap:wrap}.flock-controls{margin-left:0;flex:1;justify-content:space-between}.flock-controls label{width:15%}.flock-controls .flock-source-label{width:26%}.flock-controls select{width:100%}.flock-name{flex:1}.flock-name p{font-size:9px}.flock-toggle{margin-left:auto}.candidate-grid{gap:10px}.breed-card{padding:17px 13px}.pattern-cell{height:25px;font-size:8px}.candidate-actions button{width:100%;text-align:center}.choose{margin:0}.breeding-intro h2{font-size:28px}.breed-material{min-width:230px}.breed-settings{gap:15px}.breed-settings>span{font-size:7px;letter-spacing:.9px}.breed-settings label{font-size:9px;gap:7px}.breed-settings input{width:70px}.breed-settings button{font-size:9px;padding:9px 10px}}
@media(max-width:640px){.shell{padding:0 17px}.masthead{height:70px}.brand{font-size:15px;letter-spacing:1.8px}.brand i{font-size:22px}.brand svg{width:27px}.text-button{font-size:10px}.intro{display:block;padding:24px 0}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.intro h1{font-size:33px;letter-spacing:-1.2px}.intro p{max-width:none;font-size:10px;margin:11px 0 0;line-height:1.7}.intro p br{display:none}.intro p span{display:none}.workspace-nav{gap:18px;flex-wrap:wrap;margin-bottom:13px}.workspace-nav button{font-size:8px;padding:12px 0}.workspace-nav button span{font-size:11px;margin-left:5px}.workspace-nav>a{font-size:8px}.workspace-nav>a span{margin-left:1px}.transport{gap:9px;flex-wrap:wrap;margin-bottom:13px}.play-button{min-width:88px;padding:10px 13px;font-size:10px;gap:13px}.reset-button{font-size:21px;padding:0}.tempo{padding-left:8px;gap:2px}.tempo input{width:33px;font-size:16px}.tempo span{font-size:7px}.grid-switch button{font-size:9px;padding:6px 9px}.master{gap:7px}.master label{display:none}.master input{width:47px}.field-title{padding:16px 17px 0;gap:17px}.field-title .eyebrow{font-size:7px;letter-spacing:1px}.field-key{gap:10px}.play-state{font-size:6px;letter-spacing:.7px}.field-wrap{height:225px}.field-instruction{font-size:6px;letter-spacing:.9px;bottom:11px}.field-footer{padding:10px 16px;font-size:8px;line-height:1.5}.field-footer>span:first-child{max-width:190px}.layer-grid{grid-template-columns:1fr;gap:13px;margin-top:14px}.layer-card{padding:17px 18px}.layer-heading h3{font-size:22px}.source-row select{font-size:12px}.mini-wave{height:48px}.layer-meta{display:flex;gap:24px;margin-top:12px}.layer-meta label{gap:7px;flex:1;font-size:9px;margin:0}.layer-meta select{font-size:10px;max-width:none}.loop-info{display:flex;line-height:normal}.loop-info>span:last-child{display:inline;font-size:8px;text-align:right}.shape-control{flex-wrap:nowrap;gap:10px}.shape-control label{min-width:90px}.shape-control output{font-size:8px}.layer-card .shape{padding-top:12px}.shape summary{font-size:10px}.catch-button{padding:11px;font-size:11px}.toggle-layer{font-size:10px;padding:5px 15px}.flock-strip{padding:16px;gap:18px}.flock-name{gap:9px}.flock-name h3{font-size:20px}.flock-name p{font-size:8px}.flock-symbol{font-size:29px}.flock-toggle{font-size:9px;padding:8px 9px}.flock-controls{flex-basis:100%;gap:12px}.flock-controls label{width:18%;font-size:8px}.flock-controls .flock-source-label{width:30%}.flock-controls select{font-size:8px}.capture-strip{flex-wrap:wrap;gap:8px;padding:15px 0;font-size:8px}.capture-strip>div{gap:14px;margin-left:auto}.capture-strip>span{max-width:150px;line-height:1.6}.capture-strip button,.capture-strip a{font-size:9px}.listen-for{gap:13px;padding:20px 0}.listen-for>span:first-child{font-size:7px;letter-spacing:.7px;white-space:nowrap}.listen-for p{font-size:17px;line-height:1.25}.listen-for>span:last-child{font-size:23px}footer{font-size:7px;padding:18px 0 22px}footer>span:last-child{display:none}.help-panel{grid-template-columns:1fr;padding:17px;gap:15px}.help-panel p{font-size:10px}.help-panel .help-foot{font-size:9px}.breeding-intro{display:block;padding:19px 0}.breeding-intro h2{font-size:29px}.breeding-intro p{font-size:10px}.breed-material{margin-top:20px;padding:14px 17px}.breed-material p{max-width:none}.sample-strip{height:80px}.sample-strip canvas{height:58px}.slice-numbers span{font-size:7px;padding-bottom:8px}.breed-settings{flex-wrap:wrap;gap:13px;padding:20px 0}.breed-settings>span{flex-basis:100%;font-size:8px}.breed-settings label{margin-left:0;flex:1;font-size:9px}.breed-settings input{width:65px}.breed-settings button{font-size:9px;padding:9px 12px}.candidate-grid{grid-template-columns:1fr;gap:13px}.breed-card{padding:20px}.breed-card h3{font-size:28px}.breed-card .eyebrow{font-size:8px}.breed-card>p{font-size:10px}.pattern-grid{grid-template-columns:repeat(16,1fr);gap:3px}.pattern-cell{height:28px;font-size:8px}.candidate-actions{flex-wrap:nowrap;gap:14px}.candidate-actions button{width:auto;flex:1;padding:11px;font-size:10px}.breed-card .changes{font-size:10px;min-height:0;margin-bottom:16px}.breed-explainer{font-size:9px}.sample-strip .slice-numbers{font-size:7px}}
@media(max-width:370px){.shell{padding:0 12px}.intro h1{font-size:29px}.workspace-nav{gap:13px}.workspace-nav button span{font-size:10px}.workspace-nav>a{font-size:7px}.master input{width:30px}.field-footer{font-size:7px}.pattern-grid{grid-template-columns:repeat(8,1fr)}.breed-settings label{flex-wrap:wrap}.breed-settings input{width:68px}.flock-name p{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* The notebook archive grows without forcing horizontal overflow. */
.workspace-nav{flex-wrap:wrap}