:root{--paper:#fff9fb;--surface:#fffdfd;--ink:#594650;--muted:#8b737f;--accent:#a34d70;--accent-deep:#823b59;--soft:#fae7ef;--line:#ead7df;--theme-paper:url('assets/paper-cherry.jpg');--shadow:0 8px 32px #794c6210;font-family:"SF Pro Rounded","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
:root[data-theme="strawberry"]{--accent:#a44776;--accent-deep:#84345d;--soft:#fbe2ef;--line:#edd1e0;--theme-paper:url('assets/paper-strawberry.jpg')}
:root[data-theme="pink"]{--accent:#a34d78;--accent-deep:#823b61;--soft:#fce7f2;--line:#ecd6e2;--theme-paper:url('assets/paper-pink.jpg')}
:root[data-theme="mint"]{--accent:#3f7778;--accent-deep:#2c5b5c;--soft:#e4f5f1;--line:#cfe4df;--paper:#f7fcfb;--ink:#435b5c;--muted:#687e7d;--theme-paper:url('assets/paper-mint.jpg')}
:root[data-theme="monochrome"]{--accent:#514b53;--accent-deep:#302c32;--soft:#efedef;--line:#ded9df;--paper:#faf9fa;--ink:#413b43;--muted:#7c747d;--theme-paper:url('assets/paper-monochrome.jpg')}
*{box-sizing:border-box}body{margin:0;line-height:1.6;background-color:var(--paper);background-image:linear-gradient(#fff5,#fff5),var(--theme-paper);background-size:cover;background-position:center top;background-attachment:fixed}button,input{font:inherit}button,label.drop{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);transition:background .18s,border-color .18s,transform .18s;padding:8px 12px}button:hover:not(:disabled){background:var(--soft);border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.43;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,label:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input{accent-color:var(--accent)}button .icon{pointer-events:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}h1,h2,p{margin:0}p{color:var(--muted)}[hidden]{display:none!important}
.site-header{position:relative;background:#fffdfdf2;border-bottom:1px solid var(--line)}.header-inner{max-width:1424px;margin:auto;padding:19px 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:1px;line-height:1.3}.brand small{display:block;font-size:8px;font-weight:550;letter-spacing:1.7px;margin-top:6px;color:var(--muted)}.logo{display:flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid var(--line);width:45px;height:45px;border-radius:15px;color:var(--accent);transform:rotate(-5deg)}.logo .icon{width:26px;height:26px}.header-caption{color:var(--muted);font-size:12px;letter-spacing:2px}.privacy{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--accent);background:var(--soft);padding:8px 12px;border-radius:20px}.privacy .icon{width:14px;height:14px}
main{max-width:1424px;margin:auto;padding:0 44px}.intro{min-height:286px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 24px 27px 12px}.intro-copy{position:relative}.eyebrow{font-size:11px;color:var(--accent);display:flex;align-items:center;gap:9px;letter-spacing:2px}.eyebrow span{height:1px;width:19px;background:var(--accent);opacity:.6}h1{font-size:36px;line-height:1.45;font-weight:750;letter-spacing:1px;margin:12px 0;position:relative;display:inline-block}h1>span{color:var(--accent)}.title-heart{width:28px;height:28px;fill:var(--soft);stroke:var(--accent);stroke-width:1.4;margin-left:12px;transform:rotate(15deg)}.intro p{font-size:13px}.feature-tags{display:flex;align-items:center;gap:11px;margin-top:15px;color:var(--muted);font-size:11px}.feature-tags i{font-style:normal;color:var(--accent);font-size:15px}.hero-art{height:230px;width:340px;position:relative;flex-shrink:0;isolation:isolate}.hero-sheet{position:absolute;left:28px;top:5px;transform:rotate(-8deg);width:202px;height:202px;border:6px solid white;box-shadow:0 5px 18px #78596c22;background:white}.hero-sheet img{width:100%;height:100%;object-fit:cover}.hero-sheet:before{content:"";width:68px;height:23px;background:#fff9f1a6;border:1px solid #d8c7bd77;position:absolute;left:60px;top:-14px;transform:rotate(6deg);box-shadow:0 1px 3px #77553b09}.sheet-caption{position:absolute;inset:36px 22px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;color:#906b7c;line-height:1.5;font-style:italic;font-size:15px}.sheet-caption b{font-weight:400}.sheet-caption .icon{margin-top:7px;width:20px}.hero-note{position:absolute;right:7px;bottom:23px;transform:rotate(8deg);padding:25px 24px;color:#8c6e79;border:1px solid #e9d7c8;background:#fff7e9;box-shadow:0 6px 12px #73566c12;font-size:13px;letter-spacing:2px;line-height:1.9}.hero-note:before{content:"";position:absolute;width:44px;height:15px;left:40px;top:-7px;background:#d8e6d49c;transform:rotate(-8deg)}.art-spark{position:absolute;color:var(--accent);font-size:29px;z-index:2}.spark-one{top:5px;right:58px}.spark-two{bottom:6px;left:5px;font-size:20px}
.theme-shelf{display:flex;align-items:center;gap:23px;border:1px solid var(--line);background:#fffdfdf2;box-shadow:var(--shadow);border-radius:15px;padding:13px 20px;margin-bottom:20px}.theme-label{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:12px;font-weight:600}.theme-label>.icon{width:24px;height:24px;color:var(--accent);fill:var(--soft)}.theme-label small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}.theme-options{display:flex;align-items:center;gap:8px;min-width:0}.theme-choice{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap;padding:5px 10px 5px 5px;border-color:transparent;background:transparent;position:relative}.theme-choice img{width:33px;height:36px;object-fit:cover;border-radius:5px;border:1px solid #0000000d}.theme-choice b{display:none;width:13px;height:13px;border-radius:50%;background:var(--accent);color:white;position:absolute;left:26px;bottom:3px;font-size:8px;align-items:center;justify-content:center}.theme-choice.selected{background:var(--soft);border-color:var(--line);color:var(--accent)}.theme-choice.selected b{display:flex}.theme-footnote{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}
.workspace{display:grid;grid-template-columns:306px minmax(0,1fr);border:1px solid var(--line);border-radius:19px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}aside{background:linear-gradient(#fffcfdf2,#fffafcf2);border-right:1px solid var(--line);padding:25px 22px 20px}.step{display:flex;align-items:center;gap:9px;font-size:13px;line-height:26px;margin-bottom:15px}.step>span{width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:12px;color:var(--accent);border-radius:8px;background:var(--soft);font-style:italic}.step b{font-weight:650;letter-spacing:.4px}.step>.icon{margin-left:auto;width:15px;height:15px;color:var(--accent);transform:rotate(12deg)}.drop{display:flex;align-items:center;justify-content:center;cursor:pointer;height:176px;border:1px solid #f0d7e6;border-radius:12px;background:#fff5fa url('assets/paper-pink.jpg') center center/cover;position:relative;isolation:isolate;overflow:hidden;transition:box-shadow .18s}.drop:after{content:"";position:absolute;inset:7px;border:1px dashed #c996ae77;border-radius:8px;z-index:-1}.drop.drag{box-shadow:inset 0 0 0 3px var(--accent)}.drop input{display:none}.drop-inner{display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center;margin-top:3px;color:#9b4c73}.upload-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px}.drop strong{font-size:12px;font-weight:650}.drop small{font-size:9px;color:#9b7587}.textbtn{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:var(--accent);padding:10px 0 2px;margin:auto;background:transparent;border:0}.textbtn .icon{width:15px;height:15px}.textbtn:hover:not(:disabled){background:transparent;text-decoration:underline}.fileinfo{font-size:10px;color:var(--muted);text-align:center;overflow-wrap:anywhere;margin-top:6px}.fileinfo:empty{display:none}.divider{display:flex;align-items:center;gap:9px;color:var(--line);margin:17px 0;font-size:13px}.divider:before,.divider:after{content:"";flex:1;border-top:1px dashed var(--line)}.mode-options{display:flex;flex-direction:column;gap:7px}.option{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:white}.option:has(input:checked){background:var(--soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.option input{margin:4px 0 0;width:13px;height:13px;flex-shrink:0}.option b{font-size:11px;font-weight:650;display:flex;gap:6px;align-items:center}.option small{display:block;font-size:9px;color:var(--muted);margin-top:3px;line-height:1.6}.option em{font-style:normal;font-size:8px;line-height:1.5;padding:1px 5px;border:1px solid var(--line);border-radius:4px;background:#fff9;font-weight:400;color:var(--accent)}.flatsettings{padding:1px 2px 0}.slider{display:block;font-size:11px;font-weight:550;margin:16px 0 6px}.slider output{float:right;padding:0 6px;border:1px solid var(--line);border-radius:4px;font-size:10px;color:var(--accent);background:white;font-weight:400}.slider input{display:block;width:100%;height:4px;margin:14px 0;cursor:pointer}.slider input:disabled{cursor:not-allowed;opacity:.45}.muted{font-size:10px;color:var(--muted);line-height:1.8;font-weight:400}.check{display:flex;align-items:center;gap:5px;font-size:10px;margin:12px 0;color:var(--muted)}.check input{width:12px;height:12px;margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:10px;padding:11px 16px;font-size:12px;font-weight:550;box-shadow:0 3px 0 var(--accent-deep);line-height:1.5}.primary:hover:not(:disabled){color:white;background:var(--accent-deep);border-color:var(--accent-deep)}.primary:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.primary:disabled{opacity:1;background:var(--soft);border-color:var(--line);color:var(--muted);box-shadow:0 2px 0 var(--line)}.primary .icon{width:16px;height:16px}.run-button{width:100%;margin-top:10px;padding:12px}.run-button .button-arrow{margin-left:auto;width:14px}.run-button>.icon:first-child{margin-right:2px}.status{font-size:10px;color:var(--accent);line-height:1.8;margin-top:13px;overflow-wrap:anywhere;min-height:20px}.status.busy:before{content:"";display:inline-block;vertical-align:middle;width:9px;height:9px;border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin-right:6px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.adjustments summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none}.adjustments summary::-webkit-details-marker{display:none}.adjustments .step{margin:0}.expand-icon{color:var(--accent);font-size:17px;font-weight:300;transition:transform .2s}.adjustments[open] .expand-icon{transform:rotate(45deg)}.adjustment-content{padding:0 2px 3px}.note{display:flex;align-items:flex-start;gap:7px;font-size:10px;border:1px dashed var(--line);padding:11px 9px;border-radius:8px;background:var(--paper);margin-top:18px;line-height:1.8}.note>.icon{width:14px;height:14px;margin-top:2px;color:var(--accent)}
.editor{padding:22px 26px 24px;min-width:0}.editor-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;letter-spacing:1.5px;color:var(--muted);border-bottom:1px dashed var(--line);padding-bottom:17px;margin-bottom:18px}.editor-label>.icon{width:12px;height:12px;color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tabs{display:flex;gap:3px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.tabs button{border-color:transparent;background:transparent;font-size:11px;padding:6px 13px;color:var(--muted);border-radius:7px}.tabs button.active{background:white;border-color:var(--line);color:var(--accent);box-shadow:0 2px 4px #79536808;font-weight:600}.bgpicker{display:flex;gap:8px;align-items:center}.bgpicker>span{font-size:10px;color:var(--muted);margin-right:2px}.swatch{width:18px;height:18px;min-width:18px;padding:0;border-radius:50%;border:1px solid #c8bdc4}.swatch.selected{outline:1px solid var(--accent);outline-offset:3px}.checker{background-color:#fff;background-image:linear-gradient(45deg,#ece9ec 25%,transparent 25%),linear-gradient(-45deg,#ece9ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ece9ec 75%),linear-gradient(-45deg,transparent 75%,#ece9ec 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.white{background:white}.dark{background:#3d3540}.stage{height:398px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.stage:has(#empty:not([hidden])){background:#fffcfd;background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:14px 14px}.empty{display:flex;align-items:center;justify-content:center;gap:29px;width:100%;height:100%;padding:28px}.empty-art{position:relative;width:210px;height:240px;flex-shrink:0}.mini-paper{position:absolute;border:5px solid white;box-shadow:0 4px 14px #79536b1f;background:white}.mini-paper img{width:100%;height:100%;display:block;object-fit:cover}.mini-paper-back{width:155px;height:155px;left:6px;top:28px;transform:rotate(-13deg)}.mini-paper-front{width:166px;height:166px;left:41px;top:64px;transform:rotate(9deg)}.mini-paper-front:before{content:"";position:absolute;left:55px;top:-11px;width:45px;height:18px;background:#d7e5cebb;transform:rotate(-7deg);border-left:2px dotted #b0c1a980;border-right:2px dotted #b0c1a980}.png-sticker{position:absolute;inset:39px 28px 38px;display:flex;align-items:center;justify-content:center;gap:3px;font-family:Georgia,serif;font-weight:600;font-size:23px;color:#bd7397;transform:rotate(-8deg);text-shadow:2px 2px 0 white}.png-sticker .icon{width:15px;height:15px;fill:#f9dfec;stroke:#bd7397}.mini-spark{position:absolute;right:4px;top:15px;font-size:31px;color:var(--accent)}.empty-kicker{font-family:Georgia,serif;font-style:italic;font-size:13px;color:var(--accent)}.empty-copy h2{font-size:26px;line-height:1.5;letter-spacing:1px;margin:10px 0 12px;font-weight:600}.empty-copy p{font-size:11px;line-height:1.9}.empty-steps{display:flex;gap:9px;align-items:center;font-size:10px;margin-top:18px;color:var(--muted)}.empty-steps span{background:white;border:1px solid var(--line);padding:2px 10px;border-radius:20px}.empty-steps i{font-style:normal;color:var(--accent)}#canvaswrap{position:relative;max-width:100%;max-height:100%;line-height:0}#preview{max-width:100%;max-height:396px;object-fit:contain;display:block}#overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.under{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:10px 0 24px;font-size:9px;color:var(--muted)}
.results-panel{padding-top:21px;border-top:1px dashed var(--line)}.resultshead{display:flex;align-items:center;justify-content:space-between;gap:12px}.collection-caption{font-size:8px;letter-spacing:1.6px;color:var(--accent);margin-bottom:5px}.resultshead h2{font-size:18px;font-weight:650;display:flex;align-items:center;gap:8px}.resultshead h2 span{font-size:10px;min-width:23px;line-height:20px;background:var(--soft);color:var(--accent);border:1px solid var(--line);border-radius:7px;text-align:center}.resultshead p{font-size:10px;margin-top:4px}.resultshead .primary{font-size:11px;padding:10px 14px}.actions{display:flex;align-items:center;gap:7px;margin:16px 0 14px;flex-wrap:wrap}.actions label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);margin-right:2px}.actions label input{width:12px;height:12px;margin:0}.action-divider{height:12px;width:1px;background:var(--line);margin:0 4px}.actions button{font-size:9px;padding:5px 8px;line-height:1.5;border-color:transparent;background:var(--paper);border-radius:5px}.actions button:hover:not(:disabled){border-color:var(--line);background:var(--soft)}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(131px,1fr));gap:12px}.placeholder{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:110px;border:1px dashed var(--line);border-radius:10px;background:var(--paper);color:var(--muted);font-size:11px;padding:20px;text-align:center}.placeholder>.icon{width:22px;height:22px;stroke:var(--accent);fill:var(--soft);transform:rotate(-12deg)}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 5px 15px #83566d10;transform:translateY(-2px)}.thumb{height:132px;position:relative;display:flex;align-items:center;justify-content:center;padding:17px}.thumb img{max-width:100%;max-height:100%;object-fit:contain}.thumb input{position:absolute;left:8px;top:8px;width:13px;height:13px;margin:0}.cardfoot{padding:10px 9px;display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid var(--line);font-size:10px}.cardfoot small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.cardfoot button{font-size:9px;white-space:nowrap;padding:4px 7px;border-radius:6px;background:var(--soft);color:var(--accent);border-color:var(--line)}
footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;padding:23px 8px 28px}.footer-brand{font-size:11px}.footer-brand i{font-style:normal;margin:0 9px;color:var(--accent)}footer a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}footer a:hover{color:var(--accent)}
@media(min-width:1500px){.stage{height:440px}#preview{max-height:438px}.intro{padding-top:34px;padding-bottom:34px}.workspace{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:1200px){main{padding:0 26px}.header-inner{padding:18px 26px}.theme-footnote{display:none}.theme-shelf{gap:16px;padding:12px 16px}.theme-options{gap:4px;flex:1;justify-content:space-between}.theme-choice{gap:6px;padding-right:7px}.workspace{grid-template-columns:282px minmax(0,1fr)}aside{padding:22px 18px}.editor{padding:22px 20px}.empty{gap:13px;padding:20px}.empty-art{width:190px;transform:scale(.9)}.empty-copy h2{font-size:24px}.results{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media(max-width:980px){main{padding:0 20px}.intro{padding-left:5px;padding-right:0;min-height:255px}.intro h1{font-size:31px}.hero-art{width:275px;transform:scale(.87);transform-origin:center right}.header-caption{display:none}.theme-label{font-size:11px}.theme-label small{font-size:9px}.theme-choice{flex-direction:column;gap:3px;font-size:9px;padding:4px 8px}.theme-choice img{width:32px;height:32px}.theme-choice b{left:30px;bottom:18px}.theme-options{gap:3px}.theme-shelf{gap:12px}.workspace{grid-template-columns:258px minmax(0,1fr)}aside{padding:20px 14px}.editor{padding:20px 16px}.bgpicker>span{display:none}.empty{flex-direction:column;gap:8px;text-align:center;padding:15px}.empty-art{height:165px;transform:scale(.72);transform-origin:top center;margin-bottom:-22px}.empty-copy h2{font-size:22px;line-height:1.4;margin:4px 0 7px}.empty-copy h2 br{display:none}.empty-copy p br{display:none}.empty-kicker{font-size:11px}.empty-steps{justify-content:center;margin-top:12px}.under{flex-direction:column;gap:2px}.editor-label{font-size:8px;letter-spacing:1px}.editor-label span:last-child{display:none}.tabs button{padding:6px 10px;font-size:10px}.bgpicker{gap:7px}.resultshead h2{font-size:16px}.resultshead .primary{padding:8px 10px;font-size:10px;gap:6px}.resultshead .primary>.icon{width:13px;height:13px}.results{gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.thumb{height:118px}.actions{gap:5px}.placeholder{font-size:10px;gap:7px}footer{font-size:9px}.footer-brand{font-size:10px}}
@media(max-width:720px){body{background-size:auto 100vh}.header-inner{padding:14px 18px}.brand{font-size:21px;gap:8px}.brand small{font-size:6px;letter-spacing:1.2px;margin-top:5px}.logo{width:39px;height:39px;border-radius:13px}.logo .icon{width:23px;height:23px}.privacy{font-size:9px;padding:6px 8px;gap:4px}.privacy .icon{width:12px;height:12px}main{padding:0 14px}.intro{min-height:242px;padding:24px 9px;gap:0}.intro h1{font-size:29px;letter-spacing:.3px}.intro p{font-size:11px;max-width:260px}.eyebrow{font-size:9px;letter-spacing:1.5px}.feature-tags{font-size:9px;gap:8px}.hero-art{width:210px;transform:scale(.72);transform-origin:right center;margin-left:-60px;margin-right:-6px}.hero-note{right:-45px}.theme-shelf{display:block;padding:12px 10px;margin-bottom:14px;border-radius:13px}.theme-label{margin:0 3px 11px;font-size:11px;gap:7px}.theme-label>.icon{width:16px;height:16px}.theme-label>span{display:flex;align-items:center;gap:9px}.theme-label small{margin:0;font-size:9px;font-weight:400}.theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.theme-choice{flex-direction:column;gap:5px;padding:5px 2px;font-size:9px;border-radius:8px;min-width:0}.theme-choice img{width:38px;height:38px}.theme-choice b{left:calc(50% + 9px);bottom:22px}.workspace{display:flex;flex-direction:column;border-radius:15px}aside{border-right:0;border-bottom:1px solid var(--line);padding:19px 18px}.step{margin-bottom:12px;font-size:13px}.step>span{font-size:12px}.drop{height:170px;background-size:100% auto;background-position:center}.drop-inner{gap:5px}.drop strong{font-size:13px}.drop small{font-size:10px}.textbtn{font-size:11px}.divider{margin:16px 0}.mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.option{padding:10px 8px;gap:5px}.option b{font-size:10px;display:block;line-height:1.7}.option em{font-size:8px;display:none}.option small{font-size:9px;line-height:1.6}.option input{width:11px;height:11px;margin-top:4px}.flatsettings{padding:0 3px}.slider{font-size:12px}.slider output{font-size:11px}.muted,.check,.status,.note{font-size:11px}.check{margin:14px 0}.run-button{font-size:13px;padding:13px}.run-button>.icon:first-child{margin-left:auto}.run-button .button-arrow{margin-left:0;margin-right:auto}.adjustments .step{font-size:12px}.note{margin-top:15px;padding:10px 11px}.editor{padding:19px 15px 20px}.editor-label{padding-bottom:14px;margin-bottom:15px}.editor-label span:last-child{display:inline}.toolbar{gap:8px}.tabs button{font-size:11px;padding:7px 11px}.bgpicker{gap:8px}.swatch{width:17px;height:17px;min-width:17px}.stage{height:340px}#preview{max-height:338px}.empty{gap:10px}.empty-art{transform:scale(.7)}.empty-copy h2{font-size:22px}.empty-copy p{font-size:11px}.empty-kicker{font-size:12px}.under{font-size:9px;margin-bottom:20px}.results-panel{padding-top:18px}.resultshead h2{font-size:17px}.resultshead .primary{padding:10px 11px;font-size:11px}.resultshead p{font-size:10px}.results{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.actions{gap:5px}.actions button{font-size:10px;padding:6px 7px}.actions label{font-size:11px}.actions label input{width:13px;height:13px}.thumb{height:150px}.cardfoot{font-size:11px}.cardfoot small{font-size:9px}.cardfoot button{font-size:10px}.placeholder{min-height:110px;font-size:11px}footer{flex-direction:column;justify-content:center;gap:8px;padding:22px 5px 26px;text-align:center;font-size:9px}.footer-brand{font-size:11px}}
@media(max-width:480px){.intro{min-height:228px;padding-left:3px}.intro h1{font-size:26px}.title-heart{width:22px;height:22px;margin-left:5px}.hero-art{display:none}.intro p{max-width:none}.feature-tags{font-size:10px}.privacy{font-size:8px}.header-inner{gap:8px}.brand small{font-size:5.5px}.mode-options{display:flex;flex-direction:column;gap:7px}.option{padding:10px;gap:8px}.option b{font-size:12px;display:flex}.option em{display:inline-block}.option small{font-size:10px}.option input{width:13px;height:13px}.drop{height:180px}.editor-label{font-size:7px;letter-spacing:.7px}.bgpicker{gap:7px}.tabs{padding:3px;gap:1px}.tabs button{padding:6px 8px;font-size:10px}.empty-copy h2{font-size:21px}.empty-copy p{font-size:10px}.empty-steps{font-size:9px}.resultshead .primary{font-size:10px;padding:10px}.resultshead h2{font-size:16px}.resultshead p{font-size:9px}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumb{height:135px}.placeholder{font-size:10px;padding:15px;flex-direction:column}.theme-choice{font-size:8px}.theme-choice img{width:36px;height:36px}.theme-options{gap:2px}.primary{border-radius:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}