:root{font-family:'Unkempt',cursive;color:#302641;background:#fff9e7;--line:#827294;--muted:#655574}
body{background-image:none;text-transform:lowercase}
button,input,select,textarea{ text-transform:lowercase }
.tool-switch .tool-button{height:62px;flex-direction:column;gap:8px;padding:8px 0;font-size:12px}
.history-actions{position:relative;margin-top:34px}
.history-label{position:absolute;left:0;top:-27px;font-size:16px;font-weight:700;color:#302641}
@media(max-width:760px){.tool-switch .tool-button{height:65px}.toolbox>.history-actions{margin-top:26px}.history-label{font-size:15px}}
.brush-styles{display:flex;gap:8px}
.brush-styles button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 3px;border:2px solid #6a567c;border-radius:3px;background:#fffdf5;font-size:12px}
.brush-styles button.selected{background:#e1c7f3;border-color:#443452;box-shadow:2px 2px 0 #443452}
.brush-styles svg{width:48px;height:20px;stroke-width:4}
.color-caption{display:none}
@media(max-width:760px){.toolbox .tool-section:nth-child(2){grid-row:1}}
@media(max-width:760px){.toolbox .brush-style-section{grid-column:1 / -1;grid-row:3}.toolbox .background-section{grid-row:4}.toolbox .history-actions{grid-row:5}}
button,.brand,.intro h1,.section-label,.section-label h2{font-family:inherit}
.site-header{height:70px;border-bottom:2px solid #443452;padding:0 28px}
.brand{font-size:28px;font-weight:700;letter-spacing:-1px}
main{padding-top:22px}
.intro{text-align:left;margin-bottom:18px}
.intro h1{font-size:30px;letter-spacing:0;margin:0}
.studio{border:2px solid #443452;border-radius:3px;box-shadow:5px 5px 0 #443452;background:#fffdf5}
.studio-top{background:#dbbff1;border-bottom:2px solid #443452;height:43px;padding:0 20px}
.window-dots{display:none}
.studio-title{font-size:16px;font-weight:700}
.save-status{font-size:12px;color:#463652}
.save-status::before{display:none}
.studio-body{padding:24px;gap:28px}
.canvas-frame{border:2px solid #443452;border-radius:0;box-shadow:none}
.toolbox{padding:0}
.section-label{font-size:0;gap:0;margin-bottom:9px}
.section-label h2{font-size:16px;font-weight:700;color:#302641}
.tool-section{margin-bottom:20px}
.tool-button,.sizes button,.history-actions button{border:2px solid #6a567c;border-radius:3px;background:#fffdf5;font-size:14px}
.tool-button.selected,.sizes button.selected{background:#e1c7f3;border-color:#443452;color:#302641;box-shadow:2px 2px 0 #443452}
.swatch,.small .swatch{border:1px solid #796782;border-radius:2px;height:38px}
.swatch.selected{outline:2px solid #443452;outline-offset:2px}
.color-caption{font-size:11px;color:#655574}
.sizes button{font-size:12px;color:#655574}
.tool-note,.download-note{display:none}
.history-actions{border-top:2px dashed #c2acd0;padding-top:16px}
.history-actions button{font-size:12px;height:42px}
.history-actions button:last-child{color:#655574}
.download-button{background:#dec1ef;color:#302641;border:2px solid #443452;border-radius:3px;box-shadow:3px 3px 0 #443452;font-size:16px;height:48px}
.download-button:hover{background:#cfa8e6}
.download-button>span{display:none}
.toast{border:2px solid #443452;border-radius:3px;background:#fff3bb;color:#302641;box-shadow:3px 3px 0 #443452}
@media(max-width:760px){.site-header{height:60px;padding:0 18px}.brand{font-size:24px}main{padding-top:18px}.intro h1{font-size:25px}.studio-body{padding:14px;gap:20px}.studio-top{padding:0 12px}.studio-title{font-size:14px}.save-status{font-size:10px}.tool-section{margin-bottom:0}.section-label h2{font-size:15px}.history-actions{border:0;padding:0}.small .swatch{height:44px}.tool-button{font-size:14px}.download-button{margin-bottom:4px}}
@media(max-width:760px){
  .toolbox>.tool-section:nth-child(1){grid-column:1;grid-row:2}
  .toolbox>.tool-section:nth-child(3){grid-column:2;grid-row:2}
  .toolbox>.tool-section:nth-child(2){grid-column:1;grid-row:3}
  .toolbox>.background-section{grid-column:2;grid-row:3}
  .toolbox>.brush-style-section{grid-column:1 / -1;grid-row:4}
  .toolbox>.history-actions{grid-column:1 / -1;grid-row:1}
  .toolbox>.download-button{grid-column:1 / -1;grid-row:5}
}