.survey-artifact{background:#fff;border:2px solid #0f8;border-radius:16px;margin:1rem 0;padding:2rem;box-shadow:0 4px 16px #00ff881a}.survey-steps{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.survey-step-dot{background:#e0e0e0;border:2px solid #ccc;border-radius:50%;width:10px;height:10px;transition:all .3s}.survey-step-dot.active{background:#0f8;border-color:#0f8;transform:scale(1.3);box-shadow:0 0 8px #00ff8880}.survey-step-dot.completed{background:#00cc6a;border-color:#00cc6a}.survey-step-label{color:#888;margin-left:.5rem;font-size:.85rem;font-weight:500}.survey-header{margin-bottom:1.5rem}.survey-question{color:#2d2d2d;margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.survey-options{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.survey-option{color:#3a3a3a;text-align:left;cursor:pointer;background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.survey-option:hover:not(.submitted){background:#00ff880f;border-color:#0f8;transform:translateY(-2px);box-shadow:0 4px 12px #00ff881f}.survey-option.selected{background:#00ff8814;border-color:#0f8;box-shadow:0 0 0 3px #0f83}.survey-option.submitted{cursor:not-allowed;opacity:.7}.option-indicator{border:2px solid #ccc;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .3s}.survey-option.selected .option-indicator{background:#0f8;border-color:#0f8;box-shadow:inset 0 0 0 4px #fff}.option-text{flex:1;line-height:1.5}.survey-nav{gap:.75rem;margin-top:.5rem;display:flex}.survey-back{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #e0e0e0;border-radius:10px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.survey-back:hover{color:#2d2d2d;border-color:#0f8}.survey-submit{color:#1a1a1a;cursor:pointer;background:#0f8;border:none;border-radius:10px;flex:1;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.survey-submit:hover{background:#00e67a;transform:translateY(-2px);box-shadow:0 6px 20px #00ff8840}.survey-submit:active{transform:translateY(0)}.survey-feedback{text-align:center;color:#2d2d2d;background:#00ff881a;border:1px solid #00ff884d;border-radius:10px;margin-top:.5rem;padding:.875rem;font-size:.95rem;font-weight:600}:root[data-theme=dark] .survey-artifact{background:#1a1a2e;border-color:#0f8;box-shadow:0 4px 16px #00ff8814}:root[data-theme=dark] .survey-question{color:#e8e8e8}:root[data-theme=dark] .survey-option{color:#d0d0d0;background:#224;border-color:#333}:root[data-theme=dark] .survey-option:hover:not(.submitted){background:#00ff8814;border-color:#0f8}:root[data-theme=dark] .survey-option.selected{background:#00ff881a;border-color:#0f8}:root[data-theme=dark] .survey-back{color:#aaa;border-color:#444}:root[data-theme=dark] .survey-feedback{color:#e8e8e8}@media (max-width:768px){.survey-artifact{border-radius:12px;padding:1.5rem}.survey-question{font-size:1.1rem}.survey-option{padding:.875rem 1rem;font-size:.95rem}.survey-nav{flex-direction:column}.survey-back{text-align:center;order:2}.survey-submit{order:1}}
.proposal-artifact{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:16px;margin:1rem 0;padding:2rem;animation:.6s cubic-bezier(.4,0,.2,1) proposalFadeIn;position:relative;overflow:hidden;box-shadow:0 8px 32px #1a1a2e59}.proposal-artifact:before{content:"";background:var(--fn-warning,#f0a500);height:1px;position:absolute;top:0;left:0;right:0}@keyframes proposalFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.proposal-badge{background:#f0a50026;border:1px solid #f0a5004d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.375rem .875rem;display:inline-flex}.proposal-badge-icon{font-size:.875rem}.proposal-badge-text{color:#e2b714;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.proposal-title{color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.3}.proposal-subtitle{color:#fff9;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.proposal-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;height:180px;margin-bottom:1.5rem;position:relative;overflow:hidden}.proposal-preview-iframe{transform-origin:0 0;pointer-events:none;border:none;width:200%;height:360px;transform:scale(.5)}.proposal-preview-overlay{background:linear-gradient(#0000 40%,#1a1a2ee6 100%);justify-content:center;align-items:flex-end;padding-bottom:1rem;display:flex;position:absolute;inset:0}.proposal-preview-hint{color:#ffffff80;font-size:.75rem;font-weight:500}.proposal-actions{gap:.75rem;display:flex}.proposal-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.proposal-btn-primary{color:#1a1a2e;background:linear-gradient(135deg,#f0a500,#e2b714)}.proposal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f0a50059}.proposal-btn-primary:active{transform:translateY(0)}.proposal-btn-secondary{color:#e8e8f0;background:#2a2a4a;border:1px solid #fff3}.proposal-btn-secondary:hover{color:#fff;background:#353560;border-color:#fff6}.proposal-btn-icon{font-size:1rem}.proposal-copied{animation:.4s copiedPulse}@keyframes copiedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.proposal-artifact{border-radius:12px;padding:1.5rem}.proposal-title{font-size:1.1rem}.proposal-actions{flex-direction:column}.proposal-preview{height:140px}.proposal-preview-iframe{height:280px}}
.webscout-artifact{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#111 100%);border-radius:16px;margin:1rem 0;padding:2rem;animation:.6s cubic-bezier(.4,0,.2,1) webscoutFadeIn;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}.webscout-artifact:before{content:"";background:var(--base-neon);height:1px;position:absolute;top:0;left:0;right:0}@keyframes webscoutFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.webscout-badge{background:#00ff881a;border:1px solid #00ff8840;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.375rem .875rem;display:inline-flex}.webscout-badge-icon{font-size:.875rem}.webscout-badge-text{color:#0f8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.webscout-title{color:#ebebeb;margin:0 0 .375rem;font-size:1.25rem;font-weight:700;line-height:1.3}.webscout-url{color:#656666;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0 0 1.25rem;font-size:.8rem;overflow:hidden}.webscout-subtitle{color:#ebebeb99;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.webscout-preview{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;height:200px;margin-bottom:1.5rem;position:relative;overflow:hidden}.webscout-preview-iframe{transform-origin:0 0;pointer-events:none;border:none;width:200%;height:400px;transform:scale(.5)}.webscout-preview-overlay{background:linear-gradient(#0000 50%,#0d0d0de6 100%);justify-content:center;align-items:flex-end;padding-bottom:1rem;display:flex;position:absolute;inset:0}.webscout-preview-hint{color:#ebebeb66;font-size:.75rem;font-weight:500}.webscout-actions{gap:.75rem;display:flex}.webscout-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.webscout-btn-primary{color:#0d0d0d;background:linear-gradient(135deg,#0f8,#00cc6a)}.webscout-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff884d}.webscout-btn-primary:active{transform:translateY(0)}.webscout-btn-icon{font-size:1rem}.webscout-empty{text-align:center;padding:3rem 2rem}.webscout-loader{justify-content:center;gap:.5rem;display:flex}.webscout-loader-dot{background:#0f8;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite webscoutPulse}.webscout-loader-dot:nth-child(2){animation-delay:.2s}.webscout-loader-dot:nth-child(3){animation-delay:.4s}@keyframes webscoutPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.webscout-artifact{border-radius:12px;padding:1.5rem}.webscout-title{font-size:1.1rem}.webscout-preview{height:160px}.webscout-preview-iframe{height:320px}}