:root{color-scheme:dark;--bg:#0d1721;--panel:#172532;--border:#2a3b4d;--text:#edf4ff;--muted:#a6b4c6;--blue:#0879f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.4 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #34495f;background:#203142;border-radius:6px;padding:8px 10px}button:hover{background:#30475e}button:disabled{opacity:.45;cursor:default}.primary,.formats .active,.toolrail .active{background:#086df0!important;border-color:#1783ff!important;color:white}.top{height:58px;display:flex;align-items:center;gap:20px;background:#121f2b;border-bottom:1px solid #304051;padding:0 17px}.brand{display:flex;align-items:center;gap:10px;min-width:245px}.brandicon{width:46px;height:42px;border:2px solid #c9d8e9;border-radius:5px;font-size:30px;text-align:center;line-height:36px}.brand strong{font-size:20px;display:block;line-height:23px}.brand small{display:block}.menus{display:flex;gap:4px;flex:1}.menus button{border:0;background:none;font-size:15px;padding:8px 11px}.topactions{display:flex;gap:10px}.topactions button{white-space:nowrap}.workspace{height:calc(100vh - 58px);min-height:600px;display:grid;grid-template-columns:68px 350px minmax(360px,1fr) 320px;gap:8px;padding:7px}.toolrail{display:flex;flex-direction:column;gap:4px;overflow:auto;border-right:1px solid var(--border)}.toolrail button{background:transparent;border:0;min-height:65px;padding:6px 1px;font-size:12px}.toolrail button b{display:block;font-size:27px;font-weight:normal;line-height:33px}.leftpanel,.rightpanel{overflow:auto;scrollbar-width:thin}.panel{background:linear-gradient(145deg,#1b2a38,#14212c);border:1px solid #243546;border-radius:8px;padding:13px 12px;margin-bottom:7px}.panel h3{margin:0 0 13px;font-size:16px;display:flex;justify-content:space-between;align-items:center}.panel h3 span{color:#b7c8dc}.panel h3 button{padding:0 5px;border:0;background:transparent;font-size:19px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tile{min-height:76px;padding:8px 3px;font-size:11px;text-align:center}.tile b{display:block;font-size:27px;font-weight:normal;margin-bottom:3px}.airow{display:flex;align-items:center;text-align:left;width:100%;gap:12px;margin:8px 0;padding:11px;background:linear-gradient(110deg,#1750db,#6334d9);border-color:#5b60f8}.airow span:first-child{font-size:28px}.airow small{display:block;font-size:11px;color:#d2d9f4}.airow.subdued{background:#203142;border-color:transparent}.adjust{display:grid;grid-template-columns:78px 1fr 42px;gap:8px;align-items:center;margin:8px 0;font-size:12px}.adjust input[type=range],.property input[type=range]{width:100%;accent-color:#1587ff}.adjust output{border:1px solid #3c5065;padding:5px 0;text-align:center;border-radius:4px}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.filters button{padding:2px;border:0;background:transparent;font-size:11px}.filters button.active .swatch{outline:3px solid #087eff}.swatch{height:59px;display:block;border-radius:6px;background:linear-gradient(135deg,#bc8b73,#394b67);margin-bottom:4px}.center{min-width:0;display:flex;flex-direction:column;gap:7px}.ruler{height:12px;border-bottom:1px solid #516477;background:repeating-linear-gradient(90deg,#334758 0 1px,transparent 1px 20px)}.stage{position:relative;flex:1;min-height:250px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#0b141d;background-image:radial-gradient(#253746 1px,transparent 1px);background-size:20px 20px}.canvaswrap{position:relative;max-width:100%;max-height:100%;box-shadow:0 4px 25px #000a;transform-origin:center;touch-action:none}canvas{display:block;max-width:100%;max-height:100%;background-color:#fff;background-image:linear-gradient(45deg,#d5d9dd 25%,transparent 25%),linear-gradient(-45deg,#d5d9dd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5d9dd 75%),linear-gradient(-45deg,transparent 75%,#d5d9dd 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}#overlayCanvas{position:absolute;inset:0;background:none;cursor:crosshair}.float-ai{position:absolute;top:16px;right:14px;width:218px;background:#172431ee;border:1px solid #33485a;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:9px;box-shadow:0 6px 18px #0008}.float-ai label{font-size:12px}.float-ai input{accent-color:#0c82ff}.zoomBar{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);background:#162737ed;border:1px solid #41566b;border-radius:7px;display:flex;align-items:center;gap:4px;padding:4px}.zoomBar button{padding:5px 9px;border:0;background:transparent}.zoomBar span{min-width:50px;text-align:center}.filmstrip{height:138px;display:flex;align-items:center;gap:11px;overflow:auto;background:#152430;border:1px solid #273848;border-radius:8px;padding:12px}.filmstrip .thumb{height:105px;width:116px;flex:none;object-fit:cover;border:2px solid transparent;border-radius:6px;cursor:pointer}.filmstrip .thumb.selected{border-color:#1284ff}.addimage{height:105px;min-width:104px;background:#152331}.addimage b{display:block;font-size:29px}.layerhead{display:flex;gap:7px;margin-bottom:9px}.layerhead select{width:55%}.layerhead label{white-space:nowrap;display:flex;align-items:center;gap:4px}.layerhead input{width:44px;background:#1d3041;border:1px solid #3b5168;color:white;padding:4px}.layers{min-height:145px;max-height:300px;overflow:auto}.layer{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:6px;cursor:pointer}.layer.selected{background:#0759b3}.layer button{background:none;border:0;padding:4px}.layer img{height:34px;width:38px;object-fit:cover;background:#eee;border-radius:4px}.layer span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layeractions{display:flex;gap:4px;margin-top:9px}.layeractions button{padding:5px;flex:1;font-size:11px}.property{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px}.property input{flex:1;min-width:35px}.property span{margin-left:auto}.textinputs,.format,.textcolor,.formats{display:flex;gap:6px;margin:10px 0}.textinputs select{width:70%}.textinputs input{width:30%}.textinputs select,.textinputs input,.layerhead select{background:#203244;border:1px solid #3a5065;color:white;padding:8px;border-radius:5px}.format button{flex:1;padding:8px 0}.format .selected{background:#175188}.textcolor{align-items:center;justify-content:space-between}.textcolor label{display:flex;align-items:center;gap:7px}.textcolor input{width:38px;height:34px;padding:2px}.formats button{flex:1}.exportpanel p{color:#bdccdc}.exportpanel #download{width:100%;font-size:15px;padding:12px}.exportpanel{margin-bottom:0}#status{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);background:#0e5cbd;color:white;border-radius:8px;padding:10px 16px;z-index:10;display:none}dialog{border:1px solid #52677c;background:#192938;color:white;border-radius:10px;min-width:320px}dialog textarea{width:100%;padding:10px;background:#101b27;color:white;border:1px solid #52677c}.dialogactions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}@media(max-width:1200px){.workspace{grid-template-columns:58px 270px minmax(310px,1fr) 260px}.tiles{grid-template-columns:repeat(3,1fr)}.brand{min-width:190px}.menus button{padding:7px}.top{gap:8px}}@media(max-width:950px){.workspace{grid-template-columns:55px 240px minmax(260px,1fr);height:auto;min-height:calc(100vh - 58px)}.rightpanel{grid-column:2/4;display:grid;grid-template-columns:1fr 1fr;gap:7px;overflow:visible}.rightpanel .panel{margin:0}.center{min-height:650px}.menus{display:none}}@media(max-width:650px){.top{padding:4px 8px}.brand{min-width:0}.brand strong{font-size:15px}.brandicon{display:none}.topactions button{font-size:11px;padding:6px}.workspace{display:grid;grid-template-columns:48px minmax(0,1fr);gap:5px;padding:4px}.toolrail{grid-row:1/3}.center{grid-column:2;grid-row:1;min-height:480px}.leftpanel{grid-column:2;grid-row:2;max-height:450px}.rightpanel{grid-column:2;display:block}.float-ai{width:160px;font-size:11px;padding:7px}.filmstrip{height:95px}.filmstrip .thumb,.addimage{height:70px;width:75px;min-width:75px}.toolrail button{font-size:10px;min-height:55px}.toolrail button b{font-size:20px}.tiles{grid-template-columns:repeat(4,1fr)}}

/* Original-resolution editing: scroll rather than shrinking large uploads. */
.stage{overflow:auto;display:block;text-align:center;padding:20px;scrollbar-width:thin;}
.canvaswrap{display:block;margin:auto;max-width:none;max-height:none;transform:none!important;transform-origin:top left;flex:none;}
.canvaswrap canvas{max-width:none;max-height:none;}
.zoomBar{position:sticky;bottom:8px;left:50%;width:max-content;margin:12px auto 0;transform:none;z-index:3;}