/* === PM Draw clean build scrollbar === */ #tab-pmd-draw, #tab-pmd-draw .tab-main, #tab-pmd-draw .pmd-draw-panel{ height:100%; min-height:0; } #tab-pmd-draw .tab-main{ overflow:hidden !important; } #tab-pmd-draw .pmd-draw-panel{ display:flex; flex-direction:column; box-sizing:border-box; padding:14px 0 14px 14px !important; overflow:hidden !important; font-family:'Poppins',sans-serif; color:#111111; } #tab-pmd-draw .pmd-draw-header{ flex:0 0 auto; margin-bottom:14px; padding-right:12px; } #tab-pmd-draw .pmd-draw-body{ flex:1 1 auto; min-height:0; display:block; box-sizing:border-box; overflow-y:auto !important; overflow-x:hidden !important; padding:0 !important; margin:0 !important; scrollbar-width:auto; scrollbar-color:rgba(128,128,134,0.74) rgba(0,0,0,0.08); } #tab-pmd-draw .pmd-draw-body > *{ margin-right:10px; } #tab-pmd-draw .pmd-draw-body::-webkit-scrollbar{ -webkit-appearance:none; display:block !important; width:10px; height:10px; background:transparent; } #tab-pmd-draw .pmd-draw-body::-webkit-scrollbar-track{ background:rgba(0,0,0,0.06); border-radius:999px; margin:2px 0; } #tab-pmd-draw .pmd-draw-body::-webkit-scrollbar-thumb{ background:rgba(136,136,142,0.72); border-radius:999px; border:2px solid rgba(255,255,255,0.65); min-height:44px; } #tab-pmd-draw .pmd-draw-body:hover::-webkit-scrollbar-thumb{ background:rgba(124,124,130,0.82); } #tab-pmd-draw .pmd-draw-body::-webkit-scrollbar-thumb:active{ background:rgba(112,112,118,0.9); } #tab-pmd-draw .pmd-draw-body::-webkit-scrollbar-corner{ background:transparent; } #tab-pmd-draw .pmd-draw-heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px;} #tab-pmd-draw .pmd-draw-heading{font-size:17px;line-height:1.2;font-weight:400;color:#111111;} #tab-pmd-draw .pmd-draw-note{margin-top:6px;font-size:12px;line-height:1.5;color:#666666;} #tab-pmd-draw .pmd-draw-header-reset{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#111111;padding:0;cursor:pointer;font-size:13px;font-weight:400;} #tab-pmd-draw .pmd-draw-panel{overflow:hidden;} #tab-pmd-draw .pmd-draw-body{display:block;overflow-y:scroll !important;overflow-x:hidden !important;scrollbar-width:thin;scrollbar-color:rgba(132,132,138,0.82) rgba(0,0,0,0.06);scrollbar-gutter:auto;padding-right:6px;margin-right:0;} #tab-pmd-draw .pmd-draw-group{margin-bottom:18px;} #tab-pmd-draw .pmd-draw-subheading{font-size:13px;color:#111111;margin-bottom:8px;} #tab-pmd-draw .pmd-draw-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;} #tab-pmd-draw .pmd-draw-tool,#tab-pmd-draw .pmd-draw-actions button{display:block;width:100%;padding:9px 10px;border:1px solid #d8d8d8;background:#ffffff;color:#111111;border-radius:8px;text-align:left;font-size:13px;cursor:pointer;transition:all .15s ease;} #tab-pmd-draw .pmd-draw-tool:hover,#tab-pmd-draw .pmd-draw-actions button:hover{border-color:#bdbdbd;background:#f7f7f7;} #tab-pmd-draw .pmd-draw-tool.active{background:#111111;color:#ffffff;border-color:#111111;} #tab-pmd-draw .pmd-draw-primary{background:#111111!important;color:#ffffff!important;border-color:#111111!important;} #tab-pmd-draw .pmd-draw-help{margin-top:8px;font-size:9.5px;color:#5a5a5a;line-height:1.4;} #tab-pmd-draw .pmd-draw-row{display:grid;grid-template-columns:90px 1fr 72px;gap:8px;align-items:center;margin-bottom:10px;} #tab-pmd-draw .pmd-draw-row-color{grid-template-columns:90px 1fr;} #tab-pmd-draw .pmd-draw-node-color-row input[type="color"], #tab-pmd-draw .pmd-draw-handle-color-row input[type="color"]{height:32px;border:0;border-radius:8px;background:#ffffff;padding:4px;box-sizing:border-box;cursor:pointer;box-shadow:none;} #tab-pmd-draw .pmd-draw-row label{margin:0;font-size:12px;color:#333333;font-weight:400;} #tab-pmd-draw input[type="color"]{width:100%;box-sizing:border-box;} #tab-pmd-draw input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;box-sizing:border-box;background:transparent;height:18px;margin:0;} #tab-pmd-draw input[type="range"]:focus{outline:none;} #tab-pmd-draw input[type="range"]::-webkit-slider-runnable-track{height:2px;background:#bdbdbd;border-radius:999px;} #tab-pmd-draw input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:#7d7d7d;border:0;box-shadow:none;} #tab-pmd-draw input[type="range"]::-moz-range-track{height:2px;background:#bdbdbd;border-radius:999px;border:0;} #tab-pmd-draw input[type="range"]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#7d7d7d;border:0;box-shadow:none;} #tab-pmd-draw .pmd-draw-row span{text-align:right;font-size:12px;color:#666666;} #tab-pmd-draw .pmd-stroke-width-input{width:100%;box-sizing:border-box;border:1px solid #d8d8d8;border-radius:8px;background:#ffffff;color:#111111;padding:7px 8px;font-size:12px;line-height:1.2;text-align:right;} #tab-pmd-draw .pmd-stroke-width-input:focus{outline:none;border-color:#bdbdbd;box-shadow:0 0 0 2px rgba(17,17,17,0.06);} #tab-pmd-draw .pmd-style-select{width:100%;box-sizing:border-box;border:1px solid #d8d8d8;border-radius:8px;background:#ffffff;color:#111111;padding:7px 10px;font-size:12px;line-height:1.2;height:32px;} #tab-pmd-draw .pmd-style-select:focus{outline:none;border-color:#bdbdbd;box-shadow:0 0 0 2px rgba(17,17,17,0.06);} #tab-pmd-draw .pmd-draw-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;} #tab-pmd-draw .pmd-draw-actions-pen{grid-template-columns:1fr 1fr;} #tab-pmd-draw .pmd-draw-status{margin-top:10px;padding:10px 12px;border:1px solid #ededed;background:#fafafa;border-radius:8px;font-size:12px;color:#444444;line-height:1.4;} #tab-pmd-draw .pmd-draw-status.is-error{color:#b00020;border-color:#f0c4cc;background:#fff6f7;} #tab-pmd-draw .is-hidden{display:none !important;} #tab-pmd-draw .pmd-selected-style-heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px;} #tab-pmd-draw .pmd-selected-object-type{font-size:11px;color:#777;background:#f4f4f4;border:1px solid #e3e3e3;border-radius:999px;padding:3px 8px;line-height:1;} #tab-pmd-draw .pmd-selected-style-panel{padding:10px 12px;border:1px solid #e8e8e8;border-radius:10px;background:#fbfbfb;} #tab-pmd-draw .pmd-selected-style-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;position:relative;} #tab-pmd-draw .pmd-adobe-colors{position:relative;width:52px;height:52px;flex:0 0 52px;} #tab-pmd-draw .pmd-adobe-chip-wrap{position:absolute;width:34px;height:34px;} #tab-pmd-draw .pmd-adobe-chip-fill{left:0;bottom:0;z-index:1;} #tab-pmd-draw .pmd-adobe-chip-stroke{right:0;top:0;z-index:2;} #tab-pmd-draw .pmd-adobe-chip{position:absolute;inset:0;border:0;background:transparent;padding:0;cursor:pointer;} #tab-pmd-draw .pmd-chip-picker{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;z-index:3;} #tab-pmd-draw .pmd-adobe-chip-box{display:block;position:relative;width:34px;height:34px;border:1.5px solid #1a1a1a;border-radius:7px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.08);overflow:hidden;} #tab-pmd-draw .pmd-adobe-chip-box-stroke{background:#fff;} #tab-pmd-draw .pmd-adobe-chip-fill-preview,#tab-pmd-draw .pmd-adobe-chip-stroke-preview{display:block;position:absolute;inset:0;border-radius:6px;opacity:1;box-shadow:inset 0 0 0 1px #bdbdbd;} #tab-pmd-draw .pmd-adobe-chip-box-stroke .pmd-adobe-chip-stroke-preview{inset:4px;border:2px solid #000;background:transparent;border-radius:4px;box-shadow:0 0 0 1px #bdbdbd;} #tab-pmd-draw .pmd-adobe-chip-wrap.is-active{z-index:5 !important;} #tab-pmd-draw .pmd-adobe-chip-wrap.is-active .pmd-adobe-chip-box{box-shadow:0 0 0 2px rgba(17,17,17,0.2),0 1px 3px rgba(0,0,0,0.08);} #tab-pmd-draw .pmd-adobe-chip-wrap.is-disabled{opacity:0.55;} #tab-pmd-draw .pmd-adobe-chip-none{display:none;position:absolute;left:5px;right:5px;top:16px;height:2px;background:#111;transform:rotate(-35deg);transform-origin:center;opacity:0.95;pointer-events:auto;} #tab-pmd-draw .pmd-adobe-chip-wrap.is-none .pmd-adobe-chip-none{display:block;} #tab-pmd-draw .pmd-selected-style-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:1 1 auto;min-width:0;} #tab-pmd-draw .pmd-selected-style-target{font-size:12px;font-weight:600;color:#111;line-height:1.2;padding-top:3px;} #tab-pmd-draw .pmd-selected-style-actions{display:flex;align-items:center;gap:6px;} #tab-pmd-draw .pmd-selected-style-icon{width:28px;height:28px;border:1px solid #dddddd;border-radius:8px;background:#fff;color:#111;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;font-size:13px;line-height:1;} #tab-pmd-draw .pmd-selected-style-icon:hover{background:#f6f6f6;border-color:#cccccc;} #tab-pmd-draw .pmd-selected-color-picker{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:auto;} #tab-pmd-draw .pmd-selected-style-row{display:grid;grid-template-columns:90px 1fr 72px;gap:8px;align-items:center;margin-bottom:8px;} #tab-pmd-draw .pmd-selected-style-row:last-child{margin-bottom:0;} #tab-pmd-draw .pmd-selected-style-row label{margin:0;font-size:12px;color:#333;font-weight:400;} #tab-pmd-draw .pmd-selected-style-row span{text-align:right;font-size:12px;color:#666;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-number input[type="number"]{width:100%;box-sizing:border-box;border:1px solid #d8d8d8;border-radius:8px;background:#ffffff;color:#111111;padding:7px 10px;font-size:12px;line-height:1.2;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-number input[type="number"]:focus{outline:none;border-color:#bdbdbd;box-shadow:0 0 0 2px rgba(17,17,17,0.06);} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-paired{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-paired .pmd-paired-field{display:flex;flex-direction:column;gap:6px;min-width:0;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-paired .pmd-paired-field label{font-size:12px;font-weight:400;color:#444;text-align:left;} #tab-pmd-draw .pmd-star-inner-radius-wrap.is-hidden{display:none !important;} #tab-pmd-draw .pmd-selected-style-panel, #tab-pmd-draw .pmd-selected-style-panel *, #tab-pmd-draw .pmd-chip-picker, #tab-pmd-draw .pmd-selected-style-target, #tab-pmd-draw .pmd-selected-object-type{font-family:'Poppins',sans-serif;} .pmd-draw-tab-icon{display:inline-flex;align-items:center;justify-content:center;} /* v1.2.4 simple clean toolbar */ #tab-pmd-draw .pmd-draw-tools-grid{ display:flex !important; gap:0 !important; width:100% !important; background:#000 !important; padding:2px !important; border-radius:6px !important; box-sizing:border-box !important; } #tab-pmd-draw .pmd-draw-tool{ flex:1 !important; min-width:0 !important; height:50px !important; padding:3px 0 4px !important; margin:0 !important; background:transparent !important; border:none !important; border-radius:4px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; cursor:pointer !important; box-sizing:border-box !important; box-shadow:none !important; transition:background .15s ease !important; } #tab-pmd-draw .pmd-draw-tool:hover{ background:#1a1a1a !important; transform:none !important; } #tab-pmd-draw .pmd-draw-tool.active{ background:rgba(255,255,255,0.06) !important; outline:1px solid rgba(255,255,255,0.35) !important; outline-offset:0 !important; } #tab-pmd-draw .pmd-tool-icon{ width:auto !important; height:24px !important; max-width:28px !important; object-fit:contain !important; display:block !important; opacity:1 !important; visibility:visible !important; filter:none !important; color:#ffffff !important; } #tab-pmd-draw .pmd-tool-label{ display:block !important; margin-top:5px !important; font-size:9px !important; line-height:1 !important; color:#bbb !important; text-align:center !important; white-space:nowrap !important; } #tab-pmd-draw .pmd-draw-tool:hover .pmd-tool-label, #tab-pmd-draw .pmd-draw-tool.active .pmd-tool-label{ color:#fff !important; } #tab-pmd-draw .pmd-draw-panel, #tab-pmd-draw .pmd-draw-panel *{font-family:'Poppins',sans-serif;} #tab-pmd-draw .pmd-selected-style-row label{text-align:left;justify-self:start;width:100%;} #tab-pmd-draw .pmd-selected-style-group{display:block !important;} #tab-pmd-draw .pmd-selected-style-heading-row span:first-child{font-weight:500;} #tab-pmd-draw .pmd-draw-group-appearance-legacy{display:none !important;} /* === Pen Options UI === */ .pmd-pen-options { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; } .pmd-pen-options input[type=range] { width: 100%; } .pmd-pen-options input[type=color] { width: 100%; height: 28px; border: none; } #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-toggle input[type="checkbox"]{justify-self:start;width:16px;height:16px;accent-color:#111111;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-color input[type="color"]{width:100%;height:32px;border:1px solid #bdbdbd;border-radius:8px;background:#ffffff;padding:4px;box-sizing:border-box;box-shadow:inset 0 0 0 1px #e3e3e3;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-preview{grid-template-columns:90px 1fr 72px;} #tab-pmd-draw .pmd-selected-gradient-preview{width:100%;height:32px;border:1px solid #d8d8d8;border-radius:8px;background-color:#ffffff;background-image:linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 75%, #f0f0f0 75%, #f0f0f0),linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 75%, #f0f0f0 75%, #f0f0f0),linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(17,17,17,1) 100%);background-size:12px 12px,12px 12px,100% 100%;background-position:0 0,6px 6px,0 0;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-composer{display:block;margin-top:6px;} #tab-pmd-draw .pmd-selected-gradient-composer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;} #tab-pmd-draw .pmd-selected-gradient-composer-head label{font-size:12px;font-weight:600;color:#444;} #tab-pmd-draw .pmd-selected-gradient-composer{display:grid;grid-template-columns:56px 1fr 56px;gap:10px;align-items:end;width:100%;} #tab-pmd-draw .pmd-selected-gradient-endcap{display:flex;flex-direction:column;gap:6px;align-items:stretch;} #tab-pmd-draw .pmd-selected-gradient-endcap-label{font-size:11px;line-height:1;color:#666;text-align:center;} #tab-pmd-draw .pmd-selected-gradient-composer input[type="color"]{width:56px;height:36px;padding:2px;border:1px solid #d8d8d8;border-radius:10px;background:#fff;box-sizing:border-box;cursor:pointer;} #tab-pmd-draw .pmd-selected-gradient-bar-wrap{position:relative;min-height:54px;display:flex;align-items:center;width:100%;} #tab-pmd-draw .pmd-selected-gradient-preview{width:100%;height:28px;border:1px solid #d8d8d8;border-radius:999px;background-color:#ffffff;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0),linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0);background-size:12px 12px,12px 12px;background-position:0 0,6px 6px;overflow:hidden;} #tab-pmd-draw .pmd-selected-gradient-stop-bar{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:auto;overflow:visible;} #tab-pmd-draw .pmd-gradient-stop-handle{position:absolute;top:50%;width:16px;height:16px;border-radius:3px;border:2px solid #444;background:#fff;transform:translate(-50%, -50%) rotate(45deg);pointer-events:auto;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,0.22);z-index:2;} #tab-pmd-draw .pmd-gradient-stop-handle.is-selected{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,0.14),0 1px 3px rgba(0,0,0,0.2);z-index:3;} #tab-pmd-draw .pmd-gradient-stop-handle::before{content:'';position:absolute;inset:2px;border-radius:1px;background:var(--stop-color,#fff);} #tab-pmd-draw .pmd-gradient-stop-action{width:32px;height:32px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;color:#111;cursor:pointer;line-height:1;flex:0 0 auto;} #tab-pmd-draw .pmd-gradient-stop-action:hover{background:#f5f5f5;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-stop{grid-template-columns:90px 1fr 72px;} #tab-pmd-draw .pmd-gradient-stop-handle::after{content:'';position:absolute;left:50%;top:100%;width:2px;height:8px;background:#444;transform:translateX(-50%) rotate(-45deg);transform-origin:top center;} @media (max-width: 640px){ #tab-pmd-draw .pmd-selected-gradient-composer{grid-template-columns:48px 1fr 48px;gap:8px;} #tab-pmd-draw .pmd-selected-gradient-composer input[type="color"]{width:48px;height:34px;} } #tab-pmd-draw .pmd-selected-gradient-composer{display:grid;grid-template-columns:34px 1fr 34px;gap:10px;align-items:center;} #tab-pmd-draw .pmd-selected-gradient-endcap{display:flex;flex-direction:column;align-items:center;gap:6px;} #tab-pmd-draw .pmd-selected-gradient-endcap-label{font-size:9.5px;color:#555;font-weight:600;line-height:1;text-align:center;} #tab-pmd-draw .pmd-selected-gradient-endcap input[type="color"]{width:24px;height:24px;padding:0;border:1px solid #cfcfcf;border-radius:2px;background:#fff;cursor:pointer;box-sizing:border-box;} #tab-pmd-draw .pmd-selected-gradient-endcap.is-selected input[type="color"]{box-shadow:0 0 0 2px rgba(17,17,17,0.16);border-color:#111;} #tab-pmd-draw .pmd-selected-gradient-bar-wrap{min-height:34px;} #tab-pmd-draw .pmd-selected-gradient-preview{height:24px;border-radius:2px;background:#fff;border:1px solid #d8d8d8;} #tab-pmd-draw .pmd-selected-gradient-stop-bar{top:-6px;bottom:-10px;background:none !important;} #tab-pmd-draw .pmd-gradient-stop-handle{top:50%;width:10px;height:10px;border-radius:2px;border:1px solid #111;background:var(--stop-color,#111);transform:translate(-50%, -50%) rotate(45deg);box-shadow:0 1px 2px rgba(0,0,0,0.16);} #tab-pmd-draw .pmd-gradient-stop-handle::before{display:none;} #tab-pmd-draw .pmd-gradient-stop-handle::after{content:'';position:absolute;left:50%;top:100%;width:1px;height:7px;background:#111;transform:translateX(-50%) rotate(-45deg);transform-origin:top center;} #tab-pmd-draw .pmd-gradient-stop-handle.is-selected{box-shadow:0 0 0 3px rgba(17,17,17,0.14),0 1px 2px rgba(0,0,0,0.18);} #tab-pmd-draw .pmd-gradient-stop-action[disabled]{opacity:.45;cursor:not-allowed;} #tab-pmd-draw #pmd-selected-gradient-start-row, #tab-pmd-draw #pmd-selected-gradient-start-opacity-row, #tab-pmd-draw #pmd-selected-gradient-end-row, #tab-pmd-draw #pmd-selected-gradient-end-opacity-row{display:none !important;} #tab-pmd-draw .pmd-selected-gradient-composer{grid-template-columns:64px 1fr 64px;gap:12px;align-items:start;} #tab-pmd-draw .pmd-selected-gradient-endcap{align-items:center;} #tab-pmd-draw .pmd-selected-gradient-composer input[type="color"]{width:56px;height:56px;border-radius:8px;padding:3px;} #tab-pmd-draw .pmd-selected-gradient-endcap.is-selected input[type="color"]{box-shadow:0 0 0 3px rgba(17,17,17,0.12);border-color:#111;} #tab-pmd-draw .pmd-gradient-stop-action[disabled]{opacity:0.45;cursor:not-allowed;} /* v1.2.41.7 gradient UI fine tuning */ #tab-pmd-draw .pmd-selected-gradient-composer{grid-template-columns:28px 1fr 28px;gap:10px;align-items:center;} #tab-pmd-draw .pmd-selected-gradient-endcap input[type="color"]{width:24px;height:24px;padding:0;border:1px solid #111;border-radius:4px;} #tab-pmd-draw .pmd-selected-gradient-endcap.is-selected input[type="color"]{box-shadow:0 0 0 2px rgba(17,17,17,0.18);} #tab-pmd-draw .pmd-selected-gradient-bar-wrap{min-height:38px;} #tab-pmd-draw .pmd-selected-gradient-preview{height:24px;border-radius:999px;} #tab-pmd-draw .pmd-selected-gradient-stop-bar{top:-6px;bottom:-10px;} #tab-pmd-draw .pmd-gradient-stop-handle{width:10px;height:10px;border-radius:2px;border:1px solid #111;background:#111;box-shadow:0 1px 2px rgba(0,0,0,0.14);} #tab-pmd-draw .pmd-gradient-stop-handle.is-removing{opacity:.35;transform:translate(-50%, -50%) rotate(45deg) scale(0.9);} #tab-pmd-draw .pmd-gradient-stop-handle::after{height:6px;} /* v1.2.41.8 image-inspired gradient composer UI */ #tab-pmd-draw .pmd-selected-gradient-composer-head{margin-bottom:8px;} #tab-pmd-draw .pmd-selected-gradient-composer-head label{font-size:12px;font-weight:600;color:#444;} #tab-pmd-draw #pmd-selected-gradient-add-stop{display:none !important;} #tab-pmd-draw .pmd-selected-gradient-composer{grid-template-columns:30px 1fr 30px !important;gap:8px !important;align-items:center !important;} #tab-pmd-draw .pmd-selected-gradient-endcap{display:flex;align-items:center;justify-content:center;} #tab-pmd-draw .pmd-selected-gradient-endcap-label{display:none !important;} #tab-pmd-draw .pmd-selected-gradient-endcap input[type="color"]{width:28px !important;height:28px !important;border-radius:2px !important;padding:0 !important;border:1px solid #5a5a5a !important;box-shadow:none !important;} #tab-pmd-draw .pmd-selected-gradient-endcap.is-selected input[type="color"]{outline:2px solid rgba(17,17,17,0.18);outline-offset:1px;box-shadow:none !important;} #tab-pmd-draw .pmd-selected-gradient-bar-wrap{min-height:58px !important;display:flex;align-items:center;} #tab-pmd-draw .pmd-selected-gradient-preview{height:28px !important;border-radius:1px !important;border:1px solid #777 !important;background-color:#fff;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0),linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0);background-size:10px 10px,10px 10px;background-position:0 0,5px 5px;overflow:visible !important;} #tab-pmd-draw .pmd-selected-gradient-stop-bar{top:-14px !important;bottom:0 !important;overflow:visible !important;} #tab-pmd-draw .pmd-gradient-stop-handle{top:0 !important;width:14px !important;height:14px !important;border-radius:1px !important;border:1px solid #5a5a5a !important;background:var(--stop-color,#fff) !important;transform:translate(-50%,-50%) rotate(45deg) !important;box-shadow:none !important;} #tab-pmd-draw .pmd-gradient-stop-handle::before{display:none !important;} #tab-pmd-draw .pmd-gradient-stop-handle::after{content:'' !important;position:absolute;left:50%;top:100%;width:1px;height:10px;background:#5a5a5a;transform:translateX(-50%) rotate(-45deg);transform-origin:top center;} #tab-pmd-draw .pmd-gradient-stop-handle.is-selected{border-color:#111 !important;box-shadow:0 0 0 2px rgba(17,17,17,0.12) !important;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-stop{display:block !important;margin-top:8px;} #tab-pmd-draw #pmd-selected-gradient-stop-position-row label{display:none !important;} #tab-pmd-draw #pmd-selected-gradient-stop-position-input{display:none !important;} #tab-pmd-draw #pmd-selected-gradient-stop-position{width:100% !important;display:block;} #tab-pmd-draw #pmd-selected-gradient-stop-position-row input[type="range"]{accent-color:#111;} #tab-pmd-draw #pmd-selected-gradient-stop-position-row input[type="range"]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:999px;background:#111;border:none;box-shadow:0 0 0 1px rgba(0,0,0,0.15);} #tab-pmd-draw #pmd-selected-gradient-stop-position-row input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:#111;border:none;} #tab-pmd-draw #pmd-selected-gradient-stop-color-row{grid-template-columns:90px 1fr 32px;} #tab-pmd-draw #pmd-selected-gradient-stop-color{height:30px;border-radius:2px;padding:0;border:1px solid #777;} #tab-pmd-draw #pmd-selected-gradient-remove-stop{border-radius:4px;height:30px;} /* v1.2.41.9 gradient bar preview + opacity-first control */ #tab-pmd-draw .pmd-selected-gradient-preview{display:none !important;} #tab-pmd-draw .pmd-selected-gradient-bar-wrap{position:relative;min-height:24px;display:block;} #tab-pmd-draw .pmd-selected-gradient-stop-bar{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100%;height:24px;border:1px solid #d8d8d8;border-radius:999px;background-color:#ffffff;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0),linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0),linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(17,17,17,1) 100%);background-size:12px 12px,12px 12px,100% 100%;background-position:0 0,6px 6px,0 0;background-repeat:repeat,repeat,no-repeat;overflow:visible;} #tab-pmd-draw #pmd-selected-gradient-stop-position-row{display:none !important;} #tab-pmd-draw .pmd-selected-gradient-divider{height:2px;background:#cfcfcf;margin:10px 0 12px;} #tab-pmd-draw .pmd-selected-gradient-top-toggle{font-size:0 !important; position:relative; overflow:hidden; background:linear-gradient(135deg,#ff4d4d 0%,#ffd54f 32%,#4dd0e1 68%,#7c4dff 100%) !important; border-color:#cfcfcf !important;} #tab-pmd-draw .pmd-selected-gradient-top-toggle::before{content:""; position:absolute; inset:5px; border-radius:4px; background:linear-gradient(135deg,#ff4d4d 0%,#ffd54f 32%,#4dd0e1 68%,#7c4dff 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.65);} #tab-pmd-draw .pmd-selected-gradient-top-toggle:hover{filter:brightness(1.03);} #tab-pmd-draw .pmd-selected-gradient-top-toggle[for="pmd-selected-gradient-enable"]{cursor:pointer;} /* v1.2.41.20 gradient bar alignment + visible preview */ #tab-pmd-draw .pmd-selected-gradient-composer{grid-template-columns:28px 1fr 28px !important;gap:8px !important;align-items:center !important;} #tab-pmd-draw .pmd-selected-gradient-endcap{display:flex !important;align-items:center !important;justify-content:center !important;height:28px !important;} #tab-pmd-draw .pmd-selected-gradient-endcap input[type="color"]{width:28px !important;height:28px !important;padding:0 !important;border:1px solid #6e6e6e !important;border-radius:2px !important;box-sizing:border-box !important;} #tab-pmd-draw .pmd-selected-gradient-bar-wrap{min-height:28px !important;height:28px !important;display:flex !important;align-items:center !important;} #tab-pmd-draw .pmd-selected-gradient-preview{display:none !important;} #tab-pmd-draw .pmd-selected-gradient-stop-bar{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100% !important;height:28px !important;border:1px solid #6e6e6e !important;border-radius:0 !important;background-color:#ffffff !important;background-repeat:no-repeat !important;background-position:0 0 !important;background-size:100% 100% !important;overflow:visible !important;} #tab-pmd-draw .pmd-gradient-stop-handle{top:50% !important;transform:translate(-50%,-50%) rotate(45deg) !important;} #tab-pmd-draw .pmd-selected-gradient-top-toggle{align-self:center;} /* v1.2.41.21 bar preview fix */ #tab-pmd-draw .pmd-selected-gradient-bar-wrap{position:relative !important;display:block !important;min-height:28px !important;height:28px !important;} #tab-pmd-draw .pmd-selected-gradient-preview{display:block !important;position:absolute !important;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;width:100% !important;height:28px !important;border:1px solid #6e6e6e !important;border-radius:0 !important;background-color:#ffffff !important;background-repeat:no-repeat !important;background-position:0 0 !important;background-size:100% 100% !important;overflow:hidden !important;z-index:1 !important;} #tab-pmd-draw .pmd-selected-gradient-stop-bar{position:absolute !important;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;width:100% !important;height:28px !important;border:1px solid transparent !important;border-radius:0 !important;background:transparent !important;overflow:visible !important;z-index:2 !important;} #tab-pmd-draw .pmd-gradient-stop-handle{z-index:3 !important;} #tab-pmd-draw .pmd-selected-style-row.pmd-selected-style-row-select{grid-template-columns:90px 1fr 72px;} #tab-pmd-draw #pmd-selected-gradient-type-row span{display:block;} /* v1.2.41.26 group gradient + type toggle together */ #tab-pmd-draw .pmd-selected-gradient-top-group{display:inline-flex;align-items:center;gap:4px;} #tab-pmd-draw .pmd-selected-gradient-type-top-toggle{min-width:28px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;border-color:#cfcfcf !important;background:#ffffff !important;color:#333 !important;} #tab-pmd-draw .pmd-selected-gradient-type-top-toggle.is-radial{background:#111 !important;color:#fff !important;border-color:#111 !important;} #tab-pmd-draw .pmd-selected-gradient-type-top-toggle.is-linear{background:#fff !important;color:#333 !important;} #tab-pmd-draw #pmd-selected-gradient-type-row{display:none !important;} #tab-pmd-draw .pmd-selected-gradient-top-divider{display:inline-block;width:1px;height:20px;background:#d4d4d4;opacity:.95;margin:0 2px;border-radius:1px;} #tab-pmd-draw .pmd-transform-panel{padding:10px 12px;border:1px solid #e8e8e8;border-radius:10px;background:#fbfbfb;} #tab-pmd-draw .pmd-transform-checks{display:flex;flex-direction:column;gap:8px;margin:10px 0 12px;} #tab-pmd-draw .pmd-transform-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#333;} #tab-pmd-draw .pmd-transform-check input[type="checkbox"]{width:16px;height:16px;accent-color:#111111;} #tab-pmd-draw .pmd-transform-actions{grid-template-columns:1fr 1fr;} #tab-pmd-draw .pmd-transform-panel{padding:10px 12px 8px;border-radius:10px;background:#fbfbfb;border:1px solid #e8e8e8;} #tab-pmd-draw .pmd-transform-size-row{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:8px;} #tab-pmd-draw .pmd-transform-dim{display:grid;grid-template-columns:18px 1fr;gap:6px;align-items:center;} #tab-pmd-draw .pmd-transform-dim-label{font-size:11px;font-weight:600;color:#555;justify-self:center;} #tab-pmd-draw .pmd-transform-dim .pmd-stroke-width-input{height:30px;padding:6px 8px;text-align:center;} #tab-pmd-draw .pmd-transform-unit-inline{display:flex;align-items:center;justify-content:flex-end;} #tab-pmd-draw .pmd-transform-unit-inline .pmd-transform-unit-select{margin:0;} #tab-pmd-draw .pmd-transform-link-btn{width:34px;height:30px;padding:0;border:1px solid #d8d8d8;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:#666;cursor:pointer;} #tab-pmd-draw .pmd-transform-link-btn.is-active{background:#111;color:#fff;border-color:#111;} #tab-pmd-draw .pmd-transform-checks{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin:0 0 10px;} #tab-pmd-draw .pmd-transform-check{display:flex;align-items:center;gap:6px;font-size:11px;color:#333;flex:1 1 auto;text-align:left;} #tab-pmd-draw .pmd-transform-check input[type="checkbox"]{width:14px;height:14px;accent-color:#111;flex:0 0 auto;} #tab-pmd-draw .pmd-transform-check span{font-weight:400;text-align:left;} #tab-pmd-draw .pmd-transform-unit-select{height:30px;min-width:52px;padding:4px 8px;border:1px solid #d8d8d8;border-radius:7px;background:#fff;font-size:11px;color:#333;flex:0 0 auto;text-transform:lowercase;} #tab-pmd-draw .pmd-transform-actions-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;} #tab-pmd-draw .pmd-transform-actions-icons button{height:30px;padding:0;border-radius:8px;font-size:14px;display:flex;align-items:center;justify-content:center;} /* v1.2.42.5 transform fill stability */ #tab-pmd-draw .pmd-selected-style-meta{align-items:center;} #tab-pmd-draw .pmd-selected-style-target{padding-top:0;} #tab-pmd-draw .pmd-selected-style-actions{align-items:center;} #tab-pmd-draw .pmd-selected-gradient-top-group{align-items:center; height:28px;} #tab-pmd-draw .pmd-selected-gradient-top-toggle, #tab-pmd-draw .pmd-selected-gradient-type-top-toggle{height:28px; display:inline-flex; align-items:center; justify-content:center;} #tab-pmd-draw .pmd-transform-group .pmd-draw-subheading{font-size:12px;} #tab-pmd-draw label.pmd-selected-gradient-top-toggle{margin-bottom:0 !important;} /* v1.2.42.13 transform icons + grouping */ #tab-pmd-draw .pmd-transform-link-btn{position:relative;overflow:hidden;} #tab-pmd-draw .pmd-transform-toggle-icon{width:17px;height:17px;display:none;pointer-events:none;} #tab-pmd-draw .pmd-transform-link-btn.is-active .pmd-transform-toggle-icon-uniform{display:block;filter:brightness(0) invert(1);} #tab-pmd-draw .pmd-transform-link-btn.is-active .pmd-transform-toggle-icon-nonuniform{display:none;} #tab-pmd-draw .pmd-transform-link-btn:not(.is-active) .pmd-transform-toggle-icon-uniform{display:none;} #tab-pmd-draw .pmd-transform-link-btn:not(.is-active) .pmd-transform-toggle-icon-nonuniform{display:block;filter:brightness(0) saturate(100%);} #tab-pmd-draw .pmd-transform-checks{display:flex;gap:10px;align-items:center;margin:0 0 10px;} #tab-pmd-draw .pmd-transform-check{display:flex;align-items:center;gap:6px;font-size:11px;color:#333;line-height:1.25;} #tab-pmd-draw .pmd-transform-check span{white-space:nowrap;} #tab-pmd-draw .pmd-transform-actions-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;} #tab-pmd-draw .pmd-transform-actions-icons button{height:32px;padding:0;border-radius:8px;border:1px solid #d8d8d8;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;} #tab-pmd-draw .pmd-transform-actions-icons button:hover{border-color:#b9b9b9;background:#f4f4f4;} #tab-pmd-draw .pmd-transform-actions-icons button:disabled{opacity:.4;cursor:not-allowed;background:#f7f7f7;} #tab-pmd-draw .pmd-transform-action-icon{width:16px;height:16px;display:block;pointer-events:none;} #tab-pmd-draw .pmd-transform-action-icon path,#tab-pmd-draw .pmd-transform-action-icon g,#tab-pmd-draw .pmd-transform-action-icon rect,#tab-pmd-draw .pmd-transform-action-icon circle,#tab-pmd-draw .pmd-transform-action-icon polygon{fill:currentColor;stroke:currentColor;} #tab-pmd-draw .pmd-transform-actions-icons button{color:#222;} #tab-pmd-draw .pmd-transform-actions-icons button:hover{color:#111;} #tab-pmd-draw .pmd-transform-panel.is-multi .pmd-transform-size-row, #tab-pmd-draw .pmd-transform-panel.is-multi .pmd-transform-checks{opacity:.55;} /* v1.2.42.14 transform heading placement */ #tab-pmd-draw .pmd-transform-group > .pmd-draw-subheading{margin-bottom:6px;} #tab-pmd-draw .pmd-transform-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;color:#222;} #tab-pmd-draw .pmd-transform-panel-heading .pmd-selected-object-type{font-size:11px;font-weight:500;color:#666;} /* v1.2.42.15 group/ungroup icon toggle */ #tab-pmd-draw #pmd-transform-group-toggle{position:relative;overflow:hidden;} #tab-pmd-draw #pmd-transform-group-toggle .pmd-transform-action-icon-group, #tab-pmd-draw #pmd-transform-group-toggle .pmd-transform-action-icon-ungroup{display:none;} #tab-pmd-draw #pmd-transform-group-toggle[data-mode="group"] .pmd-transform-action-icon-group{display:block;} #tab-pmd-draw #pmd-transform-group-toggle[data-mode="ungroup"] .pmd-transform-action-icon-ungroup{display:block;} /* v1.2.42.16 compact action labels */ #tab-pmd-draw .pmd-transform-actions-icons button{height:46px;padding:4px 3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;} #tab-pmd-draw .pmd-transform-action-icon{width:16px;height:16px;flex:0 0 16px;} #tab-pmd-draw .pmd-transform-action-label{display:block;font-size:9.5px;line-height:1;color:#555;white-space:nowrap;pointer-events:none;} #tab-pmd-draw .pmd-transform-actions-icons button:hover .pmd-transform-action-label{color:#111;} #tab-pmd-draw #pmd-transform-group-toggle .pmd-transform-action-label-group, #tab-pmd-draw #pmd-transform-group-toggle .pmd-transform-action-label-ungroup{display:none;} #tab-pmd-draw #pmd-transform-group-toggle[data-mode="group"] .pmd-transform-action-label-group{display:block;} #tab-pmd-draw #pmd-transform-group-toggle[data-mode="ungroup"] .pmd-transform-action-label-ungroup{display:block;} #nav-pmd-draw{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;text-align:center !important;} #nav-pmd-draw .pmd-draw-tab-icon{width:30px !important;height:30px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 30px !important;margin:0 auto !important;} #nav-pmd-draw .pmd-draw-tab-icon img{width:30px !important;height:30px !important;display:block !important;object-fit:contain !important;} #nav-pmd-draw span{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;line-height:1.05 !important;text-align:center !important;} /* v1.2.43.13 transform unit dropdown + heading alignment */ #tab-pmd-draw .pmd-draw-subheading{width:100%;text-align:left !important;justify-content:flex-start !important;align-items:center;} #tab-pmd-draw .pmd-selected-style-heading-row, #tab-pmd-draw .pmd-transform-panel-heading{width:100%;text-align:left !important;justify-content:flex-start !important;align-items:center;} #tab-pmd-draw .pmd-selected-style-heading-row > span:first-child, #tab-pmd-draw .pmd-transform-panel-heading > span:first-child{display:block;text-align:left !important;} #tab-pmd-draw .pmd-selected-style-heading-row .pmd-selected-object-type, #tab-pmd-draw .pmd-transform-panel-heading .pmd-selected-object-type{margin-left:auto;text-align:right;} #tab-pmd-draw .pmd-transform-check{width:100%;justify-content:flex-start !important;text-align:left !important;font-weight:400 !important;} #tab-pmd-draw .pmd-transform-check span{display:block;text-align:left !important;font-weight:400 !important;white-space:normal;} /* v1.2.43.21d align / distribute icons + canvas */ #tab-pmd-draw .pmd-transform-layout-block{margin:0 0 10px;display:flex;flex-direction:column;gap:7px;} #tab-pmd-draw .pmd-transform-mini-heading{font-size:9.5px;line-height:1.1;font-weight:400;color:#666;text-transform:none;letter-spacing:0;text-align:left;} #tab-pmd-draw .pmd-transform-layout-grid{display:grid;gap:6px;} #tab-pmd-draw .pmd-transform-layout-grid-align{grid-template-columns:repeat(3,1fr);} #tab-pmd-draw .pmd-transform-layout-grid-distribute{grid-template-columns:repeat(2,1fr);} #tab-pmd-draw .pmd-transform-mini-btn{height:28px;padding:0 8px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;font-size:9.5px;line-height:1;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;text-align:center;} #tab-pmd-draw .pmd-transform-mini-btn:hover{border-color:#b9b9b9;background:#f4f4f4;color:#111;} #tab-pmd-draw .pmd-transform-mini-btn:disabled{opacity:.4;cursor:not-allowed;background:#f7f7f7;color:#666;} #tab-pmd-draw .pmd-transform-panel.is-single .pmd-transform-layout-block{opacity:.55;} #tab-pmd-draw .pmd-transform-check-canvas{margin:-2px 0 2px;font-size:11px;} #tab-pmd-draw .pmd-transform-icon-btn{padding:0;border-radius:9px;height:32px;} #tab-pmd-draw .pmd-transform-mini-icon{display:block;width:18px;height:18px;max-width:18px;max-height:18px;pointer-events:none;} #tab-pmd-draw .pmd-transform-icon-btn:hover .pmd-transform-mini-icon{opacity:1;} #tab-pmd-draw .pmd-transform-icon-btn:disabled .pmd-transform-mini-icon{opacity:.45;} /* v1.2.43.21e separate align / distribute panels */ #tab-pmd-draw .pmd-transform-layout-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;} #tab-pmd-draw .pmd-transform-layout-panel{padding:10px;border:1px solid #e2e2e2;border-radius:10px;background:#fafafa;} #tab-pmd-draw .pmd-transform-layout-panel .pmd-transform-mini-heading{margin-bottom:8px;} #tab-pmd-draw .pmd-transform-layout-panel .pmd-transform-check-canvas{margin-bottom:8px;} #tab-pmd-draw .pmd-transform-layout-panel .pmd-transform-layout-grid{margin-top:0;} #tab-pmd-draw .pmd-transform-spacing-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;} #tab-pmd-draw .pmd-transform-spacing-label{font-size:11px;line-height:1.2;font-weight:500;color:#333;} #tab-pmd-draw .pmd-transform-spacing-input-wrap{display:flex;align-items:center;min-width:0;} #tab-pmd-draw #pmd-distribute-spacing-mm{width:72px;height:36px;padding:0 8px;border:1px solid #d8d8d8;border-left:0;border-right:0;border-radius:0;background:#fff;font-size:11px;line-height:34px;color:#333;text-align:right;box-sizing:border-box;} #tab-pmd-draw #pmd-distribute-spacing-mm:focus{outline:none;border-color:#b9b9b9;box-shadow:none;position:relative;z-index:1;} #tab-pmd-draw #pmd-distribute-spacing-mm:disabled{background:#f7f7f7;color:#777;} #tab-pmd-draw .pmd-transform-spacing-unit{height:36px;padding:0 8px;border:1px solid #d8d8d8;border-radius:0 8px 8px 0;background:#f2f2f2;font-size:9.5px;line-height:34px;font-weight:400;color:#666;text-transform:none;display:inline-flex;align-items:center;box-sizing:border-box;} #tab-pmd-draw .pmd-transform-spacing-chip{height:36px;padding:0 10px;border:1px solid #d8d8d8;border-radius:8px 0 0 8px;background:#f2f2f2;font-size:9.5px;line-height:34px;font-weight:400;color:#666;text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;box-sizing:border-box;} #tab-pmd-draw .pmd-transform-spacing-input-wrap-attached{justify-self:end;display:inline-flex;align-items:stretch;height:36px;} #tab-pmd-draw .pmd-transform-spacer{height:10px;} #tab-pmd-draw .pmd-arrange-panel .pmd-transform-check-canvas{display:flex;margin-bottom:10px;} #tab-pmd-draw .pmd-arrange-stack{display:flex;flex-direction:column;gap:10px;} #tab-pmd-draw .pmd-transform-axis-label-row{display:grid;grid-template-columns:repeat(3,36px) 1px repeat(3,36px);justify-content:space-between;align-items:end;gap:8px;margin-bottom:-2px;} #tab-pmd-draw .pmd-transform-mini-heading{margin-top:10px;margin-bottom:6px;} #tab-pmd-draw .pmd-transform-axis-label{font-size:10px;line-height:1.1;font-weight:400;color:#666;text-align:center;letter-spacing:0;} #tab-pmd-draw .pmd-transform-axis-label-horizontal{grid-column:1 / span 3;} #tab-pmd-draw .pmd-transform-axis-label-vertical{grid-column:5 / span 3;} #tab-pmd-draw .pmd-transform-axis-divider{display:block;width:1px;height:14px;background:#d2d2d2;justify-self:center;align-self:end;} #tab-pmd-draw .pmd-transform-align-row{display:grid;grid-template-columns:repeat(3,36px) 1px repeat(3,36px);justify-content:space-between;align-items:center;gap:8px;} #tab-pmd-draw .pmd-transform-align-row .pmd-transform-mini-btn{width:36px;min-width:36px;height:36px;padding:0;} #tab-pmd-draw .pmd-transform-align-divider{display:block;width:1px;height:22px;background:#d2d2d2;justify-self:center;align-self:center;} #tab-pmd-draw .pmd-transform-distribute-row{display:grid;grid-template-columns:36px 36px minmax(0,1fr);align-items:center;gap:8px;} #tab-pmd-draw .pmd-transform-distribute-row .pmd-transform-mini-btn{width:36px;min-width:36px;height:36px;padding:0;} #tab-pmd-draw .pmd-transform-distribute-row .pmd-transform-spacing-input-wrap{justify-self:end;align-self:center;height:36px;display:inline-flex;align-items:stretch;} #tab-pmd-draw .pmd-arrange-panel .pmd-transform-icon-btn{height:36px;border-radius:9px;} #tab-pmd-draw .pmd-arrange-panel .pmd-transform-mini-icon{width:18px;height:18px;max-width:18px;max-height:18px;} #tab-pmd-draw .pmd-transform-order-group{display:flex;flex-direction:column;gap:6px;margin-top:2px;} #tab-pmd-draw .pmd-transform-section-divider{display:block;width:100%;height:1px;background:rgba(0,0,0,0.08);margin:2px 0 1px;} #tab-pmd-draw .pmd-transform-order-heading{font-size:11.5px;line-height:1.15;font-weight:500;color:#555;text-align:left;letter-spacing:0;text-transform:none;} #tab-pmd-draw .pmd-transform-order-row{display:grid;grid-template-columns:repeat(4,36px);justify-content:start;align-items:center;gap:8px;} #tab-pmd-draw .pmd-transform-order-row .pmd-transform-mini-btn{width:36px;min-width:36px;height:36px;padding:0;} #tab-pmd-draw .pmd-transform-order-row .pmd-transform-mini-icon{width:21px;height:21px;max-width:21px;max-height:21px;} /* v1.2.43.24 scrub controls preview */ #tab-pmd-draw .pmd-range-native{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; } #tab-pmd-draw .pmd-scrub-composite{ grid-column:2 / 4; display:grid; grid-template-columns:minmax(0,1fr) 82px; align-items:stretch; min-width:0; border:1px solid #d8d8d8; border-radius:10px; background:#ffffff; overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,0.4); } #tab-pmd-draw .pmd-scrub-composite:focus-within{ border-color:#bdbdbd; box-shadow:0 0 0 2px rgba(17,17,17,0.05); } #tab-pmd-draw .pmd-scrub-drag{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:0; min-width:0; height:34px; padding:0 10px; margin:0; border:0; border-right:1px solid #e4e4e4; background:linear-gradient(180deg,#ffffff 0%,#f7f7f7 100%); color:#333333; font-size:12px; font-weight:500; cursor:ew-resize; user-select:none; -webkit-user-select:none; white-space:nowrap; } #tab-pmd-draw .pmd-scrub-drag::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(0,0,0,0.08) 0.8px, transparent 0.9px); background-size:8px 8px; background-position:center; opacity:0.16; pointer-events:none; } #tab-pmd-draw .pmd-scrub-drag:hover{ background:linear-gradient(180deg,#ffffff 0%,#f1f1f1 100%); } #tab-pmd-draw .pmd-scrub-drag.is-scrubbing{ background:linear-gradient(180deg,#f3f3f3 0%,#ebebeb 100%); } #tab-pmd-draw .pmd-scrub-icon, #tab-pmd-draw .pmd-scrub-text{ position:relative; z-index:1; } #tab-pmd-draw .pmd-scrub-icon{ font-size:18px; line-height:1; opacity:0.9; font-weight:600; } #tab-pmd-draw .pmd-scrub-text{ display:none; } #tab-pmd-draw .pmd-scrub-value{ width:100% !important; min-width:0; height:34px; padding:0 10px !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:#ffffff !important; color:#111111 !important; font-size:12px !important; line-height:34px !important; text-align:center; box-shadow:none !important; appearance:textfield; -moz-appearance:textfield; } #tab-pmd-draw .pmd-scrub-value::-webkit-outer-spin-button, #tab-pmd-draw .pmd-scrub-value::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; } #tab-pmd-draw #pmd-selected-gradient-stop-position-input.pmd-scrub-value{ display:block !important; } body.pmd-scrub-active, body.pmd-scrub-active *{ cursor:ew-resize !important; user-select:none !important; } /* v1.2.43.26 simplify gradient composer to selected-stop editing only */ #tab-pmd-draw .pmd-selected-gradient-composer{grid-template-columns:1fr !important;gap:0 !important;} #tab-pmd-draw .pmd-selected-gradient-endcap{display:none !important;} #tab-pmd-draw .pmd-selected-gradient-bar-wrap{width:100% !important;} #tab-pmd-draw #pmd-selected-gradient-stop-color-row{grid-template-columns:90px 1fr 32px;} /* v1.2.43.28 remove outer box from selected stop color control */ #tab-pmd-draw #pmd-selected-gradient-stop-color{ border:none !important; border-radius:0 !important; padding:0 !important; background:transparent !important; box-shadow:none !important; outline:none !important; } #tab-pmd-draw #pmd-selected-gradient-stop-color::-webkit-color-swatch-wrapper{ padding:0 !important; } #tab-pmd-draw #pmd-selected-gradient-stop-color::-webkit-color-swatch{ border:none !important; border-radius:0 !important; } #tab-pmd-draw #pmd-selected-gradient-stop-color::-moz-color-swatch{ border:none !important; border-radius:0 !important; } #tab-pmd-draw .pmd-draw-node-size-row .pmd-scrub-composite{width:100%;} #tab-pmd-draw .pmd-draw-node-size-row .pmd-scrub-value{min-width:68px;max-width:68px;} #tab-pmd-draw .pmd-draw-node-color-row.is-hidden, #tab-pmd-draw .pmd-draw-handle-color-row.is-hidden, #tab-pmd-draw .pmd-draw-node-size-row.is-hidden{display:none !important;} #pmd-brush-style-group .pmd-selected-style-row-select { margin-top: 0; } #pmd-brush-style-group .pmd-style-select { width: 100%; } #tab-pmd-draw .pmd-selected-inline-group{margin-top:12px;padding-top:10px;border-top:1px solid #d6d6d6;} #tab-pmd-draw .pmd-selected-inline-subheading{margin-bottom:8px;} #tab-pmd-draw .pmd-selected-inline-group .pmd-draw-help{margin-top:8px;} #tab-pmd-draw #pmd-calligraphy-group .pmd-selected-style-row, #tab-pmd-draw #pmd-brush-shape-group .pmd-selected-style-row{margin-top:0;} #tab-pmd-draw #pmd-calligraphy-group .pmd-draw-help, #tab-pmd-draw #pmd-brush-shape-group .pmd-draw-help{margin-top:10px;} #tab-pmd-draw #pmd-brush-shape-group .pmd-style-select{width:100%;} #tab-pmd-draw #pmd-brush-shape-group input[type="checkbox"]{justify-self:start;width:16px;height:16px;accent-color:#111111;} /* v1.2.43.61 tool menu casing */ #tab-pmd-draw .pmd-draw-tools-grid{ display:grid !important; grid-template-columns:repeat(4, minmax(0, 1fr)) !important; gap:8px !important; width:100% !important; padding:10px !important; border:1px solid #4a4a4e !important; border-radius:16px !important; background:#4e4e4e !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.07), 0 4px 14px rgba(0,0,0,0.10) !important; box-sizing:border-box !important; } #tab-pmd-draw .pmd-draw-tool{ min-width:0 !important; min-height:58px !important; height:58px !important; padding:6px 4px !important; margin:0 !important; border:1px solid #444448 !important; border-radius:12px !important; background:linear-gradient(180deg, #38383b 0%, #2b2b2e 100%) !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:6px !important; cursor:pointer !important; box-sizing:border-box !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.05), 0 1px 2px rgba(0,0,0,0.08) !important; transition:background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease !important; } #tab-pmd-draw .pmd-draw-tool:hover{ background:linear-gradient(180deg, #434347 0%, #313136 100%) !important; border-color:#59595f !important; transform:translateY(-1px) !important; } #tab-pmd-draw .pmd-draw-tool:focus{ outline:none !important; box-shadow:0 0 0 2px rgba(255,255,255,0.08), 0 0 0 4px rgba(17,17,17,0.08) !important; } #tab-pmd-draw .pmd-draw-tool.active{ background:linear-gradient(180deg, #4a4a4f 0%, #35353a 100%) !important; border-color:#68686f !important; outline:none !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12), 0 0 0 1px rgba(17,17,17,0.12) !important; } #tab-pmd-draw .pmd-tool-icon{ width:auto !important; height:20px !important; max-width:24px !important; object-fit:contain !important; display:block !important; opacity:0.96 !important; visibility:visible !important; filter:none !important; } #tab-pmd-draw .pmd-tool-label{ display:block !important; margin-top:0 !important; font-size:9.5px !important; line-height:1 !important; letter-spacing:0.01em !important; color:#ececef !important; text-align:center !important; white-space:nowrap !important; } #tab-pmd-draw .pmd-draw-tool:hover .pmd-tool-label, #tab-pmd-draw .pmd-draw-tool.active .pmd-tool-label{ color:#ffffff !important; } @media (max-width: 359px){ #tab-pmd-draw .pmd-draw-tools-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; } } #tab-pmd-draw #pmd-advanced-reduce-nodes-row{margin-top:8px;} #tab-pmd-draw #pmd-advanced-reduce-nodes-help{margin-top:6px;} #tab-pmd-draw .pmd-advanced-editing-panel .pmd-draw-actions-advanced{margin-bottom:10px;} #tab-pmd-draw .pmd-advanced-editing-panel .pmd-draw-help:last-child{margin-top:10px;} #tab-pmd-draw .pmd-advanced-editing-panel .pmd-draw-row:last-of-type{margin-bottom:0;} /* v1.2.43.103 icon polish */ #tab-pmd-draw .pmd-transform-link-btn{height:32px;border-color:#d4d4d4;background:#ffffff;box-shadow:0 1px 0 rgba(0,0,0,0.02);} #tab-pmd-draw .pmd-transform-link-btn:hover{border-color:#bdbdbd;background:#f6f6f6;} #tab-pmd-draw .pmd-transform-link-btn.is-active{background:#111111;border-color:#111111;box-shadow:none;} #tab-pmd-draw .pmd-transform-toggle-icon{width:18px;height:18px;} #tab-pmd-draw .pmd-transform-link-btn.is-active .pmd-transform-toggle-icon-uniform{filter:brightness(0) invert(1) contrast(1.05);} #tab-pmd-draw .pmd-transform-link-btn:not(.is-active) .pmd-transform-toggle-icon-nonuniform{filter:none;opacity:.9;} #tab-pmd-draw .pmd-transform-actions-icons button{border-color:#d5d5d5;background:#ffffff;box-shadow:0 1px 0 rgba(0,0,0,0.02);} #tab-pmd-draw .pmd-transform-actions-icons button:hover{border-color:#bdbdbd;background:#f6f6f6;} #tab-pmd-draw .pmd-transform-action-icon{width:18px;height:18px;flex:0 0 18px;opacity:.96;} #tab-pmd-draw .pmd-arrange-panel .pmd-transform-icon-btn{background:#fff;border-color:#d5d5d5;box-shadow:0 1px 0 rgba(0,0,0,0.02);} #tab-pmd-draw .pmd-arrange-panel .pmd-transform-icon-btn:hover{background:#f6f6f6;border-color:#bdbdbd;} #tab-pmd-draw .pmd-arrange-panel .pmd-transform-mini-icon{width:19px;height:19px;max-width:19px;max-height:19px;opacity:.96;} /* v1.2.43.106 bigger align icons */ #tab-pmd-draw .pmd-transform-align-row .pmd-transform-mini-btn{width:38px;min-width:38px;height:38px;} #tab-pmd-draw .pmd-transform-axis-label-row{grid-template-columns:repeat(3,38px) 1px repeat(3,38px);} #tab-pmd-draw .pmd-transform-align-row{grid-template-columns:repeat(3,38px) 1px repeat(3,38px);} #tab-pmd-draw .pmd-transform-align-row .pmd-transform-mini-icon{width:22px;height:22px;max-width:22px;max-height:22px;} /* v1.2.43.107 transform panel icon + button polish */ #tab-pmd-draw .pmd-transform-panel{padding:12px 12px 10px;border-radius:12px;background:#fbfbfb;border:1px solid #e5e5e5;} #tab-pmd-draw .pmd-transform-panel-heading{margin-bottom:12px;} #tab-pmd-draw .pmd-transform-size-row{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px;} #tab-pmd-draw .pmd-transform-dim .pmd-stroke-width-input{height:34px;border-radius:9px;border-color:#d4d4d4;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);} #tab-pmd-draw .pmd-transform-unit-select{height:34px;min-width:56px;border-radius:9px;border-color:#d4d4d4;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);} #tab-pmd-draw .pmd-transform-link-btn{width:40px;height:34px;border:1px solid #d4d4d4;border-radius:10px;background:linear-gradient(180deg,#ffffff 0%,#f5f5f5 100%);box-shadow:0 1px 0 rgba(0,0,0,0.03), inset 0 1px 0 rgba(255,255,255,0.9);} #tab-pmd-draw .pmd-transform-link-btn:hover{border-color:#bbbbbb;background:linear-gradient(180deg,#ffffff 0%,#efefef 100%);} #tab-pmd-draw .pmd-transform-link-btn.is-active{background:linear-gradient(180deg,#1f1f1f 0%,#111111 100%);border-color:#111111;box-shadow:none;} #tab-pmd-draw .pmd-transform-toggle-icon{width:20px;height:20px;} #tab-pmd-draw .pmd-transform-checks{margin:0 0 12px;} #tab-pmd-draw .pmd-transform-actions-icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;} #tab-pmd-draw .pmd-transform-actions-icons button{height:54px;padding:6px 4px 7px;border-radius:12px;border:1px solid #d4d4d4;background:linear-gradient(180deg,#ffffff 0%,#f4f4f4 100%);box-shadow:0 1px 0 rgba(0,0,0,0.03), inset 0 1px 0 rgba(255,255,255,0.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#222;} #tab-pmd-draw .pmd-transform-actions-icons button:hover{border-color:#b9b9b9;background:linear-gradient(180deg,#ffffff 0%,#ededed 100%);} #tab-pmd-draw .pmd-transform-actions-icons button:active{transform:translateY(1px);} #tab-pmd-draw .pmd-transform-actions-icons button:disabled{opacity:.45;background:#f7f7f7;box-shadow:none;} #tab-pmd-draw .pmd-transform-action-icon{width:22px;height:22px;flex:0 0 22px;opacity:1;} #tab-pmd-draw .pmd-transform-action-label{font-size:9.5px;line-height:1.05;color:#4f4f4f;letter-spacing:0;} #tab-pmd-draw .pmd-transform-actions-icons button:hover .pmd-transform-action-label{color:#202020;} #tab-pmd-draw .pmd-transform-align-row .pmd-transform-mini-btn, #tab-pmd-draw .pmd-transform-distribute-row .pmd-transform-mini-btn, #tab-pmd-draw .pmd-transform-order-row .pmd-transform-mini-btn{ width:36px; min-width:36px; height:36px; padding:0; }