.op-css-editor{position:absolute;z-index:6;display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:var(--shadow-pop);font-size:12px;color:var(--panel-text)}.op-css-editor-head{display:flex;align-items:center;gap:8px;padding:8px 10px 6px;min-width:0}.op-css-editor-tag{flex:none;padding:1px 5px;border-radius:4px;background:var(--accent-soft);color:var(--accent-2);font:600 10px/16px var(--ui-mono);letter-spacing:.02em}.op-css-editor-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.op-css-editor-code{margin:0 8px;max-height:260px;resize:none;border:0;outline:0;border-radius:6px;padding:8px;background:var(--input-bg);color:var(--panel-text);font:12px/1.55 var(--ui-mono);tab-size:2;white-space:pre;overflow:auto}.op-css-editor-code:focus{box-shadow:inset 0 0 0 1px var(--input-border-focus)}.op-css-editor-code::placeholder{color:var(--panel-text-3)}.op-css-editor-hints{list-style:none;margin:6px 8px 0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:96px;overflow:auto}.op-css-editor-hints li{position:relative;padding-left:12px;line-height:1.4;color:var(--panel-text-2)}.op-css-editor-hints li:before{content:"";position:absolute;left:2px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.op-css-editor-hints li[data-kind=warn]:before{background:#e8a317}.op-css-editor-hints li[data-kind=error]{color:var(--danger)}.op-css-editor-hints li[data-kind=error]:before{background:var(--danger)}.op-css-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 10px;color:var(--panel-text-3);font-size:11px}.op-css-editor-foot kbd{font:inherit;padding:0 3px;border-radius:3px;background:var(--input-bg);color:var(--panel-text-2);margin-right:2px}.op-css-editor-foot .op-btn{height:26px}.op-css-ac{position:absolute;z-index:2;max-height:196px;margin:0;padding:4px;overflow:auto;list-style:none;background:#fff;border-radius:8px;box-shadow:var(--shadow-pop);font:12px/1.4 var(--ui-mono)}.op-css-ac li{display:flex;align-items:center;gap:6px;height:24px;padding:0 7px;border-radius:5px;cursor:pointer}.op-css-ac li[aria-selected=true]{background:var(--accent);color:#fff}.op-css-ac-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-css-ac-detail{margin-left:auto;padding-left:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:50%;font:11px var(--ui-font);opacity:.55}.op-css-ac-swatch{flex:none;width:10px;height:10px;border-radius:3px;box-shadow:inset 0 0 0 1px #00000026}