.cs-trigger{color:#555;cursor:pointer;background:#0000000a;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:flex}.cs-trigger:hover{color:#333;background:#00000014;border-color:#00000026}.cs-trigger-active{color:#000;background:#c8f53b;border-color:#c8f53b}.cs-trigger-icon{width:18px;height:18px}.cs-fullscreen{z-index:999;background:#080808;flex-direction:row;animation:.25s cs-fade-in;display:flex;position:fixed;inset:0}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}.cs-preview-area{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.cs-preview-iframe{background:#111;border:none;border-radius:12px;width:100%;height:100%;box-shadow:0 8px 40px #00000080}.cs-preview-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0f0f0;direction:rtl;background:#000000b3;border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.cs-panel{background:#111;border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:340px;animation:.3s cubic-bezier(.34,1.56,.64,1) cs-slide-in;display:flex;overflow:hidden}@keyframes cs-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cs-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.cs-header-left{align-items:center;gap:12px;display:flex}.cs-logo{color:#f0f0f0;letter-spacing:-.02em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.cs-history-btns{gap:4px;display:flex}.cs-icon-btn{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.cs-icon-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.cs-icon-btn:disabled{opacity:.3;cursor:not-allowed}.cs-close{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.cs-close:hover{color:#fff;background:#ffffff14}.cs-tabs{grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 12px 0;display:grid}.cs-tab{letter-spacing:.03em;color:#ffffff59;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 4px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.cs-tab:hover{color:#ffffffb3;background:#ffffff0d}.cs-tab.active{color:#c8f53b;background:#c8f53b1a;border-color:#c8f53b40}.cs-content{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:16px;overflow-y:auto}.mood-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mood-card{cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:10px 8px;font-family:inherit;transition:all .2s}.mood-card:hover{background:#ffffff12;border-color:#c8f53b4d;transform:translateY(-2px)}.mood-swatches{justify-content:center;gap:3px;margin-bottom:8px;display:flex}.mood-swatch{border-radius:4px;width:14px;height:14px}.mood-name{color:#f0f0f0;font-size:11px;font-weight:600}.mood-name-en{color:#ffffff4d;margin-top:2px;font-size:9px}.ai-gen{flex-direction:column;gap:14px;display:flex}.ai-description{color:#ffffff73;margin:0;font-size:12px;line-height:1.6}.ai-input-wrap{align-items:flex-start;gap:8px;display:flex}.ai-input{color:#f0f0f0;resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:13px;transition:border .2s}.ai-input:focus{border-color:#c8f53b66}.ai-submit{color:#000;cursor:pointer;background:#c8f53b;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.ai-submit:hover:not(:disabled){background:#d4f73b;transform:scale(1.05)}.ai-submit:disabled{opacity:.4;cursor:not-allowed}.ai-spinner{animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ai-error{color:#ef4444;font-size:12px}.ai-examples{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-examples-label{color:#ffffff4d;font-size:10px}.ai-chip{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:100px;padding:4px 10px;font-family:inherit;font-size:11px;transition:all .2s}.ai-chip:hover{color:#c8f53b;background:#c8f53b1a;border-color:#c8f53b4d}.brand-stealer{flex-direction:column;gap:14px;display:flex}.bs-description{color:#ffffff73;margin:0;font-size:12px;line-height:1.6}.bs-input-wrap{gap:8px;display:flex}.bs-input{color:#f0f0f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:13px;transition:border .2s}.bs-input:focus{border-color:#c8f53b66}.bs-submit{color:#000;cursor:pointer;white-space:nowrap;background:#c8f53b;border:none;border-radius:10px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.bs-submit:hover:not(:disabled){background:#d4f73b}.bs-submit:disabled{opacity:.4;cursor:not-allowed}.bs-presets{flex-wrap:wrap;gap:6px;display:flex}.bs-preset{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:all .2s;display:flex}.bs-preset:hover{color:#c8f53b;border-color:#c8f53b4d}.bs-preset-swatches{gap:2px;display:flex}.bs-extracted{flex-direction:column;gap:10px;display:flex}.bs-extracted-label{color:#fff6;font-size:11px}.bs-colors{flex-wrap:wrap;gap:8px;display:flex}.bs-color{cursor:pointer;border:2px solid #0000;border-radius:8px;width:36px;height:36px;font-family:inherit;transition:transform .2s;position:relative}.bs-color:hover{transform:scale(1.1)}.bs-color.selected{border-color:#c8f53b}.bs-check{color:#fff;text-shadow:0 1px 3px #000c;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.bs-apply{color:#c8f53b;cursor:pointer;background:#c8f53b1a;border:1px solid #c8f53b4d;border-radius:10px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.bs-apply:hover:not(:disabled){background:#c8f53b33}.bs-apply:disabled{opacity:.3;cursor:not-allowed}.bs-error{color:#ef4444;font-size:12px}.manual-picker{flex-direction:column;gap:4px;display:flex}.mp-row{border-radius:8px;align-items:center;gap:10px;padding:10px;transition:background .2s;display:flex}.mp-row:hover{background:#ffffff08}.mp-swatch{border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:32px;height:32px}.mp-info{flex:1}.mp-label{color:#f0f0f0;font-size:13px;font-weight:600}.mp-label-en{color:#ffffff4d;font-size:10px}.mp-value{color:#ffffff40;font-family:monospace;font-size:10px}.mp-input-wrap{cursor:pointer;position:relative}.mp-color-input{opacity:0;cursor:pointer;width:32px;height:32px;position:absolute;inset:0}.mp-edit-btn{color:#fff6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.cs-preview{border-top:1px solid #ffffff0f;padding:12px 16px}.cs-preview-swatches{gap:4px;display:flex}.cs-preview-swatch{border:1px solid #ffffff1a;border-radius:6px;flex:1;height:24px}.cs-actions{border-top:1px solid #ffffff0f;gap:8px;padding:12px 16px;display:flex}.cs-btn-primary{color:#000;cursor:pointer;background:#c8f53b;border:none;border-radius:10px;flex:1;padding:11px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.cs-btn-primary:hover{background:#d4f73b;transform:translateY(-1px)}.cs-btn-ghost{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:10px;padding:11px 16px;font-family:inherit;font-size:12px;transition:all .2s}.cs-btn-ghost:hover{color:#fff;border-color:#fff3}.cs-toast{color:#fff;z-index:9999;background:#16a34a;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;animation:.3s cs-toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}@keyframes cs-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}