.ascii-lab{color:#333;grid-template-columns:340px minmax(0,1fr);gap:48px;max-width:1510px;margin:12px auto 0;display:grid}.ascii-controls{background:#f7f7f7;border-radius:16px;align-self:start;min-width:0;min-height:calc(100dvh - 132px);padding:16px}.ascii-eyebrow{letter-spacing:.07em;text-transform:uppercase;color:#888;font:10px monospace}.ascii-controls h1{letter-spacing:-.045em;margin:15px 0 5px;font-size:27px;font-weight:450}.ascii-intro{color:#888;margin:0 0 24px;font-size:12px}.ascii-button-inner{justify-content:center;align-items:center;gap:inherit;pointer-events:none;width:100%;display:inline-flex;position:relative}.ascii-studies{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px;display:grid}.ascii-studies button{text-align:left;color:#888;isolation:isolate;background:#ededed;border:0;border-radius:8px;min-height:55px;padding:13px 10px;position:relative}.ascii-studies .ascii-button-inner{justify-content:start;gap:8px}.ascii-selection{z-index:-1;pointer-events:none;background:#fff;border:1px solid #dedede;border-radius:8px;position:absolute;inset:0}.ascii-study-number{color:#888;align-self:start;padding-top:2px;font:10px monospace}.ascii-study-copy strong{font-size:12px;font-weight:500;display:block}.ascii-study-copy small{display:none}.ascii-symbol{color:#777;margin-left:auto;font:16px monospace}.ascii-directions{flex-wrap:wrap;gap:5px;margin:0 0 20px;display:flex}.ascii-directions button{color:#777;background:0 0;border:1px solid #dedede;border-radius:20px;padding:7px 10px;font-size:10px}.ascii-control-heading{justify-content:space-between;align-items:center;margin:19px 0 11px;font-size:11px;font-weight:500;display:flex}.ascii-control-heading button,.ascii-transport button,.ascii-still-controls button{color:#777;font:inherit;background:0 0;border:0;min-height:30px;padding:6px 0}.ascii-sources{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ascii-sources button{color:#777;background:0 0;border:1px solid #0000;border-radius:5px;padding:3px}.ascii-sources button[aria-pressed=true]{background:#fff;border-color:#dedede}.ascii-sources .ascii-button-inner{display:block}.ascii-source-image{aspect-ratio:1.4;filter:saturate(.65);background-position:50%;background-size:cover;border-radius:3px;display:block}.ascii-sources small{margin:6px 0 2px;font-size:9px;display:block}.ascii-bloom-note{border-top:1px solid #ededed;border-bottom:1px solid #ededed;align-items:center;gap:12px;padding:16px 4px;display:flex}.ascii-bloom-note>span{color:#777;font-size:24px}.ascii-bloom-note p{margin:0;font-size:11px;line-height:1.7}.ascii-bloom-note p span{color:#888;font-size:10px}.ascii-palettes{gap:18px;display:flex}.ascii-palettes button{color:#888;background:0 0;border:0;padding:0}.ascii-palettes .ascii-button-inner{flex-direction:column;gap:8px}.ascii-swatch{border-radius:5px;place-items:center;width:44px;height:37px;font:14px monospace;display:grid;position:relative}.ascii-swatch i{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;right:4px}.ascii-palettes small{font-size:9px}.ascii-dials{margin:24px -4px 0}.ascii-footnote{color:#999;margin:16px 0 4px;font-size:10px}.ascii-status{color:#777;min-height:16px;font-size:11px}.ascii-preview{place-self:start center;width:min(100%,100dvh - 190px);min-width:0;position:sticky;top:20px}.ascii-canvas-wrap{position:relative;overflow:hidden}.ascii-preview canvas{width:100%;height:auto;display:block}.ascii-loading{text-align:center;font-size:12px;position:absolute;inset:45% 10% auto}.ascii-transport{border-bottom:1px solid #ededed;align-items:center;gap:17px;padding:9px 0;font-size:10px;display:flex}.ascii-transport button{white-space:nowrap;min-width:48px}.ascii-transport input{accent-color:#778367;cursor:pointer;flex:1;min-width:30px;height:2px}.ascii-transport>span{color:#909984;font:10px monospace}.ascii-still-controls{color:#999;justify-content:space-between;align-items:center;gap:10px;min-height:39px;padding-top:9px;font:10px monospace;display:flex}.ascii-still-controls div{align-items:center;gap:18px;display:flex}.ascii-lab button{transition:color .14s ease-out,background-color .14s ease-out}@media (hover:hover){.ascii-lab button:not(:disabled):hover{color:#333}.ascii-studies button:not([aria-pressed=true]):hover{background:#f6f6f6}}@media (max-width:1050px){.ascii-lab{grid-template-columns:312px minmax(0,1fr);gap:28px}}@media (max-width:760px){.ascii-lab{grid-template-columns:minmax(0,1fr);gap:24px}.ascii-preview{grid-row:1;width:min(100%,560px);position:static}.ascii-controls{justify-self:center;width:100%;max-width:480px;min-height:0}.ascii-transport{gap:12px}}.ascii-studies button[aria-pressed=true]{color:#333;background:#fff}.ascii-studies button[aria-pressed=true] .ascii-symbol,.ascii-studies button[aria-pressed=true] .ascii-study-number{color:#666}.ascii-palettes button[aria-pressed=true]{background:#fff;border-radius:6px;box-shadow:0 0 0 1px #dedede}
.postcard-lab{color:#333;grid-template-columns:340px minmax(0,1fr);gap:48px;padding:24px 0 60px;display:grid}.postcard-controls{background:#f7f7f7;border-radius:16px;align-self:start;padding:16px}.postcard-destinations{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.postcard-destinations button{text-align:left;color:#777;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.postcard-destinations span{aspect-ratio:1.25;background-position:50%;background-size:cover;border-radius:5px;margin-bottom:9px;display:block}.postcard-destinations button[aria-pressed=true] span{outline-offset:3px;outline:1px solid #888}.postcard-message{gap:10px;margin:25px 0;font-size:11px;display:grid}.postcard-message textarea{resize:vertical;color:#555;background:#fff;border:1px solid #dedede;border-radius:6px;width:100%;min-height:115px;padding:12px;font:13px/1.6 Arial}.postcard-options{gap:7px;margin:18px 0;display:flex}.postcard-options button{color:#777;cursor:pointer;background:0 0;border:1px solid #dedede;border-radius:6px;flex:1;padding:10px 5px;font-size:11px}.postcard-options button[aria-pressed=true]{color:#333;background:#fff;border-color:#dedede}.postcard-slider{color:#777;grid-template-columns:100px 1fr 30px;align-items:center;gap:10px;margin:24px 0;font-size:11px;display:grid}.postcard-slider input{accent-color:#666;width:100%;min-width:0;height:3px}.postcard-slider output{text-align:right;font-variant-numeric:tabular-nums}.postcard-note{color:#888;margin-top:24px;font-size:11px}.postcard-preview{align-self:start;width:min(100%,100dvh - 180px);margin:0 auto;position:sticky;top:28px}.postcard-stage{aspect-ratio:1;cursor:grab;touch-action:pan-y;background:#111411;overflow:hidden}.postcard-stage:active{cursor:grabbing}.postcard-stage canvas{width:100%;height:100%;display:block}.postcard-transport{justify-content:space-between;padding-top:12px;display:flex}.postcard-transport button{color:#777;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:11px}.postcard-lab button:focus-visible,.postcard-lab input:focus-visible,.postcard-lab textarea:focus-visible{outline-offset:4px;outline:2px solid #666}@media (max-width:1000px){.postcard-lab{grid-template-columns:300px minmax(0,1fr);gap:24px}}@media (max-width:760px){.postcard-lab{flex-direction:column;display:flex}.postcard-preview{order:-1;width:100%;position:static}.postcard-controls{width:100%}}.postcard-motion{margin-top:0;margin-bottom:24px}.postcard-motion button{padding:12px}.postcard-transport{gap:20px}.postcard-slider input{appearance:none;cursor:ew-resize;background:0 0;height:28px}.postcard-slider input::-webkit-slider-runnable-track{background:#dedede;border-radius:3px;height:3px}.postcard-slider input::-webkit-slider-thumb{appearance:none;background:#666;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.postcard-slider input::-moz-range-track{background:#dedede;border-radius:3px;height:3px}.postcard-slider input::-moz-range-thumb{background:#666;border:0;border-radius:50%;width:12px;height:12px}
.color-lab{color:#333;grid-template-columns:340px minmax(0,1fr);gap:48px;padding:38px 0 80px;display:grid}.color-controls{background:#f7f7f7;border-radius:16px;align-self:start;min-width:0;min-height:calc(100dvh - 132px);padding:16px}.color-controls h1{letter-spacing:-1.7px;margin:20px 0 15px;font-size:36px;font-weight:500;line-height:1.05}.color-eyebrow,.color-section-label,.color-preview-heading,.color-mode-number{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.color-eyebrow{color:#777}.color-intro{color:#777;max-width:240px;margin-bottom:26px;font-size:13px;line-height:1.6}.color-modes{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:27px;display:grid}.color-modes button{text-align:left;cursor:pointer;background:0 0;border:1px solid #dedede;border-radius:5px}.color-modes button[aria-pressed=true]{color:#333;background:#fff;border-color:#dedede}.color-mode-inner{grid-template-columns:1fr auto;gap:14px;padding:11px;display:grid}.color-mode-number{color:#888;grid-column:1/-1}.color-mode-inner strong{font-size:11px;font-weight:500}.color-mode-mark{font:16px/1 monospace}.color-section-label{justify-content:space-between;align-items:center;margin:24px 0 12px;display:flex}.color-section-label span{color:#999;letter-spacing:0;font-size:9px}.color-section-label button,.color-reset{color:#777;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.color-palettes{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.color-palettes button,.color-photos button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.color-palettes button>span{border-radius:3px;place-items:center;height:43px;font:17px monospace;display:grid}.color-palettes button[aria-pressed=true]>span,.color-photos button[aria-pressed=true]>span{outline-offset:3px;outline:1px solid #888}.color-palettes small,.color-photos small{color:#888;margin-top:8px;font-size:8px;display:block}.color-photos{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.color-photos button>span{background-position:50%;background-size:cover;border-radius:3px;height:49px;display:block}.color-dials{margin-top:24px}.color-dials [data-dial-root]{width:100%}.color-reset{margin-top:12px}.color-note{color:#999;min-height:15px;font-size:10px;line-height:1.5}.color-preview{align-self:start;width:min(100%,100dvh - 190px);margin:0 auto;position:sticky;top:28px}.color-preview-heading{letter-spacing:.04em;color:#888;justify-content:space-between;gap:12px;margin-bottom:15px;font-size:9px;display:flex}.color-preview canvas{aspect-ratio:1;width:100%;height:auto;display:block}.color-transport{align-items:center;gap:17px;margin-top:15px;display:flex}.color-transport button{white-space:nowrap;cursor:pointer;color:#777;background:0 0;border:0;padding:6px 0;font-size:10px}.color-transport button:disabled{opacity:.5;cursor:default}.color-transport input{accent-color:#666;width:100%;min-width:30px;height:2px}.color-lab button:focus-visible,.color-lab input:focus-visible{outline-offset:4px;outline:2px solid #666}@media (max-width:1000px){.color-lab{grid-template-columns:312px minmax(0,1fr);gap:24px}}@media (max-width:760px){.color-lab{flex-direction:column;gap:24px;padding-top:20px;display:flex}.color-preview{order:-1;width:100%;position:static}.color-controls{width:100%;min-height:0}.color-controls h1{font-size:32px}.color-intro{max-width:100%}.color-palettes button>span{height:54px}.color-transport{gap:12px}.color-preview-heading{font-size:8px}.color-photos button>span{height:72px}}.color-subject-options{gap:6px;margin-bottom:20px;display:flex}.color-subject-options button{color:#777;cursor:pointer;background:0 0;border:1px solid #dedede;border-radius:6px;flex:1;padding:9px;font-size:12px}.color-subject-options button[aria-pressed=true]{color:#333;background:#fff;border-color:#dedede}.color-message{gap:8px;margin-bottom:22px;font-size:11px;display:grid}.color-message input{background:#fff;border:1px solid #dedede;border-radius:6px;width:100%;padding:12px;font-size:12px}.color-message small{color:#999;font-size:10px}.color-photos{grid-template-columns:repeat(2,1fr)}