:root{font-family:Inter,"Segoe UI",sans-serif;color:#263830;background:#f5f7f2;font-size:13px;--green:#27654f;--border:#e2e7df;--muted:#7c8a80}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:white;color:#354d40;border-radius:8px;padding:10px 13px;transition:background .15s,border-color .15s}button:hover{background:#edf3ec;border-color:#91ae9b}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #64a78a;outline-offset:3px}header{height:77px;display:flex;align-items:center;gap:10px;padding:0 25px;background:white;border-bottom:1px solid var(--border)}.brand{display:flex;gap:10px;align-items:center;letter-spacing:2px;margin-right:28px;text-decoration:none;color:inherit}.brand b{font-size:40px;font-weight:400;color:var(--green)}.brand small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:4px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#1c4d3b;color:white}.primary:disabled{background:#7c9487}.next{background:#edf3e8;border-color:#d9e5d2;color:#375c3d;margin-top:25px}#name{background:transparent;border:0;font-size:15px;width:220px;font-weight:600}#status{margin-left:auto;color:#819085;font-size:10px}.steps{height:76px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:0 25px;border-bottom:1px solid var(--border)}.steps button{border:0;border-radius:0;text-align:left;position:relative;padding:16px 18px 14px 52px;font-weight:600;color:#7b887e;background:transparent}.steps button b{position:absolute;left:10px;top:23px;font-size:11px;border:1px solid #dce4d8;border-radius:50%;width:29px;height:29px;text-align:center;line-height:27px}.steps small{display:block;font-weight:400;font-size:10px;margin-top:4px;color:#99a398}.steps button.active{color:var(--green);box-shadow:inset 0 -3px var(--green)}.steps button.active b{color:white;background:var(--green);border-color:var(--green)}main{display:grid;grid-template-columns:320px minmax(300px,1fr) 245px;height:calc(100vh - 153px);min-height:540px}aside{background:white;padding:25px 22px;border-right:1px solid var(--border);overflow:auto}.right{border-right:0;border-left:1px solid var(--border);padding:25px 18px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#87968a}.eyebrow span{float:right}h1{font-size:22px;letter-spacing:-.7px;line-height:1.25;margin:12px 0}h2{font-size:15px;margin:12px 0}.muted{font-size:12px;color:var(--muted);line-height:1.75}.fine{font-size:10px;color:#879287;line-height:1.7}.wide{width:100%;margin-top:13px}.source-tabs{display:flex;gap:5px;padding:4px;background:#f2f5ee;border-radius:9px;margin:22px 0 16px}.source-tabs button{flex:1;background:transparent;border-color:transparent;padding:9px 6px;font-size:11px}.source-tabs button.active{background:white;box-shadow:0 2px 6px #36482f0b;border-color:#e2e7df}.upload-zone{width:100%;height:154px;border-style:dashed;background:#fafcf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.upload-zone span{font-size:24px;color:#739d80}.upload-zone b{font-weight:500}.upload-zone small{color:#99a393;font-size:10px}.text-button{border:0;background:transparent;color:#909b90;font-size:10px;padding-left:0}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.style-card{text-align:left;padding:10px 8px;font-size:10px;min-height:58px}.style-card b{display:block;font-weight:600}.style-card small{display:block;color:#8a9688;font-size:9px;line-height:1.5;margin-top:3px}.style-card.active,.dial-card.active{border-color:#5e9476;background:#eef5ec}.small-space{margin-top:20px}label{display:block;margin:15px 0 0;color:#6f8072;font-size:11px}input[type=number],input[type=text],select,textarea{display:block;width:100%;padding:10px;border:1px solid var(--border);border-radius:7px;background:#fcfdfb;margin-top:7px;color:#2c4434;min-width:0}textarea{resize:vertical;line-height:1.65}input[type=range]{width:100%;margin:12px 0 0;accent-color:var(--green)}input[type=color]{width:100%;height:33px;border:1px solid var(--border);border-radius:6px;background:white;margin-top:7px;padding:3px;cursor:pointer}label .value{float:right;color:#354d40;font-variant-numeric:tabular-nums}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.check{display:flex;align-items:center;gap:7px;line-height:1.6;font-size:11px}.check input{accent-color:var(--green)}hr{border:0;border-top:1px solid var(--border);margin:24px 0}.image-meta{background:#f2f6ee;padding:11px;border-radius:7px;color:#69806d;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.dial-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.dial-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;font-size:11px}.dial-icon{width:57px;height:57px;border:1px solid #92aa95;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px;color:#56795f}.add{display:grid;grid-template-columns:1fr 1fr;gap:7px}.add button{font-size:11px;padding:12px 7px;text-align:left}.contrast-presets{display:grid;gap:7px;margin:20px 0}.contrast-presets button{text-align:left;font-size:11px;line-height:1.6}.contrast-presets small{color:#8d9a8c;font-size:10px}.export-meta{padding:12px;background:#f2f6ee;border-radius:7px;line-height:1.7;color:#607861;font-size:11px;margin-top:12px}.tip{background:#f3f6ee;border-radius:8px;padding:14px;font-size:10px;line-height:1.7;color:#7c8979;margin-top:18px}.tip b{color:#466442}.tip p:last-child{margin-bottom:0}.workspace{min-width:0;display:flex;flex-direction:column;background:#edf0e9}.toolbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #dfe5d9;font-size:9px;gap:10px;flex-shrink:0}.toolbar small{display:block;color:#92a08e;font-size:9px;padding-top:6px;padding-left:12px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#659a72;margin-right:7px}.toolbar button{padding:6px 8px;background:transparent;border:0}.toolbar #zoom{color:#7f8f7c;font-size:10px}.divider{border-left:1px solid #d3ddcf;margin:0 5px}.canvas{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:40px;background-image:radial-gradient(#cbd5c5 .8px,transparent .8px);background-size:18px 18px}.paper{width:min(100%,560px);aspect-ratio:1;background:#fff;box-shadow:0 18px 65px #30452b15;border-radius:50%;flex-shrink:0;transition:transform .15s}svg{width:100%;height:100%;display:block}svg [data-id]{cursor:pointer}#empty-hint{text-align:center;color:#91a08b;margin-top:28px;font-size:11px}#empty-hint b{display:block;font-size:14px;color:#6b8066;font-weight:500;margin-bottom:8px}#empty-hint span{display:block}#empty-hint button{background:transparent;border:0;font-size:11px;color:#476e4f;margin-top:8px}.canvas-foot{padding:15px 20px;display:flex;justify-content:space-between;font-size:9px;color:#84927c;gap:20px;flex-shrink:0;line-height:1.5}.canvas-foot span:last-child{white-space:nowrap}.project-info{margin:18px 0 29px}.project-info b{display:block;font-size:24px;font-weight:500;letter-spacing:-1px}.project-info span{display:block;font-size:10px;color:#8b9889;margin-top:6px;overflow-wrap:anywhere}.layer{display:flex;align-items:center;gap:5px;padding:5px;margin:5px 0;border:1px solid transparent;border-radius:7px;background:#f6f8f3}.layer.active{border-color:#96b69b;background:#edf4e9}.layer .pick{border:0;background:transparent;flex:1;text-align:left;padding:7px 2px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer .eye{padding:4px;background:transparent;border:0;font-size:11px;color:#72946f}.actions{display:flex;gap:4px;margin-top:18px}.actions button{flex:1;padding:8px 3px;font-size:10px}.local-note{margin-top:30px;color:#99a390;font-size:9px;line-height:1.65}.local-note span{letter-spacing:1px;color:#7f9478;font-size:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#243e30;color:white;padding:14px 22px;border-radius:8px;display:none;z-index:10;max-width:90vw;line-height:1.5;font-size:12px}details{font-size:10px;color:#718369;line-height:1.7}summary{cursor:pointer}.ai-result{margin-top:12px;width:100%;display:flex;align-items:center;gap:10px;text-align:left;font-size:10px}.ai-result img{width:50px;height:50px;object-fit:cover;border-radius:5px}.busy{opacity:.65;pointer-events:none}@media(min-width:1600px){main{grid-template-columns:350px minmax(300px,1fr) 275px}.paper{width:min(100%,660px)}aside{padding:30px}.style-card{font-size:11px;min-height:65px}}@media(max-width:1100px){main{grid-template-columns:280px minmax(250px,1fr) 210px}aside{padding:22px 16px}.brand{margin-right:5px}#name{width:170px}#status{display:none}.canvas{padding:25px}.toolbar{padding:0 13px}.toolbar button{padding:6px}.steps{padding:0 10px}.steps button{padding-left:49px;font-size:12px}.steps small{font-size:9px}}@media(max-width:850px){main{grid-template-columns:270px minmax(260px,1fr)}.right{grid-column:1/-1;max-height:430px;border-top:1px solid var(--border)}main{height:auto}.workspace{min-height:580px}.controls{max-height:750px}.brand small{display:none}.brand{font-size:11px}.brand b{font-size:30px}header{padding:10px;height:auto;flex-wrap:wrap}header button{font-size:11px;padding:9px}#name{width:150px}.steps small{display:none}.steps{height:62px}.steps button{padding:12px 7px 12px 42px;font-size:11px}.steps button b{top:17px;left:7px;width:25px;height:25px;line-height:23px}}@media(max-width:580px){main{display:flex;flex-direction:column}.workspace{order:-1;min-height:390px;height:420px}.canvas{padding:20px}.paper{width:min(65vw,280px)}.controls{max-height:none}.right{max-height:none}.toolbar{height:48px}.canvas-foot{font-size:8px}#empty-hint{margin-top:15px;font-size:9px}#empty-hint b{font-size:11px}.steps button{padding:8px 4px;text-align:center;font-size:10px}.steps button b{display:none}.steps{height:45px;padding:0}.brand{margin-right:auto}#name{order:5;width:100%;font-size:13px}.style-grid{grid-template-columns:repeat(3,1fr)}.dial-grid{grid-template-columns:repeat(3,1fr)}}
:root .paper{width:min(100%,560px,calc(100vh - 345px))}.canvas:has(#empty-hint:not([hidden])) .paper{width:min(100%,400px,calc(100vh - 445px))}@media(min-width:1600px){:root .paper{width:min(100%,660px,calc(100vh - 345px))}}@media(max-width:850px){:root .paper{width:min(100%,420px)}}@media(max-width:580px){:root .paper,.canvas:has(#empty-hint:not([hidden])) .paper{width:min(65vw,260px)}}
.reference-upload{width:100%;display:flex;align-items:center;gap:10px;padding:12px;background:#f7faf3;text-align:left;margin-top:10px;min-height:84px}.reference-upload img{width:62px;height:62px;border-radius:6px;object-fit:cover;flex-shrink:0}.reference-upload>span{min-width:0}.reference-upload b{font-size:11px;display:block;overflow-wrap:anywhere}.reference-upload small{display:block;font-size:9px;line-height:1.6;color:#8d9c87;margin-top:5px}.reference-upload .reference-edit{margin-left:auto;white-space:nowrap;color:#557654;font-size:9px}.fit-presets{display:flex;gap:5px;margin-top:9px}.fit-presets button{flex:1;padding:8px 3px;font-size:9px}.fit-info{font-size:10px;color:#7b8d73;line-height:1.6;margin-top:12px}.controls .dial-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.controls .dial-icon{width:36px;height:36px;font-size:15px}.controls .dial-card{font-size:9px;padding:10px 3px;gap:7px;line-height:1.4}.advanced-elements{padding-top:12px;margin-top:18px;border-top:1px solid #e2e7df}.advanced-elements .add{margin-top:15px}#dial-fit-fields{margin-bottom:22px}
.shape-settings{padding:1px 12px 13px;background:#f5f8f1;border:1px solid var(--border);border-radius:9px;margin-top:18px}.shape-settings label{margin-top:10px}.style-preview{position:fixed;z-index:40;border:1px solid #c8d9c9;border-radius:13px;padding:9px;background:white;box-shadow:0 14px 50px #163b3429;pointer-events:none}.style-preview img{display:block;aspect-ratio:1;width:100%;object-fit:contain;border-radius:7px;background:#fafbf7}.style-preview b{display:block;margin:10px 5px 5px;font-size:13px}.style-preview small{display:block;margin:0 5px 5px;font-size:9px;color:var(--muted)}.credit-info{font-size:10px;color:#557661;margin-top:14px;line-height:1.6}.watermark-settings{border:1px solid var(--border);border-radius:8px;margin-top:16px;padding:12px}.watermark-settings summary{font-weight:600;color:#45634e;font-size:11px}.watermark-thumb{width:72px;height:72px;object-fit:contain;margin-top:12px;border:1px solid var(--border);border-radius:7px}.watermark-positions{display:flex;flex-wrap:wrap;gap:4px;margin-top:14px}.watermark-positions button{padding:6px 9px;font-size:9px}.property-heading{display:flex;align-items:center;gap:8px;justify-content:space-between}.property-heading h2{overflow-wrap:anywhere}.delete-layer{color:#a44c43;padding:7px 10px;font-size:19px;flex-shrink:0}.delete-layer:hover{background:#fff0ed;border-color:#e3afa4}.ai-progress{padding:14px;background:#f1f6ed;border:1px solid #dce8d5;border-radius:9px;margin-top:14px}.progress-heading{display:flex;align-items:center;gap:9px;font-size:11px}.ai-progress p{font-size:10px;line-height:1.65;color:#6c806c}.ai-progress small{font-size:9px;color:#6b806a;line-height:1.6;display:block;margin-top:10px;font-variant-numeric:tabular-nums}.spinner{width:14px;height:14px;border:2px solid #c4d8c0;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}.progress-track{height:4px;background:#dce8d6;overflow:hidden;border-radius:4px}.progress-track span{display:block;height:100%;width:35%;background:var(--green);animation:progress 1.8s ease-in-out infinite;border-radius:4px}[data-stage=complete] .spinner{animation:none;border-color:var(--green)}[data-stage=complete] .progress-track span{width:100%;animation:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(390%)}}.account-dialog{width:min(680px,94vw);max-height:88vh;border:1px solid #d8e3d2;border-radius:16px;padding:26px;color:#263830;box-shadow:0 20px 80px #102d3040}.account-dialog::backdrop{background:#18362c6b;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:23px;margin-bottom:4px}.dialog-heading button{border:0;background:transparent}.account-dialog input[type=email],.account-dialog input[type=password]{width:100%;padding:12px;border:1px solid var(--border);border-radius:7px;margin-top:7px;font:inherit}.account-dialog #account-auth{max-width:400px;margin:20px auto}.account-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;overflow-wrap:anywhere}.wallet{display:grid;grid-template-columns:1fr auto;gap:8px;padding:18px;background:#eef5e9;border:1px solid #d5e4cb;border-radius:10px;margin:20px 0}.wallet b{font-size:28px;grid-row:span 2}.wallet small{font-size:10px;color:#77896c}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.library-image{min-width:0;text-align:left;padding:8px}.library-image img{width:100%;aspect-ratio:1;object-fit:contain;background:#fafbf8;border-radius:5px}.library-image b{display:block;font-size:10px;margin-top:8px}.library-image small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.account-button{font-size:10px;white-space:nowrap}#header-credits{font-variant-numeric:tabular-nums}header{gap:8px;padding-left:18px;padding-right:18px}.brand{margin-right:7px}#name{width:150px}@media(max-width:1100px){header .brand small{display:none}header button{font-size:10px;padding:9px}#name{width:125px}}@media(max-width:580px){.library-grid{grid-template-columns:repeat(2,1fr)}.account-dialog{padding:18px}.canvas-foot span:first-child{max-width:80%}}@media(prefers-reduced-motion:reduce){.spinner,.progress-track span{animation:none}*{transition:none!important}}
.layers-heading{display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:35px}.layers-heading .eyebrow{flex:1}.layers-heading .delete-layer{padding:4px 8px;font-size:18px}