.ceu-tool{background: var(--bs-body-bg,#fff);border-radius: 16px;border: 1px solid var(--bs-border-color,#e5e7eb);box-shadow: 0 4px 24px rgba(0,0,0,.06);overflow: hidden;margin-bottom: 2rem;}
.ceu-ops{display: flex;gap: 0;padding: 12px 12px 0;border-bottom: 1px solid var(--bs-border-color,#e5e7eb);background: var(--bs-tertiary-bg,#f9fafb);}
.ceu-op{flex: 1;padding: 12px 16px;font-size: 14px;font-weight: 600;border: none;border-radius: 10px 10px 0 0;cursor: pointer;background: transparent;color: var(--text-muted,#6b7280);transition: background .2s,color .2s;-webkit-tap-highlight-color: transparent;}
.ceu-op:hover{color: var(--bs-body-color);background: rgba(255,255,255,.8);}
.ceu-op.ceu-op-active{background: var(--bs-body-bg,#fff);color: var(--primary-color,#6cb33f);border: 1px solid var(--bs-border-color,#e5e7eb);border-bottom-color: transparent;margin-bottom: -1px;}
.ceu-input-wrap{padding: 20px;}
.ceu-label{display: block;font-size: 13px;font-weight: 600;color: var(--text-muted,#6b7280);text-transform: uppercase;letter-spacing: .04em;margin-bottom: 8px;}
.ceu-textarea{width: 100%;min-height: 180px;padding: 14px 16px;font-family: ui-monospace,SFMono-Regular,Consolas,monospace;font-size: 14px;line-height: 1.55;color: var(--bs-body-color);background: var(--bs-body-bg,#fff);border: 1px solid var(--bs-border-color,#e5e7eb);border-radius: 10px;resize: vertical;transition: border-color .2s,box-shadow .2s;-webkit-tap-highlight-color: transparent;}
.ceu-textarea:focus{outline: 0;border-color: var(--primary-color,#6cb33f);box-shadow: 0 0 0 3px rgba(108,179,63,.18);}
.ceu-textarea::placeholder{color: var(--text-muted,#9ca3af);opacity: .9;}
.ceu-textarea.ceu-output{background: var(--bs-tertiary-bg,#f9fafb);cursor: default;}
.ceu-actions{padding: 0 20px 20px;}
.ceu-btn-run{width: 100%;padding: 14px 24px;font-size: 16px;font-weight: 600;border: none;border-radius: 12px;cursor: pointer;background: var(--primary-color,#6cb33f);color: #fff;transition: filter .2s,transform .1s;-webkit-tap-highlight-color: transparent;}
.ceu-btn-run:hover{filter: brightness(1.08);}
.ceu-btn-run:active{transform: scale(.98);}
.ceu-result-wrap{padding: 0 20px 20px;}
.ceu-result-wrap.ceu-result-hidden{display: none;}
.ceu-result-wrap .ceu-label{margin-top: 16px;}
.ceu-btn-copy{margin-top: 12px;padding: 10px 20px;font-size: 14px;font-weight: 600;border-radius: 10px;border: 1px solid var(--bs-border-color,#e5e7eb);background: var(--bs-tertiary-bg,#f3f4f6);color: var(--bs-body-color);cursor: pointer;transition: background .2s,color .2s;-webkit-tap-highlight-color: transparent;}
.ceu-btn-copy:hover:not(:disabled){background: var(--bs-secondary-bg);}
.ceu-btn-copy:disabled{opacity: .6;cursor: not-allowed;}
.ceu-hint{font-size: 12px;color: var(--text-muted,#9ca3af);margin: 0;padding: 12px 20px 20px;border-top: 1px solid var(--bs-border-color,#e5e7eb);}
.ceu-toast{position: fixed;bottom: 24px;left: 50%;transform: translateX(-50%) translateY(80px);padding: 12px 24px;border-radius: 12px;background: var(--black-color,#303030);color: #fff;font-size: 14px;font-weight: 500;box-shadow: 0 10px 40px rgba(0,0,0,.2);opacity: 0;transition: transform .25s ease,opacity .25s ease;z-index: 1000;pointer-events: none;}
.ceu-toast.ceu-toast-visible{transform: translateX(-50%) translateY(0);opacity: 1;}
@media (min-width:768px){.ceu-tool{margin-left: auto;margin-right: auto;}
.ceu-ops{padding: 16px 20px 0;}
.ceu-op{padding: 14px 20px;font-size: 15px;}
.ceu-input-wrap{padding: 24px 24px 16px;}
.ceu-textarea{min-height: 220px;}
.ceu-actions{padding: 0 24px 24px;}
.ceu-btn-run{max-width: 280px;}
.ceu-result-wrap{padding: 0 24px 24px;}
.ceu-hint{padding: 16px 24px 24px;}}