@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;450;500;550;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#eeeae5;background:#1c1c1c;font-synthesis:none;font-weight:400;--mint: #2fc5b1;--muted: #989994;--line: #383936;--panel: #242522;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button,a{transition:color .18s,background .18s,border-color .18s,transform .18s}button:hover{color:var(--mint)}::selection{background:var(--mint);color:#1c1c1c}.site-header{height:94px;margin:0 4.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-family:Manrope,sans-serif;font-size:28px;font-weight:750;letter-spacing:-1.6px;gap:7px}.brand-mark{display:block;width:1.36em;height:1.36em;flex-shrink:0;margin-right:2px}.brand-dot{font-size:12px;align-self:flex-start;margin-top:8px;letter-spacing:0;margin-left:0}nav{display:flex;height:100%;gap:35px}nav button{position:relative;font-size:14px;color:var(--muted);padding:0}nav button.active{color:#f2efea}nav button.active:after{content:"";position:absolute;height:2px;background:var(--mint);bottom:-1px;left:0;right:0}nav button span{font-size:12px;margin-left:6px;color:var(--muted)}.about-link{font-size:13px;display:flex;gap:14px;align-items:center}main{max-width:1600px;margin:auto;padding:0 4.4%}.hero{display:flex;align-items:flex-end;justify-content:space-between;padding:56px 0 53px;gap:30px}.eyebrow,.tiny-label,.section-bar,.preview-title,.seed-label,.slider-ends,.generate-area>span,.recipe-tabs>span,.history-date,.current-badge,.new-card small,footer>span{font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:1.5px;font-weight:500}.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.7px;color:#bbbcb4}.status-dot{width:5px;height:5px;display:inline-block;flex-shrink:0;background:var(--mint);border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:clamp(38px,4.25vw,65px);letter-spacing:-2.8px;line-height:1.14;font-weight:450;margin:21px 0 0}h1 em{font-style:normal;color:var(--mint)}.hero-aside{padding-bottom:3px;position:relative;min-width:249px}.hero-asterisk{display:block;color:var(--mint);font-size:69px;line-height:1;transform:rotate(-12deg);transform-origin:center;width:fit-content}.hero-aside .hero-asterisk{position:absolute;right:0;top:-77px;font-size:65px}.hero-aside p{white-space:pre-line;font-size:14px;line-height:1.8;color:#b5b6b0;margin:0 0 23px}.hero-aside .tiny-label{font-size:12px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;gap:17px}.section-bar{height:47px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:12px;letter-spacing:1.15px}.section-bar>span:first-child{display:flex;gap:12px}.section-bar>span:last-child{color:#90948b;font-size:12px}.mint{color:var(--mint)!important}.saved-status{display:flex;align-items:center;gap:7px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:29px}.preview-column{min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;height:43px;background:#282926;padding:0 16px;border:1px solid #343531;border-bottom:0;border-radius:5px 5px 0 0}.preview-title{font-size:12px;display:flex;gap:10px;align-items:center;letter-spacing:1px}.muted{color:var(--muted)}.toolbar-actions{display:flex;gap:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:29px;min-width:29px;padding:5px;color:#acafa6;border-radius:4px}.icon-button:hover{background:#ffffff09}.is-favorite{color:var(--mint)}.canvas-frame{position:relative;overflow:hidden;background:#b798b9;border:1px solid #343531;border-top:0;aspect-ratio:1}.pattern{width:100%;height:100%;position:relative;overflow:hidden}.pattern canvas{width:100%;height:100%;object-fit:cover;display:block}.canvas-frame .pattern canvas{object-fit:fill}.rendering{position:absolute;top:16px;left:16px;border-radius:25px;background:#1c1c1cdc;padding:10px 13px;color:#f2efea;display:flex;align-items:center;gap:8px;font-size:13px}.pulse{height:6px;width:6px;background:var(--mint);border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}.canvas-badge{position:absolute;bottom:20px;left:20px;background:#202321d9;border:1px solid #ffffff20;border-radius:3px;padding:9px 12px;font-size:12px;letter-spacing:1.2px;display:flex;align-items:center;gap:7px}.canvas-badge>span{height:4px;width:4px;background:#d3e48c;border-radius:50%}.canvas-corner{position:absolute;bottom:20px;right:20px;color:#f7f0ec;font-size:20px;font-weight:700;letter-spacing:-2px;mix-blend-mode:difference}.preview-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 0 16px;border-bottom:1px solid var(--line);gap:12px}.tiny-label{font-size:12px;letter-spacing:1.2px;color:var(--muted)}.preview-caption h2{font-family:Manrope,sans-serif;font-size:23px;font-weight:500;letter-spacing:-.8px;margin:7px 0 0;display:flex;gap:18px;align-items:center}.preview-caption h2 span{font-size:20px;color:var(--mint)}.seed-label{text-align:right;font-size:12px;letter-spacing:1px;color:var(--muted)}.seed-label>span{font-family:monospace;font-size:13px;color:#eeeae5;letter-spacing:0;margin-left:6px}.seed-label small{display:block;font-size:12px;letter-spacing:.8px;margin-top:8px}.preview-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:9px;gap:10px}.preview-bottom p{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.preview-bottom p span{font-size:17px}.text-button{font-size:12px;display:inline-flex;align-items:center;gap:7px}.controls{background:var(--panel);border:1px solid #393a36;border-radius:5px;padding:23px 23px 17px;align-self:start}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.control-heading h2{font-family:Manrope,sans-serif;font-weight:500;font-size:25px;letter-spacing:-1px;margin:7px 0 0}.control-heading .tiny-label{font-size:12px;letter-spacing:1px}.control-heading>svg{color:#a7aca1}.control-block{margin-top:19px}.field-label{font-size:13px;font-weight:500;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.field-label>span{font-size:12px;color:#747a6d}.select-wrap{display:flex;border:1px solid #494c43;border-radius:3px;align-items:center;position:relative;height:37px;gap:8px;padding:0 10px}.select-wrap>svg:first-child{color:var(--mint)}select{background:transparent;color:#e7e7df;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;font-size:13px;padding:0 20px 0 0;cursor:pointer;outline-offset:0}select option{background:#242522}.select-wrap>svg:last-child{pointer-events:none;position:absolute;right:10px}.field-hint{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.5}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px 9px}.palette-option{padding:0;text-align:left;min-width:0}.swatch-strip{display:flex;height:27px;border-radius:3px;overflow:hidden;outline:1px solid #ffffff05;outline-offset:3px}.swatch-strip i{flex:1}.palette-option.selected .swatch-strip{outline-color:var(--mint)}.palette-option>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:7.5px;margin-top:7px;white-space:nowrap;color:#a9ada3}.palette-option.selected>span:last-child{color:#dbe3d7}.palette-option svg{color:var(--mint)}.custom-colors{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-top:15px}.custom-colors>div{display:flex;gap:3px}.custom-colors>div>label{width:13px;height:13px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative}.custom-colors input[type=color]{opacity:0;position:absolute;width:25px;height:25px;left:-6px;top:-6px;cursor:pointer}.check-label{display:flex;align-items:center;gap:3px;margin-left:auto;white-space:nowrap;cursor:pointer}.check-label input{width:10px;height:10px;accent-color:var(--mint);margin:0 2px 0 0}.sliders{border-top:1px solid var(--line);padding-top:17px}.sliders>.field-label{margin-bottom:16px}.slider-control{margin-top:14px}.slider-control label{display:flex;align-items:center;justify-content:space-between;font-size:12px}.slider-control label>span{font-family:monospace;color:#d1d9c9;font-size:12px}.slider-control label small{color:#70776b;margin-left:3px;font-size:12px}input[type=range]{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border:0;background:linear-gradient(to right,var(--mint) var(--range-progress),#4a4d43 var(--range-progress));border-radius:2px;margin:13px 0 8px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;width:10px;border-radius:50%;background:#dbe4d2;border:2px solid #242522;box-shadow:0 0 0 1px #dbe4d2}input[type=range]::-moz-range-thumb{height:8px;width:8px;border-radius:50%;background:#dbe4d2;border:2px solid #242522}.slider-ends{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.8px;color:#7c8376}.generate-area{margin-top:22px}.generate-button{width:100%;background:var(--mint);color:#152e28;border:1px solid var(--mint);border-radius:3px;min-height:43px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600}.generate-button>svg:last-child{margin-left:auto}.generate-button:hover{background:#55d4c2;color:#122c26;transform:translateY(-1px)}.generate-area>span{display:block;text-align:center;font-size:12px;letter-spacing:.6px;color:#8c9585;margin-top:10px}.recipe-section{margin-top:43px}.recipe-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.recipe-heading{display:flex;align-items:center;gap:14px}.recipe-heading>svg{color:var(--mint)}.recipe-heading h2,.collection-heading h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.65px;font-weight:500;margin:0}.recipe-heading p,.collection-heading p{font-size:12px;color:var(--muted);margin:6px 0 0}.recipe-actions,.collection-actions{display:flex;gap:8px;align-items:center}.secondary-button,.light-button,.danger-button{font-size:12px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid #454640;border-radius:3px}.secondary-button:hover{border-color:var(--mint)}.light-button{background:#e7e6dc;color:#252a22;border-color:#e7e6dc}.light-button:hover{background:#fff;color:#252a22}.light-button>span{font-size:12px;color:#6f7767;margin-left:7px}.recipe-body{border:1px solid var(--line);border-radius:4px;overflow:hidden}.recipe-tabs{height:42px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#232420}.recipe-tabs>div{display:flex;height:100%;gap:22px}.recipe-tabs button{display:flex;align-items:center;gap:7px;padding:0;position:relative;font-size:12px;color:#92978c}.recipe-tabs button.selected{color:#e7ebe0}.recipe-tabs button.selected:after{position:absolute;content:"";height:2px;left:0;right:0;bottom:-1px;background:var(--mint)}.recipe-tabs button>span{font-size:12px;color:var(--mint);padding:1px 4px;background:#2fc5b112;border-radius:3px}.recipe-tabs>span{font-size:12px;letter-spacing:.7px;color:#8c9384}.layer{display:grid;grid-template-columns:25px 145px minmax(0,1fr) 100px;gap:15px;align-items:center;min-height:67px;padding:12px 17px;border-bottom:1px solid #30322c}.layer-index{font-family:monospace;font-size:12px;color:#768269}.layer-name>span{font-size:13px;color:#e0e3d8}.layer-name>small{display:block;font-size:12px;letter-spacing:.7px;color:#808d75;margin-top:5px}.layer>code{font-size:12px;color:#aab99c;overflow-wrap:anywhere;line-height:1.8}.operation{font-family:monospace;font-size:12px;color:var(--mint);text-align:right}.operation>span{color:#8e9982;margin-left:7px}.recipe-footnote{padding:11px 17px;font-size:12px;color:#8b9581;line-height:1.7}.json-view{position:relative;max-height:380px;overflow:auto;background:#191c18}.json-view pre{font-family:monospace;font-size:13px;line-height:1.7;color:#b6ce9f;margin:0;padding:25px;white-space:pre-wrap;overflow-wrap:anywhere}.copy-json{position:sticky;top:12px;float:right;margin:12px 15px 0 0;display:flex;gap:7px;align-items:center;font-size:12px;background:#2c3128;padding:8px;border-radius:4px}.collection-section{margin-top:44px}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0 22px}.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.history-card{min-width:0}.history-open{display:block;padding:0;width:100%;aspect-ratio:1.4;position:relative;overflow:hidden;border-radius:4px;border:1px solid transparent}.history-card.current .history-open{border-color:#9cd2ab}.history-open .pattern{transition:transform .4s}.history-open:hover .pattern{transform:scale(1.035)}.history-open-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#1c1c1cbd;position:absolute;right:10px;top:10px;color:#fff;opacity:0;transition:opacity .2s}.history-open:hover .history-open-icon{opacity:1}.current-badge{position:absolute;left:9px;bottom:9px;background:#212a21df;border-radius:3px;padding:6px 7px;color:#dbeacc;font-size:12px;letter-spacing:.7px}.history-card-footer{display:flex;align-items:center;justify-content:space-between;margin:10px 0;gap:5px}.history-card-footer h3{font-size:14px;font-weight:450;margin:0;letter-spacing:-.1px}.history-card-footer>div>span{display:block;font-size:12px;margin-top:5px;color:#8c9284}.history-card-footer i{font-style:normal;margin:0 5px}.history-date{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 0;font-size:12px;letter-spacing:.7px;color:#818a79}.new-card{aspect-ratio:1.16;border:1px dashed #454b3c;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#262b2222,#242b2366);color:#b2c5a3}.new-card-symbol{font-size:35px;color:#718b64;line-height:1;margin-bottom:15px}.new-card>span:nth-child(2){font-size:15px;letter-spacing:-.3px}.new-card small{font-size:12px;color:#7d9071;margin-top:9px;letter-spacing:.8px}.new-card-arrow{margin-top:19px;color:var(--mint)}.new-card:hover{background:#2b3227;border-color:var(--mint)}.storage-note{display:flex;align-items:center;gap:7px;font-size:12px;color:#a5b09b;margin-top:22px;line-height:1.6}.storage-note>span:last-child{color:#727e68;margin-left:3px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px;color:#b0bda5;border:1px dashed #41483b;border-radius:5px}.empty-state h3{font-size:20px;font-weight:450}.empty-state p{font-size:14px;margin-top:0;margin-bottom:23px}footer{margin-top:58px;border-top:1px solid var(--line);padding:25px 0 34px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:23px}footer .brand-mark{font-size:29px}footer .brand-dot{font-size:12px;margin-top:5px}footer>span{font-size:12px;letter-spacing:1.2px;color:#939b89}footer>button{display:flex;align-items:center;gap:13px;font-size:12px;color:#b9c0b1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:10px;align-items:center;background:#d9eee1;color:#203b2a;padding:14px 20px;border:1px solid #91bd9f;box-shadow:0 8px 40px #0004;border-radius:5px;font-size:14px;max-width:90vw;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;bottom:15px}to{opacity:1;bottom:24px}}dialog{padding:0;background:#232620;color:#eeeae5;border:1px solid #535f49;border-radius:8px;max-height:92dvh;max-width:92vw}dialog::backdrop{background:#111b14cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:13px;top:13px;z-index:2;background:#20251fe8;color:#f0f4e9}.fullscreen-dialog{width:min(82vh,850px)}.fullscreen-dialog .pattern{aspect-ratio:1}.full-caption{padding:16px 20px;display:flex;justify-content:space-between;font-size:14px}.full-caption>span:last-child{font-size:12px;letter-spacing:1px;color:#a8b19f}.small-dialog{width:500px}.dialog-content{padding:38px}.dialog-content>svg{color:var(--mint);margin-bottom:22px}.dialog-content>.eyebrow{font-size:12px;margin:8px 0 13px;color:#a0b28f}.dialog-content h2{font-family:Manrope,sans-serif;font-size:30px;font-weight:450;letter-spacing:-1px;line-height:1.2}.dialog-content p{font-size:14px;line-height:1.8;color:#b2bcaa;margin-bottom:23px}.dialog-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.danger-button{color:#ffc0a5;background:#48312a;border-color:#795347}.danger-button:hover{background:#694235;color:#fff}.about-content .hero-asterisk{font-size:49px;margin-bottom:25px}.about-content p a{color:var(--mint);display:inline-flex;align-items:center;gap:3px}.about-content .generate-button{margin-top:25px}.storage-error{border:1px solid #8d7850;background:#3a3426;color:#e3d2ac;padding:15px;display:flex;gap:15px;align-items:center;font-size:14px;margin-bottom:20px}.storage-error button{text-decoration:underline;white-space:nowrap}@media(min-width:1450px){.studio-grid{grid-template-columns:minmax(0,1fr) 355px;gap:35px}.controls{padding:27px}.control-heading{margin-bottom:28px}.control-block{margin-top:25px}.slider-control{margin-top:22px}.canvas-frame{aspect-ratio:1}.palette-option>span:last-child{font-size:12px}.generate-area{margin-top:28px}.hero{padding-top:68px;padding-bottom:65px}}@media(max-width:1000px){.site-header{height:80px}.about-link{display:none}.hero{padding:45px 0}.hero-aside{min-width:215px}.hero-aside p{font-size:12px}.hero-aside .hero-asterisk{top:-70px;font-size:54px}h1{font-size:43px;letter-spacing:-2px}.studio-grid{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.controls{padding:18px}.canvas-frame{aspect-ratio:1}.preview-bottom{align-items:flex-start;flex-direction:column}.preview-bottom p{margin-bottom:3px}.preview-caption h2{font-size:19px}.layer{grid-template-columns:20px 120px minmax(0,1fr) 80px;gap:10px}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-actions{gap:5px}.recipe-heading h2{font-size:19px}.recipe-heading p{font-size:12px}.light-button>span{display:none}}@media(max-width:740px){main{padding:0 5%}.site-header{margin:0 5%;height:73px}.brand{font-size:24px}.brand-mark{font-size:32px}nav{gap:20px}nav button{font-size:12px}nav button span{display:none}.hero{display:block;padding:35px 0}.hero h1{font-size:clamp(34px,7.8vw,53px);letter-spacing:-1.8px}.hero-aside{margin-top:25px}.hero-aside p{font-size:13px;line-height:1.7;margin-bottom:13px}.hero-aside .hero-asterisk{top:-6px;right:8px;font-size:60px}.hero-aside .tiny-label{justify-content:flex-start;font-size:12px}.section-bar{font-size:12px;letter-spacing:.8px}.section-bar>span:last-child{font-size:12px;letter-spacing:.4px}.studio-grid{display:flex;flex-direction:column;gap:23px}.canvas-frame{aspect-ratio:1}.preview-caption{padding:17px 0 13px}.preview-caption h2{font-size:23px}.preview-bottom{flex-direction:row;align-items:center}.preview-bottom p{font-size:12px;margin:3px 0}.preview-bottom .text-button{font-size:12px}.controls{width:100%;padding:24px}.control-heading h2{font-size:29px}.control-heading .tiny-label{font-size:12px}.field-label{font-size:14px}.select-wrap{height:43px}select{font-size:15px}.field-hint{font-size:12px}.swatch-strip{height:35px}.palette-option>span:last-child{font-size:12px}.palette-grid{gap:17px 13px}.custom-colors{font-size:12px;margin-top:20px}.custom-colors>div>label{height:18px;width:18px}.check-label input{width:12px;height:12px}.slider-control{margin-top:22px}.slider-control label{font-size:14px}input[type=range]{height:4px;margin-top:16px}input[type=range]::-webkit-slider-thumb{width:14px;height:14px}.slider-ends{font-size:12px}.generate-button{min-height:47px;font-size:15px}.generate-area>span{font-size:12px}.recipe-section{margin-top:30px}.recipe-header{align-items:flex-start;flex-direction:column;gap:17px}.recipe-actions{width:100%;justify-content:flex-end}.recipe-heading h2{font-size:22px}.recipe-heading p{font-size:12px}.recipe-tabs{padding:0 12px}.recipe-tabs>span{font-size:12px;letter-spacing:0}.recipe-tabs>div{gap:15px}.recipe-tabs button{font-size:12px}.layer{grid-template-columns:20px 1fr 90px;gap:8px;padding:14px 12px}.layer-name>span{font-size:14px}.layer-name>small{font-size:12px}.layer>code{grid-column:2/4;grid-row:2;font-size:12px}.operation{grid-column:3;grid-row:1}.recipe-footnote{font-size:12px}.collection-heading{align-items:flex-start;gap:12px}.collection-heading h2{font-size:21px}.collection-heading p{font-size:12px;line-height:1.5;max-width:190px}.collection-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px}.collection-actions .secondary-button{font-size:12px;padding:7px}.collection-actions .text-button{font-size:12px;white-space:nowrap}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.new-card{aspect-ratio:1.03}.new-card>span:nth-child(2){font-size:14px}.new-card small{font-size:12px}.new-card-symbol{margin-bottom:10px}.new-card-arrow{margin-top:15px}.history-card-footer h3{font-size:13px}.history-card-footer>div>span{font-size:12px;line-height:1.5}.history-card-footer i{margin:0 2px}.history-card-footer .icon-button{min-width:24px;padding:3px}.history-date{font-size:12px}.storage-note{flex-wrap:wrap;font-size:12px;gap:5px}.storage-note>span:last-child{flex-basis:100%;margin-left:0;font-size:12px}footer{margin-top:35px;padding:25px 0;flex-wrap:wrap}footer .brand{font-size:21px}footer>span{font-size:12px}footer>button{flex-basis:100%;font-size:12px;justify-content:flex-end}.dialog-content{padding:32px 23px}.dialog-content h2{font-size:28px}.dialog-content p{font-size:13px}.dialog-buttons{gap:7px}.storage-error{flex-wrap:wrap;font-size:13px}.toast{font-size:13px;width:max-content}.history-open-icon{opacity:1;width:23px;height:23px}.history-open-icon svg{width:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.family-picker{margin:3px 0 22px}.family-picker-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 14px}.family-picker-heading>span:last-child{font-size:12px;letter-spacing:1px;color:var(--mint)}.family-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.family-choice{border:1px solid #3c4238;border-radius:5px;padding:15px 9px 13px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;background:#232620;min-width:0}.family-choice.selected{border-color:var(--mint);background:#26352b}.family-choice>svg,.family-symbol{color:#a1c59b;height:26px;display:flex;align-items:center;font-size:26px;line-height:1}.family-choice.selected>svg,.family-choice.selected .family-symbol{color:var(--mint)}.family-choice>span:not(.family-symbol){font-size:13px;line-height:1.3}.family-choice small{font-size:12px;color:#8a9a80;line-height:1.4}.family-note{font-size:12px;color:#9aaa90;line-height:1.6;margin:12px 0 0}.batch-button{border:1px solid #738467;border-radius:3px;display:flex;align-items:center;gap:10px;padding:12px;width:100%;margin-top:9px;color:#dae7d0;font-size:13px;background:#30382a}.batch-button>span{margin-left:auto;color:var(--mint)}.batch-button:hover{background:#384631;border-color:var(--mint)}.mutate-button{font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:7px;color:#b3c5a5}.layer-composer{margin-top:35px}.composer-heading,.batch-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.composer-heading .recipe-heading p{line-height:1.6}.composer-heading>.secondary-button{white-space:nowrap}.composer-heading>.secondary-button>span{font-size:12px;color:var(--muted)}.composition-controls{display:flex;gap:32px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:15px 19px;margin-bottom:14px;background:#23271f}.composition-controls>label{font-size:13px;display:block;width:280px;max-width:50%}.composition-controls>label>span{float:right;color:var(--mint);font-family:monospace}.background-control{display:flex;gap:6px;align-items:center;margin-left:auto}.background-control>span{font-size:12px;color:#b5c1aa;margin-right:10px}.background-control button{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;outline:1px solid #ffffff12;outline-offset:2px}.background-control button[aria-pressed=true]{outline-color:var(--mint)}.background-control button svg{color:#fff;mix-blend-mode:difference}.composer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.composer-layer{background:#23271f;border:1px solid #3c4435;border-radius:5px;min-width:0;padding:16px}.layer-muted{opacity:.6}.composer-layer-top{display:flex;align-items:center;gap:9px;margin-bottom:17px}.layer-number{font-family:monospace;font-size:13px;color:var(--mint)}.composer-layer-top>span:nth-child(2){font-size:15px}.composer-layer-top>div{margin-left:auto;display:flex;gap:2px}.layer-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layer-editor-fields label{font-size:12px;color:#9bab8d;min-width:0}.layer-editor-fields select{display:block;border:1px solid #49503f;border-radius:3px;height:33px;padding:0 7px;font-size:12px;margin-top:7px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.layer-slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px;margin:21px 0}.layer-slider-grid label{font-size:12px;display:block}.layer-slider-grid label>span{float:right;color:#a0b58d;font-size:12px;font-family:monospace}.layer-slider-grid input[type=range]{margin-bottom:0}.layer-ink-controls{display:flex;justify-content:space-between;gap:16px;align-items:center}.layer-ink-controls>div{display:flex;align-items:center;gap:5px}.layer-ink-controls>div>span,.layer-ink-controls>label{font-size:12px;color:#a7b69b}.layer-ink-controls>div>span{margin-right:5px}.layer-ink-controls input[type=color]{border:0;background:none;padding:0;width:23px;height:25px;cursor:pointer}.layer-ink-controls>label{display:flex;gap:8px;align-items:center}.layer-ink-controls select{font-size:12px;width:90px;border:1px solid #49503f;border-radius:3px;height:28px;padding:0 5px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.layer-formula{margin-top:17px;border-top:1px solid #394131;padding-top:11px}.layer-formula summary{font-size:12px;color:#a4b794;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.layer-formula code{display:block;color:#c3d8ae;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-top:12px}.layer-formula p{font-family:monospace;font-size:12px;color:#91a27f;line-height:1.7}.layer-editor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:11px;border-top:1px solid #394131;padding-top:8px}.layer-editor-footer>span{font-size:12px;letter-spacing:1px;color:#8a9b7c}.layer-editor-footer>div{display:flex;gap:2px}.layer-editor-footer button:disabled{opacity:.2;cursor:default}.composition-math{padding:15px 20px;background:#20251d;font-size:13px;color:#adc09c;line-height:1.9}.composition-math p{margin:7px 0;overflow-wrap:anywhere}.composition-math details{margin:14px 0}.composition-math summary{cursor:pointer;color:var(--mint)}.composition-math code{display:block;margin:9px 0;font-size:12px;overflow-wrap:anywhere}.batch-board{margin-top:34px;border:1px solid #45533b;border-radius:6px;padding:22px;background:#242c20;scroll-margin-top:20px}.batch-heading>div:last-child{display:flex;align-items:center;gap:8px}.batch-heading h2{font-size:23px}.batch-heading p{line-height:1.6}.batch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 15px}.batch-card{min-width:0}.batch-open{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border-radius:3px;overflow:hidden;background:#31382a}.batch-open>.pattern{transition:transform .3s}.batch-open:hover>.pattern{transform:scale(1.035)}.batch-index{position:absolute;left:9px;top:9px;background:#192516c9;color:#e0efd5;padding:5px 7px;border-radius:3px;font-size:12px}.batch-open>svg{position:absolute;bottom:9px;right:9px;background:#192516c9;color:#e0efd5;box-sizing:content-box;padding:5px;border-radius:50%}.batch-card-label{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:9px}.batch-card-label>div{min-width:0}.batch-card-label span{font-size:13px;display:block}.batch-card-label small{font-size:12px;color:#99ac8b;display:block;margin-top:5px}.load-more{margin:25px auto}.render-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;background:#2c3027;color:#e5d6b6;font-size:13px;padding:15px}.render-error button{text-decoration:underline}.studio-grid{scroll-margin-top:15px}@media(min-width:1001px){.controls{position:sticky;top:15px}.studio-grid{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:1000px){.family-options{grid-template-columns:repeat(4,minmax(0,1fr))}.composer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-heading .recipe-heading p{max-width:360px}.composer-layer:last-child:nth-child(odd){grid-column:1/-1}.batch-heading h2{font-size:20px}}@media(max-width:740px){.family-picker-heading .tiny-label{font-size:12px;letter-spacing:.6px}.family-picker-heading>span:last-child{font-size:12px}.family-options{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.family-choice{padding:12px 9px;gap:7px}.family-choice:first-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px}.family-choice:first-child small{margin-left:auto}.family-choice>span:not(.family-symbol){font-size:12px}.family-choice small,.family-note{font-size:12px}.composer-heading{align-items:flex-start}.composer-heading .recipe-heading>svg{display:none}.composer-heading .recipe-heading h2{font-size:20px}.composer-heading .recipe-heading p{font-size:12px;max-width:230px}.composer-heading>.secondary-button{font-size:12px;padding:6px 9px}.composer-grid{grid-template-columns:1fr;gap:14px}.composer-layer{padding:18px}.composer-layer-top>span:nth-child(2){font-size:16px}.layer-editor-fields select{height:36px;font-size:13px}.layer-editor-fields label{font-size:12px}.layer-slider-grid label{font-size:13px}.layer-ink-controls>label,.layer-ink-controls>div>span{font-size:12px}.layer-formula summary{font-size:12px}.composition-controls{padding:13px;gap:18px;flex-wrap:wrap}.composition-controls>label{width:100%;max-width:none}.background-control{margin-left:0}.layer-editor-footer>span{font-size:12px}.batch-board{padding:15px}.batch-heading{align-items:flex-start}.batch-heading .recipe-heading>svg{display:none}.batch-heading h2{font-size:18px}.batch-heading p{font-size:12px}.batch-heading>div:last-child{gap:0}.batch-heading .secondary-button{font-size:12px;padding:7px;white-space:nowrap;gap:5px}.batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.batch-card-label span,.batch-card-label small{font-size:12px}.batch-card-label .icon-button{min-width:24px;padding:3px}.batch-button{padding:13px;font-size:14px}.mutate-button{font-size:13px}.composer-heading .secondary-button>span{display:none}}.composer-proof{position:sticky;top:10px;z-index:4;display:flex;gap:17px;align-items:center;padding:10px;background:#20281fee;border:1px solid #4b6040;box-shadow:0 5px 20px #1116;border-radius:5px;margin-bottom:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.composer-proof>.pattern{width:90px;height:90px;flex-shrink:0;border-radius:3px}.composer-proof>div:last-child>span{font-size:12px;color:var(--mint);letter-spacing:1.3px;display:block}.composer-proof strong{font-family:Manrope,sans-serif;font-weight:500;font-size:16px;display:block;margin-top:7px}.composer-proof p{font-size:12px;color:#a4b396;line-height:1.6;margin:6px 0 0}@media(max-width:740px){.composer-proof{top:5px;gap:12px}.composer-proof>.pattern{width:65px;height:65px}.composer-proof strong{font-size:14px}.composer-proof p{font-size:12px}.composer-proof>div:last-child>span{font-size:12px}}.flow-app{--flow-ink: #edece5;--flow-muted: #a2a99b}.flow-app button:disabled{cursor:not-allowed}.flow-header{height:83px;max-width:1252px;margin:0 auto;width:calc(100% - 88px)}.flow-header nav{gap:30px}.flow-header nav button{font-size:15px}.flow-header nav button span{color:var(--mint);font-size:12px}.flow-header .about-link{font-size:12px;color:#aeb5a5}.flow-main{max-width:1340px;padding:0 44px}.workflow-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.workflow-caption{font-size:12px;letter-spacing:1.4px;color:#a2aa98}.workflow{height:auto;display:flex;gap:0}.workflow>span{display:flex;align-items:center;gap:13px}.workflow>span>svg{color:#64725b}.workflow button{display:flex;align-items:center;gap:9px;padding:10px 13px;font-size:14px;color:#8f9c84;border-radius:4px;min-height:39px}.workflow button>span{font-family:monospace;font-size:12px;color:#7d8b72;margin:0}.workflow button.current-step{color:#daefcf;background:#2b3426}.workflow button.current-step>span{color:var(--mint)}.workflow button:disabled{opacity:.4}.workflow button:after{display:none}.workflow-saved{font-size:12px;color:#939f89;display:flex;gap:7px;align-items:center}.stage-heading{padding:39px 0 32px;display:flex;justify-content:space-between;align-items:center;gap:35px}.stage-heading .eyebrow{font-size:12px;letter-spacing:1.5px;color:#9fa996}.stage-heading h1{font-size:52px;letter-spacing:-2.4px;line-height:1.12;margin:15px 0 16px}.stage-heading p{font-size:15px;line-height:1.75;color:#aab59f;margin:0;max-width:530px}.welcome-heading h1{font-size:60px;letter-spacing:-2.9px}.stage-action{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:292px}.primary-cta{display:flex;align-items:center;justify-content:center;gap:13px;min-height:61px;padding:17px 22px;background:var(--mint);color:#15362a;font-size:17px;font-weight:650;border:1px solid #4bdcc7;border-radius:5px;box-shadow:0 5px 23px #2fc5b10d;white-space:nowrap}.primary-cta>svg:last-child{margin-left:auto}.primary-cta:hover{background:#63e0cb;color:#143025;transform:translateY(-2px);box-shadow:0 6px 24px #2fc5b12b}.primary-cta:active{transform:translateY(0)}.primary-cta:disabled{background:#3a776c;border-color:#4c8d81;transform:none}.stage-action>span{font-size:12px;letter-spacing:1px;text-align:center;color:#8d9d80}.quiet-link{display:inline-flex;align-items:center;gap:7px;padding:0;font-size:13px;line-height:1.5;color:#b2c2a4}.resume-pattern{justify-content:center;margin-top:2px;font-size:12px}.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:5px}.mood-card{text-align:left;padding:0;border:1px solid #3d4436;border-radius:6px;overflow:hidden;background:#23281f;position:relative;min-width:0}.mood-card.selected{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.mood-card:hover{border-color:#87b179;color:inherit;transform:translateY(-3px)}.mood-image{aspect-ratio:1.3;position:relative;overflow:hidden;background:#393432}.mood-image .pattern{transition:transform .35s}.mood-card:hover .pattern{transform:scale(1.035)}.mood-check{position:absolute;right:12px;top:12px;width:29px;height:29px;border:1px solid #ffffff38;display:flex;align-items:center;justify-content:center;background:#1a241ade;color:#dbeacc;border-radius:50%}.mood-card.selected .mood-check{color:#123829;background:var(--mint);border-color:var(--mint)}.mood-copy{padding:18px 17px 19px;position:relative;min-height:119px}.mood-copy>span{color:#718b63;font-family:monospace;font-size:12px;display:block;margin-bottom:9px}.mood-copy h2{font-family:Manrope,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0 0 8px}.mood-copy p{font-size:12px;line-height:1.7;color:#95a78a;margin:0;max-width:210px}.mood-card.selected .mood-copy h2{color:#dcecd2}.explore-instructions{display:flex;justify-content:space-between;align-items:center;margin-top:21px;gap:20px}.explore-instructions p{font-size:13px;color:#a3b297;display:flex;gap:8px;align-items:center;margin:0}.explore-instructions .mint{font-size:22px}.explore-instructions>span{font-size:12px;color:#7a8d6d}.previous-results{margin-top:23px}.results-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0}.results-heading>div{display:flex;align-items:center;gap:16px}.results-count{font-size:12px;letter-spacing:1.2px;color:#a4b494}.mood-pill{font-size:12px;line-height:1.5;background:#2c3726;color:#b1cba0;border:1px solid #405435;border-radius:20px;padding:5px 10px}.candidate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 18px}.candidate-card{min-width:0;background:#23281f;border:1px solid #343e2d;border-radius:5px;overflow:hidden;padding-bottom:9px}.candidate-image{display:block;width:100%;aspect-ratio:1;padding:0;overflow:hidden;position:relative;background:#343a2e}.candidate-image .pattern{transition:transform .35s}.candidate-image:hover .pattern{transform:scale(1.035)}.candidate-number{position:absolute;left:11px;top:11px;background:#172518cf;border:1px solid #ffffff12;border-radius:3px;color:#ddecd2;font-family:monospace;font-size:12px;padding:5px 7px}.candidate-open{position:absolute;right:11px;bottom:11px;width:27px;height:27px;background:#172518cf;color:#ddecd2;border-radius:50%;display:flex;align-items:center;justify-content:center}.candidate-name{padding:13px 13px 11px}.candidate-name h3{font-size:15px;line-height:1.4;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-name>span{font-size:12px;color:#8eaa7c;display:block;margin-top:5px}.refine-card-button{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin:0 11px;border:1px solid #647a51;border-radius:3px;width:calc(100% - 22px);font-size:13px;background:#313d28;color:#d9e7cd}.refine-card-button:hover{background:#d9e7cd;color:#203119}.candidate-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:11px 12px 2px}.candidate-actions button{display:flex;align-items:center;gap:5px;font-size:13px;color:#a4ba93;padding:3px 0;min-height:25px}.candidate-actions button.kept,.keep-pattern.kept,.candidate-actions button:hover{color:var(--mint)}.candidate-image .pattern[aria-busy=true]:after,.mood-image .pattern[aria-busy=true]:after{content:"Drawing…";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#252d23;color:#bbceaa;font-size:13px}.results-help{font-size:12px;display:flex;gap:6px;align-items:center;color:#849b73;margin-top:23px}.results-help strong{font-weight:500;color:#b6cda4}.results-help>svg{color:var(--mint)}.compact-heading{padding:31px 0 26px}.compact-heading h1{font-size:43px;letter-spacing:-1.9px}.back-link{font-size:12px;margin-bottom:17px;color:#899a7c}.refine-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:29px}.refine-preview{position:sticky;top:12px;background:#24291f;border:1px solid #3b4432;border-radius:5px;min-width:0;overflow:hidden}.refine-preview-toolbar{padding:8px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #394431}.refine-preview-toolbar>span{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:1px;color:#a7b899}.preview-surface{width:100%;max-width:calc(100dvh - 280px);aspect-ratio:1;margin:0 auto;background:#302c30}.refine-preview-caption{padding:17px;display:flex;align-items:center;justify-content:space-between;gap:13px;border-top:1px solid #394431}.refine-preview-caption h2{font-family:Manrope,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere}.refine-preview-caption>div>span{font-size:12px;line-height:1.7;color:#8ea17d;display:block;margin-top:6px}.keep-pattern{display:flex;align-items:center;gap:7px;color:#abc399;font-size:13px;white-space:nowrap;padding:7px}.simple-controls{padding:23px 22px;border:1px solid #3a4431;background:#242a20;border-radius:5px}.simple-controls-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:19px;border-bottom:1px solid #3b4433}.simple-controls-heading h2{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.4px;font-weight:500;margin:0}.simple-controls-heading>svg{color:#9ab789}.simple-palette{padding-top:18px}.simple-palette h3{font-size:14px;font-weight:500;margin:0 0 15px}.simple-palette .palette-grid{gap:14px 10px}.simple-palette .swatch-strip{height:29px}.simple-palette .palette-option>span:last-child{font-size:12px;letter-spacing:0}.simple-slider{display:block;margin-top:22px;font-size:14px}.simple-slider>span:first-child{display:flex;align-items:center;justify-content:space-between}.simple-slider output{font-family:monospace;font-size:12px;color:#9bb18a}.simple-slider input[type=range]{height:4px;margin:15px 0 10px}.simple-slider input[type=range]::-webkit-slider-thumb{width:12px;height:12px}.simple-slider-ends{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#819575}.more-like-panel{margin-top:25px;padding-top:20px;border-top:1px solid #3c4733}.secondary-action{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid #536849;padding:10px 14px;min-height:38px;border-radius:3px;font-size:13px;color:#c7d8b9;background:#293423}.secondary-action:hover{border-color:var(--mint);background:#33442b;color:#e0f0d2}.more-like-panel .secondary-action{width:100%;justify-content:space-between}.more-like-panel p{font-size:12px;line-height:1.7;color:#91a280;margin:8px 0 0}.refine-utilities{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px}.refine-utilities .quiet-link{font-size:12px}.fresh-direction{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding-top:19px;margin-top:18px;border-top:1px solid #3b4632;font-size:12px;color:#859978}.advanced-studio{margin-top:30px;border:1px solid #3e4936;border-radius:5px}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 23px;text-align:left}.advanced-toggle>span{display:flex;align-items:center;gap:13px}.advanced-toggle>span>svg{color:#8ea57d}.advanced-toggle strong{display:block;font-weight:500;font-size:15px}.advanced-toggle small{display:block;font-size:12px;line-height:1.6;color:#8c9e7e;margin-top:5px}.advanced-toggle>span:last-child{font-size:12px;color:#adbe9f;gap:8px}.advanced-studio #advanced-content{padding:0 22px 23px;border-top:1px solid #3e4936}.advanced-studio .family-picker{margin-top:20px}.advanced-global{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;border-top:1px solid #3c4933;padding-top:16px;margin-bottom:10px}.advanced-global .simple-slider{margin:0}.custom-inks{display:flex;gap:6px;align-items:center}.custom-inks>span{font-size:12px;margin-right:10px;color:#a2b791}.custom-inks input[type=color]{width:24px;height:27px;padding:0;border:0;background:none;cursor:pointer}.math-direction{font-size:12px;color:#9eb28c;display:flex;align-items:center;gap:13px}.math-direction select{font-size:13px;border:1px solid #4b603e;border-radius:3px;height:34px;padding:0 9px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;max-width:200px}.advanced-actions{display:flex;gap:12px;align-items:center;padding-top:23px}.advanced-actions p{font-size:12px;color:#8b9e7c;line-height:1.7}.advanced-studio .composer-grid{gap:11px}.advanced-studio .composer-layer{padding:13px}.export-panel{padding:25px;border:1px solid #3d4933;background:#242d20;border-radius:5px}.export-panel .eyebrow{font-size:12px;letter-spacing:1px;color:#96ad83}.export-panel h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.8px;line-height:1.35;font-weight:450;margin:18px 0 26px}.export-panel dl{font-size:13px}.export-panel dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #3e4b35}.export-panel dt{color:#91a87e}.export-panel dd{margin:0;text-align:right}.export-panel>p{font-size:13px;color:#9db38b;line-height:1.9;margin-top:22px}.export-recipe{display:flex;gap:13px;border-top:1px solid #435338;margin-top:26px;padding-top:23px}.export-recipe>svg{color:var(--mint);flex-shrink:0}.export-recipe h3{font-size:15px;font-weight:500;margin:0}.export-recipe p{font-size:12px;color:#94aa82;line-height:1.9;margin:8px 0 15px}.export-panel>.quiet-link{margin-top:23px}.library-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:18px 0 23px}.library-filters{display:flex;align-items:center;gap:6px}.library-filters button{display:flex;align-items:center;gap:7px;font-size:13px;color:#93a982;padding:10px 13px;border-radius:4px;min-height:38px}.library-filters button>span{font-size:12px;color:#749661}.library-filters button.selected{background:#2c3925;color:#daebcd}.library-tools{display:flex;align-items:center;gap:20px}.library-tools>button{display:flex;align-items:center;gap:6px;font-size:12px;color:#98ad87;padding:6px 0}.library-note{font-size:12px;line-height:1.8;color:#809a6d;margin-top:27px}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:290px;border:1px dashed #48603b;border-radius:5px;padding:25px}.library-empty>span{font-size:40px;color:var(--mint)}.library-empty h2{font-family:Manrope,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.8px;margin:15px 0 8px}.library-empty p{font-size:14px;color:#9cb08c;line-height:1.8;margin:0 0 20px}.library-more{margin:25px auto;display:flex}.flow-footer{margin-top:40px;padding:23px 0 29px;align-items:center}.flow-footer>span{font-size:12px;letter-spacing:1px;color:#8aa277}.flow-footer p{font-size:12px;color:#708861;margin:0}.flow-footer>button{font-size:12px;color:#9bb08a;gap:7px}.recipe-dialog{width:820px;max-width:94vw}.recipe-dialog-content{padding:30px}.recipe-dialog-content>.eyebrow{font-size:12px;color:#9db68c}.recipe-dialog-content>h2{font-family:Manrope,sans-serif;font-size:27px;font-weight:500;letter-spacing:-1px;margin:16px 0 8px;padding-right:30px}.recipe-metadata{font-size:12px;color:#90a67f;line-height:1.8;margin-bottom:23px}.recipe-dialog-content .recipe-tabs{border:1px solid #45583a;border-radius:3px}.math-summary{font-size:13px;color:#a9be98;line-height:1.8;max-height:50vh;overflow:auto;padding:10px 0}.math-summary>div{padding:12px 0;border-bottom:1px solid #3c4c32}.math-summary h3{font-size:14px;font-weight:500;color:#d3e4c6}.math-summary code{display:block;font-size:12px;color:#b6d0a4;line-height:1.9;overflow-wrap:anywhere}.math-summary p{font-size:12px;line-height:1.8}.full-json{background:#1c2419;color:#afca9b;border:1px solid #3d4f32;border-radius:3px;padding:17px;max-height:50vh;overflow:auto;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.recipe-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:17px;border-top:1px solid #3d4f32}.flow-app .storage-error{margin-top:20px;font-size:13px}.flow-app .toast{z-index:20}@media(max-width:1100px){.flow-header .about-link,.workflow-caption{display:none}.stage-heading h1{font-size:46px}.welcome-heading h1{font-size:52px}.stage-action{min-width:270px}.primary-cta{font-size:16px;padding:16px 17px;min-height:56px}.mood-copy{padding:15px 12px;min-height:130px}.mood-copy h2{font-size:16px}.candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.refine-layout{grid-template-columns:minmax(0,1fr) 315px;gap:20px}.simple-controls{padding:20px}.refine-preview-caption{padding:14px}.refine-preview-caption h2{font-size:16px}.advanced-global{grid-template-columns:1fr}.advanced-global .simple-slider{max-width:400px}.flow-footer p{display:none}}@media(max-width:740px){.flow-app{padding-bottom:94px}.flow-header{height:68px;width:calc(100% - 36px);margin:0 18px}.flow-header .brand{font-size:23px}.flow-header .brand-mark{width:31px;height:31px}.flow-header nav{gap:17px}.flow-header nav button{font-size:13px}.flow-header nav button span{display:inline;font-size:12px}.flow-main{padding:0 18px}.workflow-bar{padding:9px 0;justify-content:center}.workflow-saved{display:none}.workflow>span{gap:8px}.workflow button{font-size:13px;min-height:34px;padding:8px 11px;gap:7px}.workflow button>span{font-size:12px}.stage-heading{padding:28px 0 22px;display:block}.stage-heading .eyebrow{font-size:12px;letter-spacing:1px}.stage-heading h1,.welcome-heading h1{font-size:40px;letter-spacing:-1.8px;margin:14px 0 13px}.stage-heading p{font-size:13px;line-height:1.8;max-width:315px}.stage-action{min-width:0;gap:0}.stage-action>.primary-cta{position:fixed;z-index:12;bottom:max(15px,env(safe-area-inset-bottom));left:18px;right:18px;width:calc(100% - 36px);min-height:56px;box-shadow:0 0 0 10px #1c1c1ced,0 10px 24px #1119;font-size:16px;justify-content:center}.stage-action>.primary-cta>svg:last-child{margin-left:auto}.stage-action>span{display:none}.resume-pattern{margin-top:15px;justify-content:flex-start;font-size:12px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mood-image{aspect-ratio:1.3}.mood-copy{padding:12px;min-height:121px}.mood-copy>span{font-size:12px;margin-bottom:7px}.mood-copy h2{font-size:16px;letter-spacing:-.3px;margin-bottom:6px;line-height:1.4}.mood-copy p{font-size:12px;line-height:1.7}.mood-check{right:8px;top:8px;width:25px;height:25px}.explore-instructions{flex-wrap:wrap;gap:8px;margin-top:20px}.explore-instructions p{font-size:12px}.explore-instructions>span{font-size:12px}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px}.results-heading{padding:15px 0;gap:7px}.results-heading>div{gap:7px;flex-wrap:wrap}.results-count{font-size:12px;letter-spacing:.7px}.mood-pill{font-size:12px;padding:4px 7px}.results-heading .quiet-link{font-size:12px;white-space:nowrap}.candidate-number{left:8px;top:8px;font-size:12px;padding:4px 6px}.candidate-open{right:8px;bottom:8px;width:24px;height:24px}.candidate-name{padding:11px 10px 9px}.candidate-name h3{font-size:13px}.candidate-name>span{font-size:12px}.refine-card-button{margin:0 8px;width:calc(100% - 16px);font-size:12px;padding:9px}.candidate-actions{padding:9px 9px 0;gap:3px}.candidate-actions button{font-size:12px;gap:3px;min-height:29px}.candidate-actions button svg{width:11px}.results-help{font-size:12px;gap:4px;flex-wrap:wrap}.compact-heading{padding:23px 0}.compact-heading h1{font-size:36px}.back-link{font-size:12px;margin-bottom:15px}.refine-layout{grid-template-columns:1fr;gap:18px}.refine-preview{top:5px;z-index:5;box-shadow:0 8px 20px #12170fd9}.refine-preview-toolbar{padding:5px 11px}.refine-preview-toolbar>span{font-size:12px}.preview-surface{max-width:32dvh}.refine-preview-caption{padding:10px 12px;gap:8px}.refine-preview-caption h2{font-size:15px;letter-spacing:-.2px}.refine-preview-caption>div>span{font-size:12px;margin-top:3px}.keep-pattern{font-size:12px;padding:7px 0}.simple-controls{padding:22px}.simple-controls-heading h2{font-size:17px}.simple-palette .swatch-strip{height:33px}.simple-palette .palette-option>span:last-child{font-size:12px}.simple-slider{margin-top:23px;font-size:15px}.simple-slider input[type=range]{margin-top:18px;margin-bottom:12px}.simple-slider input[type=range]::-webkit-slider-thumb{width:15px;height:15px}.simple-slider-ends,.more-like-panel p{font-size:12px}.more-like-panel .secondary-action{font-size:14px;padding:12px}.refine-utilities .quiet-link,.fresh-direction{font-size:13px}.advanced-toggle{padding:17px 14px;gap:9px}.advanced-toggle>span{gap:9px}.advanced-toggle strong{font-size:14px}.advanced-toggle small{font-size:12px;max-width:210px}.advanced-toggle>span:last-child{font-size:12px}.advanced-studio #advanced-content{padding:0 12px 15px}.advanced-studio .family-choice>span:not(.family-symbol){font-size:12px}.advanced-studio .family-choice small{font-size:12px}.custom-inks>span{font-size:12px;margin-right:6px}.advanced-global{gap:24px}.advanced-actions{flex-wrap:wrap}.advanced-actions .secondary-action{font-size:12px;gap:7px;padding:8px 11px}.advanced-actions p{font-size:12px;margin:0}.advanced-studio .composer-proof{top:5px;z-index:6}.advanced-studio .composer-layer{padding:14px}.advanced-studio .composer-heading{gap:8px;flex-wrap:wrap}.advanced-studio .composer-heading .recipe-heading h2{font-size:18px}.export-panel{padding:24px}.export-panel .eyebrow{font-size:12px}.export-panel h2{font-size:25px}.export-panel>p{font-size:14px}.export-recipe p,.export-panel .secondary-action{font-size:13px}.library-toolbar{flex-wrap:wrap;gap:15px}.library-filters button{font-size:13px;padding:8px 12px}.library-tools{gap:22px}.library-tools button,.library-note{font-size:12px}.library-empty{padding:24px 17px}.library-empty h2{font-size:22px}.library-empty p{font-size:13px}.flow-footer{padding:22px 0 15px;margin-top:28px;gap:15px;flex-wrap:nowrap}.flow-footer>span{font-size:12px;letter-spacing:.6px}.flow-footer>button{font-size:12px;flex-basis:auto}.flow-app .toast{bottom:90px;font-size:12px;padding:11px 13px;max-width:calc(100vw - 36px)}.recipe-dialog-content{padding:25px 17px}.recipe-dialog-content>h2{font-size:23px}.full-json,.math-summary{font-size:12px}.recipe-dialog-actions{gap:8px}.recipe-dialog-actions .secondary-action{font-size:12px;padding:9px}.recipe-dialog-content .recipe-tabs button{font-size:13px}}@media(prefers-reduced-motion:reduce){.primary-cta:hover,.mood-card:hover{transform:none}}.auto-look-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 18px}.auto-look-header h2{font-family:Manrope,sans-serif;font-size:23px;font-weight:450;letter-spacing:-.8px;margin:8px 0 0}.auto-surprise{display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid #4e6140;border-radius:4px;font-size:14px;background:#2c3725;color:#bfd5ae}.auto-surprise.selected{border-color:var(--mint);color:var(--mint)}.auto-look-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 15px}.auto-look-card{min-width:0;border:1px solid #3a4830;border-radius:5px;overflow:hidden;text-align:left;padding:0 0 14px;background:#242c20}.auto-look-card.selected{outline:1px solid var(--mint);border-color:var(--mint)}.auto-look-card>div{position:relative;aspect-ratio:1.9;overflow:hidden}.auto-look-card>div>span{position:absolute;top:10px;right:10px;background:var(--mint);color:#183821;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.auto-look-card strong{font-size:15px;font-weight:500;display:block;padding:13px 13px 5px}.auto-look-card small{font-size:12px;color:#93aa80;line-height:1.7;display:block;padding:0 13px;min-height:30px}.auto-look-card:hover{border-color:#8bc779;color:#e2edd9}.auto-color-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:23px;margin-top:23px;background:#242d20;border:1px solid #3e5033;border-radius:5px;align-items:center}.auto-select{display:block;font-size:14px}.auto-select select{display:block;width:100%;margin-top:9px;padding:9px 11px;font-size:14px;background:#202a1b;border:1px solid #546b44;border-radius:3px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;height:40px}.auto-select>small{display:block;color:#8ea17d;font-size:12px;line-height:1.7;margin-top:7px}.auto-color-section p{font-size:14px;line-height:1.9;color:#a0b48f;margin:0}.auto-tuning{border:1px solid #3b4c31;border-radius:5px;margin-top:15px;background:#222a1e}.auto-tuning>summary{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;cursor:pointer;font-size:14px;list-style:none}.auto-tuning>summary small{margin-left:13px;color:#8d9f7e;font-size:12px}.auto-tuning>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 33px;padding:0 22px 22px}.auto-tuning>p{font-size:12px;color:#8fa87e;margin:0 22px 18px;line-height:1.7}.auto-count{display:flex;gap:8px;align-items:center;font-size:12px;color:#9cb78a;margin-top:20px}.auto-count>svg{color:var(--mint)}.auto-editor .auto-select{margin-top:19px}.auto-palette-proof{display:flex;align-items:center;gap:10px;margin-top:13px}.auto-palette-proof>div{display:flex;flex:1;overflow:hidden;border-radius:3px;height:27px}.auto-palette-proof>div>span{flex:1}.auto-palette-proof .quiet-link{font-size:12px;white-space:nowrap}.auto-variety-note{font-size:12px;line-height:1.7;color:#91a97f;margin:14px 0 0}.auto-look-card .pattern[aria-busy=true]:after{content:"Drawing…";display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;background:#273222;color:#adc89b;font-size:12px}@media(max-width:740px){.auto-look-header h2{font-size:21px}.auto-surprise{font-size:13px;padding:10px}.auto-look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auto-look-card>div{aspect-ratio:1.4}.auto-look-card strong{font-size:13px;padding:11px 10px 5px}.auto-look-card small{font-size:12px;padding:0 10px;min-height:40px}.auto-color-section{grid-template-columns:1fr;gap:15px;padding:18px;margin-top:19px}.auto-color-section p{font-size:12px}.auto-select,.auto-select select{font-size:14px}.auto-tuning>summary{padding:16px;font-size:13px}.auto-tuning>summary small{font-size:12px;display:block;margin:5px 0 0}.auto-tuning>div{grid-template-columns:1fr;gap:0;padding:0 18px 22px}.auto-tuning>p{margin:0 18px 18px;font-size:12px}.auto-count{font-size:12px;line-height:1.6}.auto-editor .simple-slider,.auto-editor .auto-select{margin-top:20px}}.auto-generate{margin:24px 0 0 auto}@media(max-width:650px){.auto-generate{display:none}}.candidate-mix{color:#b1c4a1;font-size:12px;line-height:1.55;margin:7px 0 0;min-height:31px}.mix-overview{padding:13px 14px;margin:0 0 21px;background:#2c3828;border:1px solid #42573a;border-radius:4px}.mix-overview strong{display:flex;gap:8px;align-items:center;color:#c7e3b6;font-size:13px;font-weight:500}.mix-overview strong svg{color:var(--mint)}.mix-overview p{font-size:13px;line-height:1.65;margin:9px 0;color:#ccd9c1}.mix-overview>span{font-size:12px;line-height:1.7;display:block;color:#9bac8d}.mix-recipe{border-top:1px solid #47523e;margin-top:22px;padding-top:14px}.mix-recipe ol{padding-left:22px}.mix-recipe li{margin:19px 0;padding-left:5px}.mix-recipe li::marker{color:var(--mint);font-size:14px}.mix-recipe strong{font-size:14px;font-weight:500;color:#dbebcf}.mix-recipe code{display:block;overflow-wrap:anywhere}.custom-picker,.palette-chooser{min-width:0}.picker-label{display:block;margin-bottom:9px;font-size:13px;color:#cedcc3}.picker-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#202c1b;border:1px solid #526546;border-radius:4px;text-align:left;color:#e1ead9;font-size:14px}.picker-trigger>span:first-child{min-width:0;overflow-wrap:anywhere}.picker-trigger>svg{flex-shrink:0}.picker-trigger:hover,.picker-trigger[aria-expanded=true]{border-color:var(--mint);background:#293824}.picker-trigger:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.picker-popover{position:fixed;z-index:100;padding:5px;border:1px solid #668356;background:#263321;border-radius:5px;box-shadow:0 10px 35px #0008;overflow-y:auto;overscroll-behavior:contain}.picker-option{display:flex;justify-content:space-between;gap:14px;padding:11px 10px;font-size:14px;color:#dce8d3;border-radius:3px;cursor:pointer}.picker-option small{display:block;font-size:12px;color:#abbf9b;line-height:1.6;margin-top:4px}.picker-option.active{background:#3b5031}.picker-option[aria-selected=true]{color:var(--mint)}.picker-option>svg{flex-shrink:0;margin-top:1px}.auto-editor>.custom-picker,.auto-editor>.palette-chooser{margin-bottom:21px}.palette-chooser>small{display:block;color:#a5b896;font-size:12px;line-height:1.6;margin-top:9px}.palette-trigger{display:grid;grid-template-columns:1fr auto;padding:12px}.palette-trigger .picker-swatches{grid-column:1 / -1;height:17px}.picker-swatches{display:flex;overflow:hidden;border-radius:3px;height:45px;width:100%}.picker-swatches>i{flex:1 1 0;min-width:0}.palette-provenance{color:#acbd9e;font-size:12px;line-height:1.5;margin:-8px 0 20px}.palette-dialog{width:min(960px,calc(100vw - 32px));max-width:960px;height:min(820px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;color:#e2ecd8;border:1px solid #5a704b;border-radius:7px;background:#20291d;overflow:hidden}.palette-browser{height:100%;display:flex;flex-direction:column;min-height:0}.palette-browser>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:25px 26px 14px}.palette-browser h2{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;margin:10px 0;font-weight:500}.palette-browser header p{font-size:13px;color:#aabc9b;margin:0;line-height:1.6}.palette-browser header .eyebrow{font-size:12px;color:#a1b68e}.palette-search{display:flex;align-items:center;gap:10px;margin:0 26px 13px;padding:11px 12px;border:1px solid #59734a;border-radius:4px;background:#192215;color:#97b382}.palette-search:focus-within{border-color:var(--mint)}.palette-search input{width:100%;border:0;background:transparent;color:#e2ecd8;outline:none;font:inherit;font-size:14px}.palette-search input::placeholder{color:#8d9d80}.palette-source-filters{display:flex;flex-wrap:wrap;gap:7px;padding:0 26px 17px;border-bottom:1px solid #3d4f32}.palette-source-filters button{display:flex;align-items:center;gap:9px;font-size:13px;padding:8px 10px;border:1px solid #465a3b;border-radius:4px;color:#b9caaa}.palette-source-filters button.selected{color:#e6f2dc;border-color:var(--mint);background:#31462a}.palette-source-filters button>span{color:#819b71;font-size:12px}.palette-scroll{padding:19px 26px 24px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1}.palette-random-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:22px}.palette-random-options button{border:1px solid #506c42;border-radius:4px;display:flex;align-items:center;gap:10px;padding:12px;color:#d5e8c7;text-align:left;background:#2c3e24;font-size:13px}.palette-random-options button>svg{flex-shrink:0;color:var(--mint)}.palette-random-options button small{display:block;color:#9eb88b;font-size:12px;line-height:1.7;margin-top:5px}.palette-random-options button[aria-pressed=true]{border-color:var(--mint)}.palette-browser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.palette-browser-card{padding:10px;border:1px solid #435737;border-radius:4px;background:#263420;text-align:left;min-width:0}.palette-browser-card:hover{border-color:#8dac77;background:#304629}.palette-browser-card[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.palette-browser-card strong{display:flex;align-items:center;justify-content:space-between;font-weight:450;font-size:13px;margin:10px 0 5px;line-height:1.5;overflow-wrap:anywhere}.palette-browser-card strong svg{color:var(--mint);flex-shrink:0}.palette-browser-card small{font-size:12px;color:#94aa82}.palette-more{margin:22px auto 0}.palette-empty{font-size:14px;color:#b2c6a2;padding:30px 0;text-align:center}.palette-browser>footer{padding:13px 26px;border-top:1px solid #435438;color:#9db18e;font-size:12px;line-height:1.8;flex-shrink:0}.palette-browser>footer a{color:#bcdbac;text-decoration:underline;margin-left:7px}.layer-editor-fields .picker-label,.layer-ink-controls .picker-label{font-size:12px}.layer-ink-controls>.custom-picker{min-width:110px}.advanced-global>.custom-picker{width:100%}@media(max-width:650px){.palette-dialog{width:calc(100vw - 18px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.palette-browser>header{padding:19px 16px 13px}.palette-browser h2{font-size:27px}.palette-search{margin:0 16px 12px}.palette-search input{font-size:16px}.palette-source-filters{padding:0 16px 14px;gap:6px}.palette-source-filters button{font-size:12px;padding:8px}.palette-scroll{padding:16px}.palette-random-options{grid-template-columns:1fr}.palette-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.palette-browser-card{padding:8px}.palette-browser-card .picker-swatches{height:43px}.palette-browser>footer{padding:10px 16px}.picker-trigger{min-height:44px}}input[type=range],.simple-slider input[type=range],.layer-slider-grid input[type=range]{height:44px;margin:4px 0;background-size:100% 6px;background-repeat:no-repeat;background-position:center;border-radius:6px;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:44px;background:transparent}input[type=range]::-webkit-slider-thumb,.simple-slider input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:10px}input[type=range]::-moz-range-track{height:6px;background:transparent}input[type=range]::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px}input[type=range]:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.simple-slider-ends{gap:12px}.simple-slider-ends>span:last-child{text-align:right}.simple-slider,.auto-editor .simple-slider{display:flex;flex-direction:column;gap:0;margin-top:28px}.simple-slider>span:first-child{line-height:1.25}.simple-slider input[type=range]{display:block;flex:none;margin:0}.simple-slider .simple-slider-ends{line-height:1.25}.motif-picker{border:0;padding:0;margin:24px 0;min-width:0}.motif-picker legend{font-size:15px;font-weight:600;margin-bottom:12px}.motif-picker>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.motif-picker button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px;padding:10px 4px;border:1px solid #526149;border-radius:8px;background:#263321;color:#dce6d4;font-size:13px}.motif-picker button[aria-pressed=true]{border-color:var(--mint);background:#344b36;box-shadow:inset 0 0 0 1px var(--mint)}.motif-picker button:hover{background:#3b4a32}.motif-picker svg{width:30px;height:30px}.auto-editor .motif-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.motif-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}}.motif-picker .motif-picker-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.motif-picker .motif-picker-actions button{flex-direction:row;min-height:44px;padding:10px 12px}.motif-picker-actions button:first-child{flex:1}.motif-picker-actions svg{width:16px;height:16px}.motif-picker-actions span{color:var(--mint)}.motif-selection-summary{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.motif-loading-notice{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;padding:12px 20px;background:#263321;color:#e8f3e0;border:1px solid var(--mint);border-radius:8px}.motif-dialog{padding:0;border:1px solid #526149;border-radius:14px;width:min(960px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:#202c1d;color:#e5eddc}.motif-dialog::backdrop{background:#0c130bba;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.motif-browser{display:flex;flex-direction:column;max-height:calc(100dvh - 36px)}.motif-browser header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 12px}.motif-browser h2{font-size:28px;margin:0}.motif-browser header p{font-size:14px;color:#b8c6ae;line-height:1.5;margin-bottom:0}.motif-browser .palette-search{flex-shrink:0;margin:8px 24px}.motif-filters{display:flex;gap:8px;overflow:auto;flex-shrink:0;padding:10px 24px}.motif-filters button{white-space:nowrap;padding:10px 14px;min-height:44px;background:#303f29;color:#dce6d4;border:1px solid #526149;border-radius:20px;font-size:13px}.motif-filters button[aria-pressed=true]{background:var(--mint);color:#17251c}.motif-gallery{overflow:auto;min-height:150px;padding:16px 24px}.motif-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.motif-gallery-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;background:#293723;border:1px solid #4a5b42;border-radius:8px;padding:14px 8px;min-height:130px;color:#e0e9d7;font-size:13px}.motif-gallery-card[aria-pressed=true]{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint);background:#364c34}.motif-gallery-card:disabled{opacity:.5}.motif-gallery-card svg,.motif-placeholder{width:54px;height:54px}.motif-gallery-card>svg:last-child:not(:first-child){position:absolute;right:6px;top:6px;width:16px;height:16px}.motif-gallery-card span{overflow-wrap:anywhere;text-align:center}.motif-browser footer{display:flex;flex-direction:column;gap:12px;padding:16px 24px;border-top:1px solid #526149;flex-shrink:0;font-size:14px}.motif-browser footer>span{display:flex;justify-content:space-between}.motif-browser footer>span button{color:#b8c6ae;background:none;border:0;text-decoration:underline}.motif-browser footer>div{display:flex;justify-content:space-between;gap:12px}.motif-browser footer .primary-action{padding:12px 20px;background:var(--mint);color:#152e28;border:0;border-radius:6px;font-size:15px;font-weight:600}@media(max-width:600px){.motif-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.motif-browser header,.motif-gallery,.motif-browser footer{padding:14px}.motif-browser h2{font-size:23px}.motif-browser .palette-search{margin:8px 14px}.motif-filters{padding:8px 14px}.motif-browser footer>div{flex-direction:column}.motif-gallery-card{min-height:118px;font-size:12px}.motif-browser .secondary-action{justify-content:center}}.export-controls fieldset{border:0;padding:0;margin:22px 0;min-width:0}.export-controls legend{font-size:15px;font-weight:600;margin-bottom:10px}.export-options{display:flex;flex-wrap:wrap;gap:8px}.export-options button{flex:1;min-height:44px;padding:10px 12px;border:1px solid #58644e;border-radius:6px;color:#dfe7d7;background:#2e3b27;font-size:14px}.export-options button[aria-pressed=true]{border-color:var(--mint);color:#132b24;background:var(--mint)}.export-controls button:disabled{opacity:.5;cursor:not-allowed}.export-dimensions{display:flex;align-items:center;gap:12px}.export-dimensions label{flex:1;min-width:0;font-size:14px}.export-dimensions input{display:block;width:100%;min-width:0;min-height:44px;margin-top:8px;padding:10px;font-size:16px;border:1px solid #58644e;border-radius:6px;background:#202c1d;color:#e5eddc}.export-controls fieldset p{font-size:13px;line-height:1.6;color:#afc1a2;margin:10px 0 0}.export-controls .export-error{color:#ffc2ae;font-size:14px}.preview-surface.export-surface{max-width:calc((100dvh - 280px) * var(--export-scale))}@media(max-width:740px){.preview-surface.export-surface{max-width:calc(20dvh * var(--export-scale))}}.motif-help{position:relative;display:inline-flex;margin-left:6px;vertical-align:middle}.motif-picker .motif-help-button{min-height:32px;width:32px;padding:7px;border:0;background:transparent;color:#b8c6ae}.motif-picker .motif-help-button svg{width:17px;height:17px}.motif-help-button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.motif-help-text{position:absolute;top:calc(100% + 6px);left:-60px;z-index:10;box-sizing:border-box;width:min(260px,calc(100vw - 64px));padding:12px 14px;border:1px solid #526149;border-radius:8px;background:#263321;color:#dce6d4;box-shadow:0 8px 24px #0004;font-size:13px;font-weight:400;line-height:1.5}.transform-preview{position:relative;width:100%;height:100%}.transform-preview>.pattern{width:100%;height:100%}.transform-active>.pattern{cursor:grab;touch-action:none}.transform-active:active>.pattern{cursor:grabbing}.transform-trigger{position:static;display:flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid #9bb18a;border-radius:8px;background:#242a20ed;color:#e4eedc;box-shadow:0 2px 12px #0004}.transform-panel{position:fixed;z-index:1500;width:min(280px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;box-sizing:border-box;padding:16px;background:#242a20;border:1px solid #607152;border-radius:12px;color:#dce6d4;box-shadow:0 10px 40px #0007}.transform-panel header{display:flex;align-items:center;justify-content:space-between}.transform-panel header button{display:grid;place-items:center;width:32px;height:32px}.transform-tabs{display:flex;gap:6px;margin:10px 0 14px}.transform-tabs button{flex:1;padding:9px;border:1px solid #526149;border-radius:6px}.transform-tabs button[aria-pressed=true]{background:#344b36;border-color:var(--mint)}.transform-tabs button:disabled{opacity:.4;cursor:not-allowed}.transform-angle{display:flex;align-items:center;gap:20px}.rotation-dial{position:relative;flex:none;width:68px;height:68px;border:2px solid #738365;border-radius:50%;background:#303d29;touch-action:none;cursor:crosshair}.rotation-dial>span{position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none}.rotation-dial>span:before{content:"";position:absolute;top:0;left:calc(50% - 3px);height:23px;width:6px;background:var(--mint);border-radius:4px}.transform-angle label{display:grid;gap:5px;font-size:13px}.transform-angle label span{display:flex;align-items:center;gap:6px}.transform-angle input{width:68px;padding:7px;border:1px solid #607152;border-radius:5px;background:#182014;color:#e4eedc;font-size:16px}.transform-panel .simple-slider{margin-top:18px}.transform-panel footer{display:grid;gap:12px;margin-top:16px;font-size:12px;line-height:1.5;color:#adbea1}.transform-panel footer button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid #607152;border-radius:6px;font-size:13px}.transform-panel :focus-visible,.transform-trigger:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.preview-caption-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex-shrink:0}@media(max-width:480px){.refine-preview-caption{flex-wrap:wrap}.preview-caption-actions{width:100%}}.generation-steps{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 28px}.generation-steps button,.generation-steps>span{padding:10px 14px;border:1px solid transparent;border-radius:30px;background:transparent;color:inherit;font-size:14px}.generation-steps button[aria-current=step]{border-color:var(--mint);color:var(--mint)}.generation-steps button:disabled,.generation-steps>span{opacity:.5}.generation-panel{scroll-margin-top:24px}.generation-panel:focus{outline:none}.generation-panel>h2{font-size:clamp(28px,4vw,42px);margin-bottom:12px}.generation-panel>p{margin-bottom:24px}.generation-actions{position:sticky;bottom:0;z-index:5;display:flex;gap:16px;align-items:center;padding:18px 0;margin-top:24px;background:#20291d;border-top:1px solid #435737}.generation-actions>span{flex:1;font-size:14px;color:#b7c9aa}.generation-actions .primary-cta{margin-left:auto}.inline-palettes .palette-browser{height:auto}.inline-palettes .palette-browser>header{padding:0 0 18px}.inline-palettes .palette-browser h2{font-size:clamp(28px,4vw,42px)}.inline-palettes .palette-scroll{overflow:visible;padding:20px 0 0}.inline-palettes .palette-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inline-palettes .palette-browser-card .picker-swatches{height:70px}.inline-palettes .palette-browser-card strong{font-size:15px}@media(max-width:700px){.inline-palettes .palette-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generation-actions{flex-wrap:wrap;gap:10px}.generation-actions>span{flex-basis:100%;order:-1}.generation-actions .primary-cta{font-size:15px;padding:16px}.generation-steps{gap:0}.generation-steps button,.generation-steps>span{padding:10px;font-size:13px}}