@font-face{font-family:LahzehVF;src:url('assets/fonts/LahzehVF.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:LahzehVF,sans-serif;background:#eef1f7;color:#191b24;overflow:hidden}button,input,select{font:inherit}button{border:1px solid #dfe3ec;background:#fff;color:#282b36;border-radius:9px;padding:8px 11px;cursor:pointer;transition:.18s}button:hover{border-color:#5b5ce2;color:#4e4fc8}.primary{background:#5b5ce2;color:#fff;border-color:#5b5ce2}.topbar{height:68px;background:#171923;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;z-index:20;box-shadow:0 2px 18px #15172828}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#7778ff,#b65cff);font-weight:800}.brand b,.brand small{display:block}.brand small{font-size:11px;color:#aaadba}.top-actions{display:flex;gap:7px;position:relative}.top-actions button{background:#252834;border-color:#363a49;color:#fff}.top-actions .primary{background:#5b5ce2}.export-menu{display:none;position:absolute;top:46px;left:0;background:#fff;padding:7px;border-radius:12px;box-shadow:0 12px 40px #1114;min-width:150px}.export-menu.open{display:grid}.export-menu button{background:#fff;color:#222;text-align:right;border:0}.app-shell{height:calc(100vh - 68px);display:grid;grid-template-columns:92px minmax(0,1fr) 270px;direction:ltr}.toolrail,.inspector,.workspace{direction:rtl}.toolrail{background:#fff;border-right:1px solid #dde1e9;padding:10px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.tool{height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;padding:3px}.tool span{font-size:11px}.tool.active{background:#eeefff;border-color:#6d6ee8;color:#5051d0}.workspace{min-width:0;display:flex;flex-direction:column}.mode-tabs{height:47px;background:#fff;border-bottom:1px solid #dde1e9;display:flex;padding:6px 16px;gap:6px}.mode-tabs button{border:0;background:transparent}.mode-tabs button.active{background:#eeefff;color:#5051d0}.panel{display:none;min-height:0;flex:1}.panel.active{display:flex;flex-direction:column}.contextbar{height:55px;background:#fff;display:flex;align-items:center;gap:13px;padding:7px 14px;border-bottom:1px solid #e3e6ed;overflow-x:auto;white-space:nowrap}.contextbar label,.inspector label{font-size:12px;display:flex;align-items:center;gap:6px}.contextbar input[type=color],.wide-color input{width:30px;height:30px;padding:2px;border:1px solid #ddd;border-radius:8px}.contextbar input[type=number]{width:64px}.canvas-stage{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:42px;background-color:#dfe3eb;background-image:linear-gradient(45deg,#d5d9e2 25%,transparent 25%),linear-gradient(-45deg,#d5d9e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5d9e2 75%),linear-gradient(-45deg,transparent 75%,#d5d9e2 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas-container{box-shadow:0 10px 45px #2224;background:#fff}.statusbar{height:40px;background:#fff;border-top:1px solid #dfe3eb;display:flex;justify-content:space-between;align-items:center;padding:4px 14px;font-size:12px}.statusbar button{padding:3px 9px}.inspector{background:#fff;border-left:1px solid #dde1e9;overflow-y:auto;padding:10px}.inspector section{padding:8px 4px 14px;border-bottom:1px solid #eceef3}.inspector h3{font-size:14px;margin:4px 0 10px}.inspector select,.inspector input[type=number]{width:100%;padding:7px;border:1px solid #dfe3ec;border-radius:8px}.dimension-row{display:flex;align-items:center;gap:5px;margin:8px 0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-grid button{font-size:11px;padding:7px 4px}.inspector label{justify-content:space-between;margin:9px 0}.inspector input[type=range]{width:120px}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.palette button{background:var(--c);border-radius:50%;aspect-ratio:1;padding:0;border:2px solid #ddd}.wide{width:100%;margin-bottom:7px}.danger{color:#d33}.inspector small{color:#858998;font-size:10px}.editor-panel{padding:18px;background:#e5e8ef;overflow:auto}.editor-toolbar{background:#fff;border-radius:14px 14px 0 0;padding:9px;display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:0;z-index:2}.editor-toolbar button{padding:6px 10px}.editor-toolbar label{display:flex;align-items:center;gap:5px}.editor-toolbar input{width:32px;height:30px;border:0}.editor-panel article{background:#fff;width:min(900px,100%);min-height:900px;margin:0 auto 30px;padding:70px 80px;outline:0;box-shadow:0 15px 50px #2222;font-size:20px;line-height:2}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#171923;color:#fff;padding:10px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}.canvas-stage.grid-on{background-color:#eef1f7;background-image:linear-gradient(#cdd2dd 1px,transparent 1px),linear-gradient(90deg,#cdd2dd 1px,transparent 1px);background-size:20px 20px}@media(max-width:900px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.inspector{position:fixed;left:0;top:68px;bottom:0;width:250px;z-index:8;box-shadow:8px 0 30px #1112}.toolrail{padding:7px 4px}.topbar{padding:0 10px}.brand small,.top-actions button:not(.primary):not(#undo):not(#redo){display:none}}@media(max-width:600px){.inspector{display:none}.app-shell{grid-template-columns:60px minmax(0,1fr)}.contextbar{height:50px}.canvas-stage{padding:20px}.brand b{font-size:13px}.topbar{height:58px}.app-shell{height:calc(100vh - 58px)}.editor-panel article{padding:35px 25px}.tool{height:51px}.tool span{font-size:9px}}