:root{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#191817;background:#faf8f4}
body{background:#faf8f4}
.site-dock{position:fixed;z-index:30;top:16px;left:50%;transform:translateX(-50%);width:min(510px,calc(100vw - 28px));min-height:47px;padding:7px 9px 7px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:8px;background:#1c1b19;color:#faf8f4;box-shadow:0 4px 14px #17151218;font-size:11px;letter-spacing:.01em}
.site-dock .dock-name{white-space:nowrap;line-height:1.2}
.site-dock .dock-name small{display:block;color:#aaa6a0;font-size:10px;margin-top:3px}
.site-dock nav{display:flex;gap:3px;align-items:center;white-space:nowrap}
.site-dock a{color:#bcb9b4;text-decoration:none;padding:6px 7px;border-radius:3px}
.site-dock a:hover,.site-dock a:focus-visible{background:#393734;color:white}
.site-dock a[aria-current=page]{background:#faf8f4;color:#1c1b19}
.app{grid-template-columns:300px minmax(0,1fr);height:100vh;min-height:560px}
.panel{background:#faf8f4;border-right:1px solid #e3dfd7;padding:92px 22px 28px;scrollbar-color:#cbc7bf transparent;scrollbar-width:thin}
.panel .brand,.panel .toolnav{display:none}
.panel h1,.panel .section h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.03em;font-weight:normal}
.panel h1{font-size:25px;margin:0 0 24px;line-height:1.1}
.panel .section h2{font-size:21px;margin-bottom:18px}
.panel .section h2:before{display:none}
.panel .section{border-top:1px solid #dcd8d1;padding-top:17px;margin-bottom:25px}
.panel .section:first-of-type{border-top:0;padding-top:0}
.panel .label{font-size:12px;letter-spacing:.025em;text-transform:none;margin-top:14px}
.panel button,.panel select,.panel input,.panel .button,.panel .upload label{border-radius:3px}
.panel select,.panel .select{background:#1c1b19;color:#faf8f4;min-height:34px}
.panel .seg button,.panel .tabs button,.panel .actions button,.panel .exports button,.panel .export button,.panel .palette-actions button,.panel .upload button{background:#eae7e1;color:#1c1b19;min-height:31px}
.panel .seg .active,.panel .tabs .active,.panel .active{background:#1c1b19!important;color:#faf8f4!important}
.panel .button,.panel .upload label,.panel .transfer{background:#1c1b19;color:#faf8f4;min-height:32px}
.panel .muted,.panel .bottom{color:#706d68;line-height:1.6}
.panel input[type=range]{accent-color:#1c1b19}
.workspace{background:#faf8f4}
.workspace .topbar{display:none}
.workspace .hint{border:0;background:#faf8f4d9;color:#77736e;left:22px;bottom:15px}
.workspace .preview{box-shadow:none;max-width:min(78%,950px);max-height:76%;object-fit:contain}
.workspace .preview{image-rendering:auto;background:transparent}
.workspace .empty{font-family:Georgia,'Times New Roman',serif;font-size:22px;color:#928e87;line-height:1.4}
.color-dialog{background:#faf8f4;border:1px solid #1c1b19;box-shadow:0 16px 55px #17151225}
.color-dialog .dialog-box{border:1px solid #aaa49b}
@media(max-width:750px){.site-dock{top:8px}.app{display:flex;flex-direction:column;height:auto;min-height:100vh}.panel{width:100%;max-height:48vh;overflow:auto;padding:72px 18px 20px;border-right:0;border-bottom:1px solid #ddd8d0}.workspace{height:52vh;min-height:330px;flex:1}.workspace .preview{max-width:88%;max-height:84%}.panel h1{font-size:22px;margin-bottom:16px}}
@media(max-width:390px){.site-dock{gap:5px;padding:6px 7px 6px 9px;font-size:10px}.site-dock a{padding:6px 4px}.site-dock .dock-name small{font-size:9px}}