:root{--bg:#292929;--panel:#414141;--line:#292929;--text:#dedede;--muted:#aaa;--accent:#83adce}body{font-family:Arial,'Segoe UI',Tahoma,sans-serif;font-size:12px;background:#282828}header[hidden]{display:none}.menubar{height:29px;padding:0 4px;background:#464646;border:0;gap:0;align-items:center}.brand{font-size:12px;letter-spacing:0;margin-right:8px;gap:4px}.brand .mark{height:19px;width:19px;font-size:19px;border-radius:2px;background:#b4c8d6}.brand>span:last-child{display:none}.menu-trigger{height:28px;font-size:12px;padding:0 8px}.menubar .header-actions{gap:3px;align-items:center}.header-actions button{padding:3px 7px;height:23px;border:0;background:transparent;font-size:11px}.header-actions #export{background:#537994;color:#fff;border-radius:2px}.app{height:calc(100dvh - 29px);grid-template-columns:38px minmax(200px,1fr) 32px 258px;min-height:500px}.tools{padding:3px 2px;background:#434343;border:0;gap:0}.tools button[data-tool]{height:29px;min-height:29px;border-radius:0}.tools button[data-tool] svg{width:20px;height:20px}.tools button.active{background:#626262;color:#fff;box-shadow:inset 2px 0 #9cbbd1}.tool-key{display:none}.tools .swatch{margin:4px 0 0;align-self:flex-start}.swatch input{height:24px;width:24px}.background-swatch{margin-top:-12px;margin-right:0}.background-swatch input{height:20px;width:20px}.tools #undo,.tools #redo{height:28px;font-size:20px}.tools #undo small,.tools #redo small{display:none}.options{height:33px;padding:0 9px;background:#464646;gap:12px;border-bottom:1px solid #222;font-size:11px}.options strong{min-width:65px;font-size:11px;font-weight:normal}.options label{font-size:11px;gap:6px}.options input[type=range]{width:66px}.options [hidden]{display:none!important}#contextOptions{display:flex;align-items:center;gap:16px}#contextOptions label{display:flex;align-items:center;gap:4px}#contextOptions input[type=number]{width:48px;border:1px solid #222;background:#303030;color:#ddd;padding:2px}#contextOptions input[type=checkbox]{accent-color:#6293bb}#contextTip{font-size:10px;color:#bcbcbc}.commandbar{display:none}.document-tab{height:28px;background:#242424;display:flex;align-items:center;gap:5px;padding:3px 8px;border-bottom:1px solid #1b1b1b}.document-tab input{width:170px!important;background:#494949!important;font-size:11px;color:#eee!important;height:24px;padding:0 6px;border-radius:3px 0 0 0}.document-tab>span:last-child{background:#494949;font-size:10px;color:#aaa;padding-right:8px;height:24px;display:flex;align-items:center}.document-icon{display:none}.workspace{background:#242424;background-image:none}.workspace-caption{display:none}.canvas-wrap{box-shadow:0 2px 16px #0003}footer{height:24px;min-height:24px;background:#383838;border:0;font-size:10px;padding:0 7px}footer div button{font-size:10px}aside{background:#444;overflow:hidden;border-left:1px solid #222;display:flex;flex-direction:column;padding:0}.panel-rail{background:#414141;border-left:1px solid #222;padding-top:6px;display:flex;flex-direction:column;gap:2px}.panel-rail button{height:35px;padding:0;border:0;border-radius:0;font-size:20px;color:#bbb}.panel-rail button:hover{background:#595959}.history-dock{height:185px;flex:none;padding:0;border-bottom:4px solid #292929;overflow:auto}.history-dock .section-head{height:27px;margin:0;padding:0 8px;background:#373737}.history-dock h2{font-size:11px}.history-dock .section-head span{letter-spacing:0;font-size:11px}.history-dock #historyList{padding:0 6px}.history-dock #historyList li{padding:5px;font-size:10px}.history-dock #historyList li.current{background:#555;color:#ddd}.color-swatches{display:flex;padding:6px;gap:4px}.color-swatches button{width:20px;height:16px;padding:0;border-radius:0;border:1px solid #555}.dock-tabs{height:29px;min-height:29px;display:flex;background:#333;gap:0}.dock-tabs button{border:0;border-radius:0;font-size:11px;padding:4px 10px;color:#aaa}.dock-tabs button.selected{background:#494949;color:#fff}.layer-dock{padding:0;flex:1;min-height:0;display:flex;flex-direction:column;border:0}.layer-dock[hidden],.properties-panel[hidden]{display:none!important}.layer-dock>.section-head{display:none}.layer-settings{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px;background:#3c3c3c}.layer-settings .select-label{font-size:0;flex:1;min-width:100px;gap:0}.layer-settings select{font-size:11px;width:100%;padding:4px;border-radius:2px;background:#303030}.layer-settings .control{margin:0;width:104px;font-size:10px}.layer-settings .control input{margin:5px 0 0}.layer-settings .control output{font-size:10px}.layer-dock #layers{flex:1;min-height:80px;overflow:auto;padding:2px}.layer{padding:4px;gap:6px;margin:0;border-radius:0;border:0;min-height:35px}.layer.selected{background:#606060;border:0}.layer .thumb{width:33px;height:25px;background:#333;border:1px solid #999}.layer .name{font-size:11px}.layer .eye{padding:0 3px}.layer-actions{margin:0;padding:4px;justify-content:flex-end}.layer-actions #duplicate,.layer-actions #delete{display:none}.layer-footer{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:3px;background:#393939;border-top:1px solid #222;min-height:29px}.layer-footer button{height:24px;font-size:18px;border:0;border-radius:0;padding:0 8px}.layer-footer #editMask,.layer-footer #toggleMask{font-size:16px}.properties-panel{flex:1;overflow:auto}.properties-panel section{padding:12px;border-bottom:1px solid #292929}.properties-panel section h2{font-size:11px}.properties-panel .button-grid{grid-template-columns:1fr 1fr}.properties-panel button{font-size:10px;border-radius:2px}.properties-panel .control{font-size:11px}.aside-note{display:none}.primary{background:#557d9b;color:#fff;border-color:#557d9b}.primary:hover{background:#6992b0}.notice{background:#3e464b;border-color:#84a6be;color:#d3dfe7}.app.hide-inspector{grid-template-columns:38px minmax(200px,1fr) 32px}.app.hide-panels{grid-template-columns:1fr}.app.hide-panels .panel-rail{display:none}.app.hide-inspector aside{display:none}@media(max-width:1050px){.menubar .header-actions #new,.menubar .header-actions #load,.menubar .header-actions #openPsd,.menubar .header-actions #exportMore{display:none}.app{grid-template-columns:36px minmax(180px,1fr) 28px 230px}.menu-trigger{padding:0 6px}.brand{margin-right:4px}.layer-settings .control{width:90px}.panel-rail button{font-size:18px}#contextTip{display:none}}@media(max-width:700px){.menubar .header-actions{display:none}.menubar{overflow:visible}.app{grid-template-columns:35px minmax(150px,1fr) 28px 190px}.menu-trigger{font-size:10px;padding:0 5px}.brand{font-size:0}.brand .mark{font-size:18px}.history-dock{height:135px}.layer-settings .control{width:100%}.options strong{min-width:40px}.options{gap:5px}.options input[type=range]{width:40px}.panel-rail{display:none}.app{grid-template-columns:35px minmax(150px,1fr) 190px}.options #autoSelectOption{font-size:10px}}@media(max-width:520px){.app{height:calc(100dvh - 29px);min-height:0;grid-template-columns:34px minmax(100px,1fr)}.app main{height:auto}.app aside{display:none}.tools{max-height:none}.app.hide-inspector{grid-template-columns:34px 1fr}.app.hide-panels{grid-template-columns:1fr}.options{overflow:auto;flex:none}.document-tab input{width:145px!important}.menu-trigger{font-size:10px;padding:0 4px}.brand{display:none}.options strong{display:none}.tools button[data-tool]{height:28px;min-height:28px}}
:root #mobileDock,:root #closeMobileDock{display:none}
@media(max-width:520px){:root #mobileDock{display:block;margin-left:auto;padding:3px 6px;border-radius:0;font-size:10px}:root #closeMobileDock{display:block;margin-left:auto;border:0;font-size:18px}:root .app.mobile-dock-open aside{display:flex;position:fixed;right:0;top:62px;bottom:0;width:258px;z-index:30;border:1px solid #222}.app.mobile-dock-open .history-dock{height:130px}}