.ai-job-monitor{background:#f5f8f2;border:1px solid #ced8c8;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.ai-job-monitor p{margin:0;line-height:1.6}.ai-job-monitor small{flex-basis:100%;line-height:1.6}.ai-job-monitor button{min-height:44px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:10px;padding:10px 14px;line-height:1.4}.ai-job-monitor button:focus-visible{outline:2px solid var(--primary,#3344ad);outline-offset:3px}html.dark .ai-job-monitor{background:var(--app-glass,var(--ruang-app-surface));color:var(--ruang-app-text);border-color:var(--ruang-app-border);-webkit-backdrop-filter:blur(16px)}html.dark .ai-job-monitor small{color:var(--ruang-app-muted)}html.dark .ai-job-monitor button{background:var(--app-control,var(--ruang-app-raised));border-color:var(--app-rim,var(--ruang-app-border));color:var(--ruang-app-text)}html.dark .ai-job-monitor [role=alert]{color:#ffb4aa;flex-basis:100%}@media (max-width:600px){.ai-job-monitor{gap:10px;padding:16px}.ai-job-monitor [role=status]{flex-basis:100%;font-weight:600}.ai-job-monitor button{flex:140px;font-size:14px}.ai-job-monitor small{font-size:12px}}.palette-dialog{color:#19223b;background:#fafbff;gap:20px;max-height:calc(100dvh - 32px);padding:28px;overflow:auto;width:min(1080px,100vw - 32px)!important;max-width:1080px!important}.palette-controls{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.palette-controls label{gap:6px;font-size:13px;display:grid}.palette-controls select{color:#19223b;background:#fff;border:1px solid #b9c1d7;border-radius:8px;min-height:44px;padding:8px 12px}.palette-controls>span{margin-left:auto;padding-bottom:12px;font-size:13px}.palette-body{grid-template-columns:minmax(0,1fr) 260px;gap:24px;min-height:0;display:grid}.palette-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:420px;margin:0;padding:3px;display:grid;overflow:auto}.palette-option{cursor:pointer;background:#fff;border:1px solid #cbd1e0;border-radius:10px;align-content:start;gap:8px;padding:12px;display:grid;position:relative}.palette-option.is-selected{background:#f0f3ff;border:2px solid #3046b4;padding:11px}.palette-option:focus-within{outline-offset:1px;outline:3px solid #3046b4}.palette-option input{accent-color:#3046b4;width:16px;height:16px;position:absolute;top:10px;right:10px}.palette-option strong{font-size:13px;line-height:1.4}.palette-option small{color:#52617b;font-size:12px}.palette-swatches{border:1px solid #0002;border-radius:5px;height:44px;margin-right:20px;display:flex;overflow:hidden}.palette-swatches i{flex:1}.palette-preview{--palette-bg:#f2f4f9;--palette-surface:#e3e8f2;--palette-ink:#19223b;--palette-accent:#3046b4;--palette-button-ink:white;background:var(--palette-bg);color:var(--palette-ink);border:1px solid #0002;border-radius:10px;align-self:start;overflow:hidden}.palette-preview-nav{border-bottom:1px solid;padding:18px;font-size:14px;font-weight:650}.palette-preview-copy{padding:28px 18px}.palette-preview h3{text-wrap:balance;margin:0 0 20px;font:500 30px/1.15 Georgia,serif}.palette-preview p{margin:0 0 20px;font-size:13px;line-height:1.65}.palette-preview-button{background:var(--palette-accent);color:var(--palette-button-ink);border-radius:5px;padding:12px 16px;font-size:13px;display:inline-block}.palette-preview-surface{background:var(--palette-surface);padding:20px 18px;font-size:13px}.palette-preview>small{padding:16px 18px;font-size:11px;display:block}.palette-footer{border-top:1px solid #d4daea;justify-content:flex-end;align-items:center;gap:12px;padding-top:20px;display:flex}.palette-footer>span{margin-right:auto;font-size:13px}.palette-footer button{min-height:44px}.palette-dialog :is(button,select):focus-visible{outline-offset:3px;outline:3px solid #3046b4}@media (max-width:800px){.palette-body{grid-template-columns:minmax(0,1fr)}.palette-preview{display:none}.palette-grid{max-height:45dvh}.palette-footer{flex-wrap:wrap}.palette-footer>span{width:100%}}@media (max-width:480px){.palette-dialog{gap:16px;max-height:calc(100dvh - 16px);padding:22px 16px;width:calc(100vw - 16px)!important}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.palette-controls{gap:10px}.palette-controls>span{display:none}.palette-controls label{flex:1;min-width:0}.palette-controls select,.palette-footer button{width:100%}}@media (prefers-reduced-motion:reduce){.palette-dialog{transition:none!important;animation:none!important}}