.cl-wrap{width:100%;max-width:900px;margin:0 auto}.cl-hidden{display:none!important}.cl-editor{flex-direction:column;gap:14px;display:flex}.cl-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.cl-tool-group{gap:6px;display:flex}.cl-tool-group.cl-right{margin-left:auto}.cl-tool{border:1px solid var(--line-2);color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .16s;display:inline-flex}.cl-tool:hover:not(:disabled){background:var(--bg-3)}.cl-tool.active{background:var(--accent);border-color:var(--accent);color:#fff}.cl-tool:disabled{opacity:.4;cursor:not-allowed}.cl-brush{color:var(--fg-muted);align-items:center;gap:10px;font-size:13px;display:flex}.cl-brush input[type=range]{width:110px}.cl-brush-val{font-family:var(--mono);min-width:22px;font-size:12px}.cl-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-3);width:100%;line-height:0;position:relative;overflow:hidden}.cl-canvas{width:100%;height:auto;display:block}.cl-photo{z-index:1;position:relative}.cl-mask{z-index:2;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .12s;position:absolute;inset:0}.cl-mask.cl-busy{cursor:wait;pointer-events:none}.cl-original{z-index:3;position:absolute;inset:0}.cl-overlay{z-index:4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff8efd1;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.cl-overlay-text{color:var(--fg-muted);text-align:center;padding:0 20px;font-size:13px;line-height:1.4}.cl-hint{color:var(--fg-dim);text-align:center;margin:0;font-size:13px;line-height:1.5}.cl-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cl-actions-main{gap:10px;margin-left:auto;display:flex}@media (max-width:560px){.cl-toolbar{gap:8px;padding:10px}.cl-tool{padding:7px 11px;font-size:12px}.cl-brush input[type=range]{width:80px}.cl-actions,.cl-actions-main{width:100%}.cl-actions-main{flex-direction:column}.cl-actions-main .btn{justify-content:center;width:100%}}