@font-face{font-family:'Studio Display';src:url('./fonts/BebasNeue-Regular.ttf') format('truetype');font-display:swap}
#designer-dialog{width:min(1180px,96vw);max-width:1180px;padding:0;border:1px solid #cfd4c7;background:#faf9f5;border-radius:16px;max-height:94dvh}#designer-dialog::backdrop{background:#151e17b8}.designer-header{padding:22px 26px;display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.designer-header h2{margin:4px 0}.designer-header .close{position:static}.designer-grid{display:grid;grid-template-columns:220px minmax(260px,1fr) 240px;gap:20px;padding:22px}.designer-grid h3{margin:16px 0 10px;color:#344c3c}.designer-grid label{display:block;font-size:11px;color:#596251;margin:12px 0 4px}.designer-grid input:not([type=color]),.designer-grid select,.designer-grid textarea{display:block;width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:white;font:12px Arial}.designer-grid input[type=color]{width:100%;height:34px;border:1px solid var(--line);background:white}.designer-grid textarea{height:70px}.designer-grid button{font-size:11px;padding:9px 11px}.designer-grid .button-row{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.designer-grid .button-row>*{flex:1}.designer-grid .template{display:block;width:100%;text-align:left;margin:7px 0;background:#eeeee6}.designer-grid #art-layers{min-height:130px;height:170px}.artboard-wrap{display:flex;justify-content:center;align-items:center;padding:14px;background:#e6e7de;border-radius:10px;min-height:360px}#artboard{display:block;width:100%;height:auto;max-height:460px;object-fit:contain;touch-action:none;background-color:white;background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 25%),linear-gradient(-45deg,#e6e6e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e6e6 75%),linear-gradient(-45deg,transparent 75%,#e6e6e6 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.designer-grid .small{margin-top:10px}.designer-footer{display:flex;gap:10px;padding:16px 26px;border-top:1px solid var(--line);align-items:center;flex-wrap:wrap}.designer-footer #art-status{flex:1;min-width:160px;font-size:12px;color:#40523a}.art-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.designer-grid #art-properties[hidden]{display:none}.designer-grid #art-text-fields[hidden]{display:none}#create-artwork{width:100%;margin:16px 0;background:#344c3c;color:white;border-color:#344c3c}#catalog-status{margin-top:10px}#catalog-status a{color:#40523a}#designer-dialog .muted{font-size:10px;line-height:1.5;color:#74796b}
@media(max-width:850px){.designer-grid{grid-template-columns:170px minmax(220px,1fr)}.art-properties-panel{grid-column:1/-1}.art-properties-panel #art-properties{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.art-properties-panel h3{margin:0}.art-properties-panel .button-row{grid-column:1/-1}}@media(max-width:550px){#designer-dialog{width:96vw}.designer-header{padding:16px}.designer-grid{display:flex;flex-direction:column;padding:14px;gap:12px}.artboard-wrap{min-height:220px;order:-1}.artboard-tools .template{display:inline-block;width:auto;margin:3px}.artboard-tools #art-layers{height:90px;min-height:90px}.designer-grid .art-properties-panel #art-properties{grid-template-columns:1fr 1fr}.designer-footer{padding:14px}.designer-header h2{font-size:23px}}

#designer-dialog [hidden]{display:none!important}

.designer-footer{position:sticky;bottom:0;background:#faf9f5;z-index:2}.designer-grid input[type=color]{padding:3px}

@media(max-width:550px){.designer-grid>section:nth-child(2){order:-1}}