:root{--studio-paper:#f8f6ef;--studio-ink:#1e2f27;--studio-green:#2f5a43;--studio-line:#dedbd0}
body{background:var(--studio-paper);color:var(--studio-ink);font-family:'Inter',Arial,sans-serif}
.app-container{background:var(--studio-paper);box-shadow:0 0 40px #1e2f2709}
.nav-bar{background:#fffdf8;border-bottom:1px solid var(--studio-line)}
.nav-title{font-family:'Fraunces',Georgia,serif;color:var(--studio-ink);font-size:22px;font-weight:500}
.nav-title a{color:inherit;text-decoration:none}.nav-icon{background:#eeefe5;color:var(--studio-ink);border-radius:10px}
#designRecord{background:#e9ede1!important;color:#38513e!important;border-color:#d6ddcc!important}
#designRecord [onclick]{color:#2f5a43!important}
.canvas-section{background:var(--studio-paper)}
#variantBox,.tool-bar{background:#fffdf8;border:1px solid var(--studio-line);border-radius:16px;box-shadow:0 10px 25px #1e2f2708}
#variantBox select{font-family:'Inter',Arial,sans-serif;border:1px solid #cbd1c0;border-radius:8px;color:var(--studio-ink);background:#fffdf8;padding:6px 10px}
.tool-btn{background:#e9ede1;border:1px solid #d8dfcf;border-radius:12px;color:var(--studio-ink)}
.bottom-bar{background:#fffdf8f5;border:1px solid var(--studio-line);border-radius:15px 15px 0 0;backdrop-filter:blur(12px);box-shadow:0 -8px 25px #1e2f270a}
.bottom-btn{color:var(--studio-ink);background:transparent;border-radius:9px}.btn-clear{color:#9a4a24}
.btn-main,.btn-blue{background:var(--studio-green);color:#fffdf8;border-color:var(--studio-green);border-radius:10px;box-shadow:none}
.font-card,.gallery-card,.preview-card,.product-panel{background:#fffdf8;border:1px solid var(--studio-line);border-radius:18px;color:var(--studio-ink)}
.product-card{border-color:var(--studio-line);border-radius:12px;background:var(--studio-paper)}
.preview-progress-inner{background:var(--studio-green)}
@media(max-width:620px){.nav-title{font-size:20px}.bottom-bar{padding:9px 5px}.bottom-btn{font-size:11px;padding:10px 6px}.btn-main{font-size:12px;padding-inline:14px}}