.properties-panel{display:flex;flex-direction:column;align-items:flex-start;padding:32px 16px;gap:24px;position:absolute;width:326px;right:24px;top:24px;z-index:1150;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.properties-panel.visible{opacity:1;transform:translateY(0);pointer-events:auto}.properties-header{display:flex;width:100%;align-items:center;gap:12px}.properties-header strong{flex-grow:1}.properties-form{display:flex;flex-direction:row;gap:16px;width:100%}.properties-field{display:flex;flex-direction:column;flex:1}.properties-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;color:#222}.properties-input-wrapper{position:relative;display:flex;align-items:center}.properties-input{width:100%;font-size:14px;padding:10px 38px 10px 12px;border:1px solid #ccc;border-radius:8px;outline:none;color:#222;background:#fafbfc;box-sizing:border-box;font-family:inherit}.properties-input:focus{border-color:#888}.properties-input-static{width:100%;font-size:14px;padding:10px 38px 10px 12px;border:1px solid #ccc;border-radius:8px;color:#222;background:#fafbfc;box-sizing:border-box;font-family:inherit;line-height:normal}.properties-unit{position:absolute;right:12px;font-size:12px;color:#aaa;pointer-events:none;background:transparent}.color-picker{flex-direction:row;gap:4px}.color-option,.color-picker{display:flex;align-items:center}.color-option{width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;justify-content:center;border-radius:4px;transition:border .2s ease}.color-option:disabled{cursor:default}.color-option.selected{border:1px solid #ccc}.color-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.opacity-slider-row{display:flex;align-items:center;gap:8px;width:100%}.opacity-slider{flex:1;min-width:0;height:4px;-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;outline:none;cursor:pointer}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#222;cursor:pointer;border:none}.opacity-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#222;cursor:pointer;border:none}.opacity-value{font-size:12px;color:#666;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.image-preview-container{display:flex;flex-direction:column;gap:8px}.image-controls-row{display:flex;flex-direction:row;gap:8px;align-items:center}.image-controls-row .properties-select{flex:1}.icon-button{width:40px;height:40px;padding:0;border:1px solid #ccc;border-radius:8px;background:#fafbfc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;flex-shrink:0}.icon-button:hover{background:#f0f0f0;border-color:#888}.image-preview-wrapper{width:100%;height:80px;border-radius:8px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.image-preview{width:100%;height:100%;object-fit:contain}.upload-button{width:100%;padding:10px 16px;font-size:14px;font-family:inherit;color:#222;background:#fafbfc;border:1px dashed #ccc;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.upload-button:hover:not(:disabled){background:#f0f0f0;border-color:#888}.upload-button:disabled{cursor:default;opacity:.6}.upload-error{font-size:12px;color:#BE3A34;margin-top:4px}.pdf-attachment{flex-direction:row}.pdf-attachment,.pdf-file-link{display:flex;align-items:center;gap:8px}.pdf-file-link{flex:1;padding:10px 12px;border:1px solid #ccc;border-radius:8px;background:#fafbfc;color:#222;text-decoration:none;font-size:14px;font-family:inherit;min-width:0;transition:background .15s,border-color .15s}.pdf-file-link:hover{background:#f0f0f0;border-color:#888}.pdf-file-link svg{flex-shrink:0}.pdf-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-download-button{display:flex;align-items:center;gap:6px;width:100%;padding:8px 16px;font-size:14px;font-weight:600;font-family:inherit;line-height:20px;color:#fff;background:var(--ink);border:none;border-radius:999px;cursor:pointer;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:background .15s;box-sizing:border-box;min-width:0}.pdf-download-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.pdf-download-button:hover{background:var(--ink-hover)}.pdf-download-button img{flex-shrink:0}.properties-locked-message{font-size:14px;color:#666;font-style:italic}.properties-select{width:100%;font-size:14px;border:1px solid #ccc;border-radius:8px;outline:none;color:#222;background:#fafbfc;box-sizing:border-box;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:10px 32px 10px 12px}.properties-select:focus{border-color:#888}.properties-select:hover{background-color:#f5f5f5}