:root{--accent:#b1b1b1;--free:#b2b2b2;--plus:#acacac;--studio:#c0c0c0}html{scroll-behavior:smooth}.crown{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;font-weight:500;vertical-align:middle}.crown svg{width:16px;height:15px;flex-shrink:0}.crown.free{color:var(--free)}.crown.plus{color:var(--plus)}.crown.studio{color:var(--studio)}.crown>span{display:none}.crown[title]:hover>span{display:initial}.tier-label .crown>span,#account-button .crown>span,.pricing .crown>span,#upgrade-crown .crown>span{display:initial}.brand{letter-spacing:-.7px}.brandmark{color:#b1b1b1}.button.primary{background:#b1b1b1;border-color:#b1b1b1;color:#1b1b1b}.button.primary:hover{background:#c7c7c7}.close-upgrade,#account-dialog>button{float:right}#upgrade-dialog h2{font-size:28px}#upgrade-copy{font-size:16px;line-height:1.7;color:#c2c2c2}.account-email{overflow-wrap:anywhere;color:#aeaeae}.account-access{font-size:15px}.test-controls{border-top:1px solid #353535;margin-top:20px;padding-top:20px}.header-actions{align-items:center;gap:4px}.header-actions .button{padding-inline:10px}#account-button{gap:8px;font-size:13px}#account-button>span:last-child{display:none}.range-head label,.field-label,.switch-row{display:flex;align-items:center;gap:7px}.range-head .crown{margin-left:3px}.editor-examples{border-top:1px solid #353535;padding:16px 0 24px}.editor-examples h3{font-size:14px;font-weight:500;margin:0 0 12px;display:flex;justify-content:space-between}.editor-examples h3 span{font-size:12px;color:#989898;font-weight:400}.example-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.example-option{border:1px solid #353535;border-radius:6px;background:#1d1d1d;overflow:hidden;padding:0;text-align:left}.example-option:hover{border-color:#acacac}.example-option img{display:block;width:100%;height:78px;object-fit:cover}.example-option>span{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:9px;font-size:13px}.example-option small{color:#9e9e9e;font-size:12px}.tier-legend{display:flex;gap:15px;flex-wrap:wrap;padding:10px 0;font-size:12px;color:#a8a8a8}.tier-legend .crown>span{display:inline}.editor{overflow:auto;scrollbar-width:thin}.stage{flex:none;min-height:350px;height:clamp(350px,49vh,650px)}.workspace{height:calc(100dvh - 70px)}.library,.settings{max-height:100%}.preset-tools button,.palette-label{display:flex;align-items:center;gap:6px}.control-section>summary .crown{margin-left:0}.control-section>summary>span.crown{font-family:inherit}.help{font-size:13px}.section-body label{font-size:14px}.app-header{gap:18px;padding-inline:18px}.project-heading{padding-left:18px}.control-section summary{font-size:14px}.preset-caption{font-size:13px}@media(max-width:1150px){.project-heading{display:none}.workspace{grid-template-columns:175px minmax(0,1fr) 265px}.app-header{gap:12px}.brand{font-size:16px}.stage{height:45vh;min-height:330px}}@media(max-width:880px){.workspace{height:auto;grid-template-columns:minmax(0,1fr) 270px}.editor{overflow:visible}.settings{max-height:none}.library{max-height:none}.stage{height:44vh;min-height:320px}.header-actions #save-project{display:none}.example-options{grid-template-columns:1fr}.example-option{display:flex;align-items:center}.example-option img{width:65px;height:54px}.example-option>span{flex:1}.editor-examples h3 span{display:none}}@media(max-width:600px){.workspace{display:flex}.stage{height:48vh}.header-actions{width:100%;justify-content:space-between}.example-options{grid-template-columns:repeat(3,minmax(0,1fr))}.example-option{display:block}.example-option img{width:100%;height:85px}.example-option>span{font-size:12px;padding:8px 5px}.example-option small{display:none}.settings{display:block}.control-section:nth-child(even){border-right:0}.section-body{padding:0 18px 22px}.control-section summary{padding:18px}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.palette-label{font-size:12px}.editor-toolbar{height:auto;min-height:94px;padding:12px 0}.editor-actions{width:100%;justify-content:flex-end}.range-head{font-size:14px}.upload-intro{flex-wrap:wrap}.app-header .brand{font-size:20px}.crown:hover>span{display:none}.stage-bottom>span{font-size:11px}}

.icon-button:has(.crown){display:inline-flex;width:49px;gap:5px;align-items:center;justify-content:center}.icon-button .crown svg{width:14px}.icon-button .crown>span{display:none!important}.example-option img{object-fit:contain;background:#0f0f0f;height:96px}.preset-caption{display:flex;align-items:center;justify-content:space-between;gap:5px}.preset-caption .crown{flex-shrink:0}.crown:hover>span{display:none}.custom-colors .crown{margin-left:auto}.control-section>summary .crown{font-size:12px}.palette-label{flex-wrap:wrap}.example-option>span{flex-wrap:wrap}@media(max-width:600px){.example-option img{height:90px}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.preset-caption>.crown{display:inline-flex!important}.preset-caption>.crown>span{display:none!important}
@media(max-width:600px){.header-actions{gap:2px;flex-wrap:wrap}.header-actions .button{padding:7px 6px;font-size:12px;gap:5px}.app-header{padding-inline:12px}}