:root{--bg:#eef3f5;--panel:#fff;--line:#dce5e8;--text:#17303f;--muted:#72838d;--brand:#0b7a75;--brand2:#1aa098;--soft:#eaf7f5;--selection:#2f87a1;--shadow:0 18px 44px rgba(31,59,70,.12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,Vazirmatn,system-ui,sans-serif;color:var(--text);background:var(--bg);overflow:hidden}button,input{font:inherit}.hidden{display:none!important}.app-shell{height:100vh;display:grid;grid-template-rows:60px 1fr}.topbar{display:grid;grid-template-columns:230px 1fr auto;align-items:center;padding:0 14px;background:#fff;border-bottom:1px solid var(--line);z-index:20}.brand-wrap,.document-meta,.top-actions{display:flex;align-items:center}.brand-wrap{gap:10px}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,var(--brand),#48b9b0);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(11,122,117,.25)}.brand{font-size:20px;font-weight:800;letter-spacing:-.3px}.version-pill{font-size:9px;font-weight:800;color:var(--brand);background:var(--soft);border:1px solid #c9e7e3;border-radius:99px;padding:3px 6px}.document-meta{gap:8px;min-width:0}.document-copy{min-width:0}.doc-title{width:min(420px,48vw);border:1px solid transparent;border-radius:7px;padding:5px 7px;font-weight:700;background:transparent;outline:none}.doc-title:focus,.doc-title:hover{border-color:var(--line);background:#fafcfc}.save-state{font-size:10px;color:var(--muted);padding-left:8px}.top-actions{gap:7px}.divider{width:1px;height:24px;background:var(--line)}button{cursor:pointer}.icon-btn,.ghost-btn,.primary-btn,.mini-btn{border:1px solid var(--line);background:#fff;border-radius:8px;height:34px}.icon-btn{width:34px}.ghost-btn{padding:0 11px}.primary-btn{padding:0 14px;background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.danger{color:#b54747}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7eef0;font-size:11px;font-weight:800}.export-wrap{position:relative}.export-menu{position:absolute;right:0;top:40px;width:190px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:6px;box-shadow:0 14px 35px rgba(23,48,63,.16);z-index:100}.export-menu button{width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:8px;display:grid;gap:2px;color:var(--text)}.export-menu button:hover{background:#f3f7f8}.export-menu b{font-size:11px}.export-menu span{font-size:9px;color:var(--muted)}.workspace{min-height:0;display:grid;grid-template-columns:68px 294px minmax(600px,1fr) 290px}.tool-rail{background:#fff;border-right:1px solid var(--line);padding:9px 7px;display:flex;flex-direction:column;gap:4px}.rail-item{border:0;background:transparent;border-radius:10px;min-height:56px;color:var(--muted);display:grid;place-items:center;gap:2px}.rail-item span{font-size:19px}.rail-item small{font-size:10px}.rail-item:hover{background:#f5f8f9}.rail-item.active{background:var(--soft);color:var(--brand);font-weight:800}.rail-spacer{flex:1}.library-panel,.properties-panel{background:#fff;overflow:auto}.library-panel{border-right:1px solid var(--line);padding:15px}.properties-panel{border-left:1px solid var(--line);padding:14px}.panel-title{font-size:17px;font-weight:800;margin:0 0 12px}.search-box{position:relative;margin-bottom:12px}.search-box input{width:100%;height:38px;padding:0 12px 0 36px;border:1px solid var(--line);border-radius:9px;outline:none;background:#fbfcfd}.search-box:before{content:'⌕';position:absolute;left:12px;top:7px;font-size:18px;color:#8b9aa2}.chip-row{display:flex;gap:6px;overflow:auto;padding-bottom:5px;margin-bottom:12px}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 10px;white-space:nowrap;font-size:11px}.chip.active{background:var(--soft);border-color:#b7dfda;color:var(--brand);font-weight:700}.section-label{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px;font-size:12px;font-weight:700}.asset-grid,.plot-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.asset-card,.plot-card,.template-card,.design-action{border:1px solid var(--line);background:#fff;border-radius:11px}.asset-card{height:112px;display:grid;grid-template-rows:1fr auto;place-items:center;padding:8px;transition:.15s}.asset-card:hover,.template-card:hover,.plot-card:hover{border-color:#acd6d1;box-shadow:0 8px 22px rgba(34,67,78,.08);transform:translateY(-1px)}.asset-card svg{width:64px;height:64px}.asset-card small,.plot-card small{font-size:10.5px;font-weight:700;color:#536873}.template-stack,.design-stack{display:grid;gap:9px}.template-card{overflow:hidden}.template-preview{height:105px;background:#f0f4f5;display:grid;place-items:center}.template-sheet{width:78%;height:70%;background:#fff;border:1px solid #dfe7e9;box-shadow:0 5px 12px rgba(0,0,0,.05);position:relative}.template-sheet:before,.template-sheet:after{content:'';position:absolute;border-radius:50%;width:30px;height:30px;top:18px}.template-sheet:before{left:18px;background:#dff2ef;border:1px solid #76aca7}.template-sheet:after{right:18px;background:#f7e5cb;border:1px solid #ca9a67}.template-meta{padding:9px 10px}.template-meta b{display:block;font-size:11px}.template-meta span{font-size:10px;color:var(--muted)}.design-action{height:44px;padding:0 11px;display:flex;align-items:center;gap:10px}.plot-card{height:94px;padding:8px;display:grid;grid-template-rows:1fr auto;gap:4px}.plot-preview{border-radius:7px;background:#f5f8fa;position:relative;overflow:hidden}.plot-preview.bars{display:flex;align-items:flex-end;gap:5px;padding:11px}.plot-preview.bars i{flex:1;background:#75a8c5;border-radius:2px 2px 0 0}.plot-preview.scatter i{position:absolute;width:6px;height:6px;border-radius:50%;background:#5f91b2}.upload-drop{border:1.5px dashed #bdd0d6;border-radius:13px;padding:28px 14px;text-align:center;color:var(--muted);background:#fafcfd}.canvas-viewport{position:relative;overflow:auto;display:grid;place-items:center;padding:82px 90px 80px;background:#edf2f4}.canvas-viewport.grid-on{background-image:linear-gradient(#dfe7ea 1px,transparent 1px),linear-gradient(90deg,#dfe7ea 1px,transparent 1px);background-size:20px 20px}.context-bar{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:15;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px;display:flex;gap:3px;box-shadow:0 8px 22px rgba(30,60,70,.08);min-height:41px}.context-tool{height:31px;border:0;background:transparent;border-radius:7px;padding:0 9px;color:#596c77;white-space:nowrap}.context-tool:hover{background:#f2f6f7}.context-sep{width:1px;background:var(--line);margin:4px}.artboard-shell{transform-origin:center;transition:transform .12s ease}.artboard{width:960px;height:620px;position:relative;background:#fff;box-shadow:var(--shadow);overflow:hidden}.figure-heading{position:absolute;left:58px;top:42px;width:820px}.eyebrow{font-size:9px;letter-spacing:.14em;color:var(--brand);font-weight:800}.figure-heading h1{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:8px 0 6px}.figure-heading p{margin:0;color:var(--muted);font-size:12px}.canvas-object{position:absolute;cursor:move;user-select:none;transform:rotate(var(--rot,0deg));transform-origin:center center;touch-action:none}.canvas-object.is-selected{outline:1px dashed rgba(47,135,161,.65);outline-offset:2px}.text-object,.label-object{display:grid;place-items:center;font-weight:700;padding:2px 5px}.text-object{font-size:16px}.text-object[contenteditable="true"],.label-object[contenteditable="true"]{cursor:text;user-select:text;outline:2px solid var(--brand);background:#fff}.label-object{background:#fff3e6;border-radius:8px;color:#a96831}.arrow-object{display:grid;place-items:center;font-size:48px;color:#657c88;line-height:1}.line-object{background:currentColor;color:#607986;height:3px!important;transform-origin:left center}.shape-object{background:#dff2ef;border:2px solid #4c9993;border-radius:12px}.plot-object{background:#fff;border:1px solid #cfdde1;border-radius:8px;padding:9px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:5px}.plot-object i{display:block;background:#6b9ebd;border-radius:2px 2px 0 0;min-height:8px}.canvas-footer{position:absolute;left:58px;bottom:30px;color:#98a5ac;font-size:9px}.selection-box{position:absolute;z-index:100;border:1.5px solid var(--selection);pointer-events:auto;touch-action:none}.resize-handle,.rotate-handle{position:absolute;width:10px;height:10px;border:1.5px solid var(--selection);background:#fff;border-radius:2px;padding:0;z-index:103}.resize-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.resize-handle.n{left:50%;top:-6px;transform:translateX(-50%);cursor:ns-resize}.resize-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.resize-handle.e{right:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.resize-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.resize-handle.s{left:50%;bottom:-6px;transform:translateX(-50%);cursor:ns-resize}.resize-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.resize-handle.w{left:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.rotate-stem{position:absolute;left:50%;top:-28px;width:1px;height:21px;background:var(--selection)}.rotate-handle{left:50%;top:-36px;transform:translateX(-50%);border-radius:50%;cursor:grab}.snap-guide{position:absolute;z-index:98;background:#e0559d;pointer-events:none}.snap-guide.vertical{top:0;bottom:0;width:1px}.snap-guide.horizontal{left:0;right:0;height:1px}.canvas-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);padding:5px;border-radius:10px;box-shadow:0 8px 20px rgba(25,55,68,.08);z-index:20}.mini-btn{height:30px;padding:0 9px}.zoom-value{min-width:48px;text-align:center;font-size:11px;font-weight:700}.panel-heading-row,.property-title-row{display:flex;align-items:center;justify-content:space-between}.panel-heading-row h2{font-size:17px;margin:4px 0 0}.property-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.property-title{font-size:11px;font-weight:800;margin-bottom:9px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-grid label{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.field-grid input,.full-field input{width:100%;height:32px;border:1px solid var(--line);border-radius:7px;padding:0 7px}.full-field{display:grid;grid-template-columns:1fr 70px 12px;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:8px}.full-field em{font-style:normal}.range-row{display:grid;grid-template-columns:auto 1fr 40px;align-items:center;gap:8px;font-size:11px}.range-row input{width:100%}.range-row b{text-align:right;font-size:10px}.color-row{display:flex;gap:7px;margin-top:12px}.swatch{width:28px;height:28px;border-radius:7px;border:2px solid #fff;background:var(--swatch);box-shadow:0 0 0 1px var(--line)}.layers-list{display:grid;gap:4px}.layer-item{min-height:38px;padding:0 7px;border-radius:7px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:6px;font-size:11px;border:1px solid transparent}.layer-item:hover{background:#f5f8f9}.layer-item.active{background:var(--soft);color:var(--brand);font-weight:700;border-color:#c9e7e3}.layer-dot{width:7px;height:7px;border-radius:50%;background:#9cabb2}.layer-actions{display:flex;gap:2px}.layer-actions button{border:0;background:transparent;color:var(--muted);width:22px;height:24px;border-radius:5px}.layer-actions button:hover{background:#fff}.layer-hint{font-size:8px;color:#9aa8ae}.shortcut-card{margin-top:14px;padding:9px;border-radius:8px;background:#f5f8f9;color:#71828b;font-size:9px;line-height:1.6}.rtl{font-family:Vazirmatn,Inter,sans-serif}.rtl .search-box input{padding:0 36px 0 12px}.rtl .search-box:before{left:auto;right:12px}.rtl .save-state{padding-left:0;padding-right:8px}.rtl .export-menu{right:auto;left:0}.rtl .export-menu button{text-align:right}@media(max-width:1180px){.workspace{grid-template-columns:64px 260px minmax(520px,1fr)}.properties-panel{display:none}.topbar{grid-template-columns:190px 1fr auto}}