.catalog-sort{font-size:9px;color:#586d69;display:flex;align-items:center;gap:7px;margin-left:auto}.catalog-sort select{font-size:9px;padding:7px 20px 7px 9px}.results-row{height:auto;min-height:30px;flex-wrap:wrap}.results-row #saved-note{font-size:8px;max-width:150px;text-align:right;line-height:1.5}.collection-heading{text-align:center;margin-bottom:25px}.collection-heading>span{display:block;font:55px Georgia;color:#577d6e;margin-bottom:15px}.collection-heading>h3{font:italic 31px/1.25 Georgia}.collection-heading>.eyebrow{font-size:8px;margin-bottom:15px}.collection-heading>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#5d7265;max-width:670px;margin:15px auto 0}.collection-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.collection-field{display:block;font-size:12px;font-weight:600;line-height:1.8;margin-top:22px}.collection-two .collection-field{margin-top:0}.collection-field input,.collection-field textarea,.decision-options input,.decision-table input,.chunk-add input{display:block;color:var(--ink);font:12px/1.7 Arial,sans-serif;background:#fffdf8;border:1px solid #becdb7;border-radius:5px;padding:12px;width:100%;min-width:0;margin-top:10px}.mix-words,.rest-context{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-block:25px}.mix-words button,.rest-context button{padding:12px 20px;border-radius:24px;border:1px solid #b9c9b0;color:var(--ink);background:#e7eddc;font-size:12px}.mix-words [aria-pressed=true],.rest-context [aria-pressed=true]{background:var(--ink);color:white}.mix-result{background:#e8dff0;border:1px solid #d0c1dc;border-radius:10px;font:italic 29px/1.5 Georgia;text-align:center;padding:27px;min-height:105px}.signal-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.signal-levels section{background:#e3ecd8;border:1px solid #c6d6bb;border-radius:9px;padding:22px}.signal-levels section:nth-child(2){background:#efe6cf;border-color:#ded3b2}.signal-levels section:nth-child(3){background:#eee0d8;border-color:#dfc6ba}.signal-level{display:grid;place-items:center;background:#fffdf6;width:35px;height:35px;border-radius:50%;font:20px Georgia;margin-bottom:17px}.signal-levels h3{font:italic 25px Georgia;margin-bottom:20px}.signal-levels label{font-size:11px;font-weight:600;display:block;margin-top:16px;line-height:1.8}.signal-levels textarea{font-size:11px;padding:12px}.perspective-scene{padding:27px;background:#eee6d4;border-radius:10px;text-align:center}.perspective-scene .eyebrow{font-size:8px;margin-bottom:16px}.perspective-scene h3{font:italic 28px/1.4 Georgia}.perspective-tabs,.sound-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-block:23px}.perspective-tabs button,.sound-choices button{border:1px solid #becdb5;border-radius:8px;padding:22px 15px;background:#e7eddc;color:var(--ink);font-size:12px;line-height:1.7}.perspective-tabs button>span,.sound-choices button>span{display:block;font:40px Georgia;margin-bottom:13px}.perspective-tabs [aria-pressed=true],.sound-choices [aria-pressed=true]{background:var(--ink);color:white}.repair-row{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid #d7e0ce}.repair-row>span{width:27px;height:27px;display:grid;place-items:center;background:#e2ead6;border-radius:50%;font-size:11px;flex-shrink:0}.repair-row strong{font-size:13px;font-weight:500;line-height:1.8;flex:1;overflow-wrap:anywhere}.repair-row>div{display:flex;gap:6px}.repair-row button{border:1px solid #bccdb1;border-radius:5px;padding:9px 13px;background:#f2f5e9;color:var(--ink);font-size:13px}#repair-build{margin-top:24px}.repair-result{background:#e4ecda;border-radius:9px;padding:25px;margin-top:24px}.repair-result .eyebrow{font-size:8px}.repair-result>p:not(.eyebrow):not(.micro){font:italic 22px/1.5 Georgia;margin-top:13px}.decision-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:25px}.decision-options label{font-size:11px;font-weight:700}.decision-table{border:1px solid #cad8bd;border-radius:9px;background:#eef0e4;padding:20px;margin-bottom:25px}.decision-table-head,.decision-table-row{display:grid;grid-template-columns:1fr 80px 80px;gap:15px;align-items:center}.decision-table-head{font-size:11px;font-weight:700;text-align:center;margin-bottom:12px}.decision-table-head>span:first-child{text-align:left}.decision-table-head small{font-weight:400;font-size:9px}.decision-table-row input{margin:7px 0;padding:10px;font-size:11px}.decision-table-row input[type=number]{text-align:center}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.energy-meter{display:flex;gap:8px;max-width:650px;margin:25px auto 0}.energy-meter span{height:24px;background:#e2ead7;border:1px solid #bbcca8;border-radius:5px;flex:1}.energy-meter .used{background:var(--ink);border-color:var(--ink)}.energy-rows{max-width:700px;margin:20px auto}.energy-rows>div{display:flex;align-items:center;gap:20px;border-bottom:1px solid #d7e0ce;padding:17px 0}.energy-rows strong{font-size:13px;font-weight:500;flex:1;line-height:1.7}.energy-rows button{width:35px;height:35px;background:#edf2e4;border:1px solid #c1d0b7;color:var(--ink);font-size:20px;border-radius:5px}.energy-rows output{width:20px;text-align:center;font-size:14px}.mosaic-controls{display:flex;gap:25px;align-items:center;margin-bottom:24px}.mosaic-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:750px;margin:auto}.mosaic-layout section{background:#ece5d5;padding:25px;border-radius:10px}.mosaic-layout section:nth-child(2){background:#e7dff0}.mosaic-layout h3{font:italic 26px Georgia;margin-bottom:20px}.mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mosaic-grid>span,.mosaic-grid>button{aspect-ratio:1;display:grid;place-items:center;border:1px solid #bbcab0;background:#fffdf6;border-radius:6px;font-size:25px;color:var(--ink);padding:0}.mosaic-grid>.filled,.mosaic-grid>[aria-pressed=true]{background:var(--ink);color:#fffdf6}.mosaic-grid.concealed>span{visibility:hidden}.mosaic-layout .button{margin-top:22px;width:100%;font-size:11px}.chunk-add{margin-top:25px}.chunk-add>label{display:block;font-size:12px;font-weight:600}.chunk-add>div{display:flex;gap:10px;align-items:center;margin-top:10px}.chunk-add input{margin-top:0;flex:1}#chunk-list{margin-top:20px}.rest-options{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.rest-options button{padding:25px 18px;min-height:125px;font-size:12px;line-height:1.7;color:var(--ink);background:#e8e0ee;border:1px solid #d0c2db;border-radius:9px}.rest-options button:nth-child(2n){background:#e3ebd8;border-color:#c2d1b9}.rest-options button>span{display:block;font:35px Georgia;margin-bottom:15px}.rest-options [aria-pressed=true]{background:var(--ink)!important;color:white}.bridge-art{display:flex;align-items:center;justify-content:center;gap:40px;background:#e4ecdc;border-radius:11px;padding:20px;margin-bottom:27px}.bridge-art>b{font:115px/1 Georgia;color:#638575}.bridge-art>span{font-size:9px;font-weight:700;letter-spacing:1px}.bridge-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bridge-fields .collection-field{margin-top:0;background:#eee6d4;padding:20px;border-radius:8px}.bridge-fields textarea{min-height:140px}#bridge-build{margin-top:25px}#bridge-result{white-space:pre-wrap}.reciprocity-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reciprocity-grid section{padding:25px;border-radius:10px;border:1px solid #c7d7bd;background:#e5edda}.reciprocity-grid section:nth-child(2){background:#e9e1ef;border-color:#d3c4dd}.reciprocity-grid h3{font:italic 26px/1.3 Georgia;margin-bottom:20px}.reciprocity-grid button{display:flex;justify-content:space-between;gap:15px;width:100%;padding:12px 15px;margin-top:9px;border:1px solid #bdcdb2;border-radius:6px;background:#fffdf6;color:var(--ink);font-size:12px}.reciprocity-grid [aria-pressed=true]{background:var(--ink);color:white}.story-studio-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-studio-controls label,.expression-controls label{font-size:11px;font-weight:700;line-height:1.7}.story-studio-controls select,.expression-controls select{width:100%;margin-top:9px;font-size:11px}.story-studio-page{background:#fff1d8;border:1px solid #decca8;border-radius:11px;padding:30px;margin-top:26px;text-align:center}.story-studio-page .eyebrow{font-size:8px;margin-bottom:20px}.story-studio-page>span{display:block;font:45px Georgia;color:#936944;margin-bottom:20px}#generated-story{font:italic 26px/1.6 Georgia;max-width:750px;margin:auto}.expression-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.expression-canvas{background:#e7dff0;border-radius:12px;padding:25px;max-width:400px}.expression-canvas svg{width:100%;display:block;max-height:320px}.expression-controls h3{font:italic 30px Georgia;margin-bottom:24px}.expression-controls label{display:block;margin-top:15px}.sound-controls{max-width:650px;margin:25px auto;background:#eee7d4;padding:27px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.sound-controls label{font-size:12px;font-weight:600}.sound-controls input[type=range]{display:block;width:100%;accent-color:var(--ink);margin-top:20px}.sound-controls output{float:right;font-size:11px}.sound-controls select{display:block;width:100%;font-size:11px;margin-top:12px}.sound-controls>div{grid-column:1/-1;display:flex;gap:15px;justify-content:center}.art-soundspace .art-mark{font-size:75px}
@media(max-width:800px){.results-row #saved-note{display:none}.signal-levels{gap:11px}.signal-levels section{padding:18px}.signal-levels label{font-size:10px}.signal-levels textarea{padding:10px;font-size:10px}.collection-heading>h3{font-size:29px}.mosaic-layout{gap:25px}.mosaic-layout section{padding:20px}.mosaic-grid{gap:7px}.mosaic-grid>span,.mosaic-grid>button{font-size:21px}.bridge-fields{gap:13px}.bridge-fields .collection-field{padding:17px;font-size:11px}.rest-options{gap:10px}.rest-options button{font-size:11px}.expression-layout{gap:30px}.expression-canvas{padding:20px}.expression-controls h3{font-size:27px}.story-studio-controls select{font-size:10px}}
@media(max-width:600px){.catalog-sort{font-size:8px;gap:5px}.catalog-sort select{font-size:8px;padding:7px 15px 7px 8px}.results-row{gap:10px;align-items:center}.collection-heading>span{font-size:47px}.collection-heading>h3{font-size:28px}.collection-heading>p:not(.eyebrow){font-size:11px}.collection-heading>.eyebrow{font-size:7px}.collection-two{grid-template-columns:1fr;gap:20px;margin-top:22px}.collection-field{font-size:11px;margin-top:20px}.collection-field input,.collection-field textarea,.decision-options input,.chunk-add input{font-size:11px;padding:11px}.mix-words,.rest-context{gap:7px}.mix-words button,.rest-context button{font-size:10px;padding:10px 15px}.mix-result{font-size:25px;padding:24px 20px;min-height:100px}.signal-levels{grid-template-columns:1fr;gap:15px}.signal-levels section{padding:22px}.signal-levels label{font-size:11px}.signal-levels textarea{font-size:11px;padding:12px}.signal-level{width:31px;height:31px;font-size:18px;margin-bottom:15px}.signal-levels h3{font-size:27px}.perspective-scene{padding:24px 20px}.perspective-scene .eyebrow{font-size:7px}.perspective-scene h3{font-size:26px}.perspective-tabs,.sound-choices{gap:8px}.perspective-tabs button,.sound-choices button{font-size:10px;padding:17px 10px}.perspective-tabs button>span,.sound-choices button>span{font-size:31px}.repair-row{gap:11px;padding:17px 0}.repair-row>span{width:23px;height:23px;font-size:10px}.repair-row strong{font-size:11px;line-height:1.7}.repair-row>div{gap:5px}.repair-row button{padding:7px 10px;font-size:12px}.repair-result{padding:22px}.repair-result>p:not(.eyebrow):not(.micro){font-size:21px}.decision-options{gap:12px}.decision-options label{font-size:10px}.decision-table{padding:15px}.decision-table-head,.decision-table-row{grid-template-columns:1fr 48px 48px;gap:9px}.decision-table-head{font-size:10px;line-height:1.6}.decision-table-row input{font-size:10px;padding:9px 7px}.decision-table-head small{font-size:8px}.energy-meter{gap:5px}.energy-meter span{height:21px}.energy-rows>div{gap:13px;padding-block:16px}.energy-rows strong{font-size:11px}.energy-rows button{width:30px;height:30px;font-size:17px}.energy-rows output{font-size:12px;width:15px}.mosaic-controls{gap:17px;flex-wrap:wrap}.mosaic-controls>.quiet-button{font-size:10px}.mosaic-layout{grid-template-columns:1fr 1fr;gap:12px}.mosaic-layout section{padding:16px 12px}.mosaic-layout h3{font-size:22px;margin-bottom:18px}.mosaic-grid{gap:6px}.mosaic-grid>span,.mosaic-grid>button{font-size:17px;border-radius:4px}.mosaic-layout .button{font-size:9px!important;padding:11px 7px!important}.mosaic-layout .micro{font-size:8px!important}.chunk-add>label{font-size:11px}.chunk-add>div{gap:8px}.rest-options{grid-template-columns:1fr 1fr;gap:10px}.rest-options button{font-size:11px;padding:22px 13px;min-height:135px}.rest-options button>span{font-size:30px;margin-bottom:13px}.bridge-art{gap:24px;padding:17px}.bridge-art>b{font-size:85px}.bridge-art>span{font-size:7px;letter-spacing:.7px}.bridge-fields{grid-template-columns:1fr;gap:15px}.bridge-fields .collection-field{font-size:12px;padding:22px}.bridge-fields textarea{min-height:90px}.reciprocity-grid{grid-template-columns:1fr;gap:18px}.reciprocity-grid section{padding:22px}.reciprocity-grid h3{font-size:26px}.reciprocity-grid button{font-size:11px;padding:12px 14px}.story-studio-controls{grid-template-columns:1fr;gap:17px}.story-studio-controls label{font-size:10px}.story-studio-controls select{font-size:11px}.story-studio-page{padding:25px 21px}.story-studio-page .eyebrow{font-size:7px}#generated-story{font-size:25px;line-height:1.6}.expression-layout{grid-template-columns:1fr;gap:25px}.expression-canvas{max-width:290px;width:100%;margin:auto}.expression-canvas svg{max-height:270px}.expression-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.expression-controls h3,.expression-controls p{grid-column:1/-1;margin:0}.expression-controls label{font-size:10px;margin-top:0}.expression-controls select{font-size:10px;padding:10px 7px}.sound-controls{grid-template-columns:1fr;gap:22px;padding:23px}.sound-controls label{font-size:11px}.sound-controls>div{grid-column:auto;gap:12px}.sound-controls select{font-size:11px}.sound-controls output{font-size:10px}}
@media(max-width:360px){.mosaic-layout{gap:9px}.mosaic-layout section{padding:15px 9px}.mosaic-grid{gap:4px}.mosaic-grid>span,.mosaic-grid>button{font-size:15px}.mosaic-layout .button{font-size:8px!important}.repair-row{gap:8px}.repair-row button{padding:7px 8px}.repair-row strong{font-size:10px}.decision-table-head,.decision-table-row{grid-template-columns:1fr 43px 43px;gap:7px}}