.webapp-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-4);border:1px solid transparent;border-radius:var(--radius-s);padding:var(--spacing-16) var(--spacing-16);height:var(--spacing-48);font-family:var(--webapp-typo-body-family);font-size:16px;line-height:16px;letter-spacing:0;font-weight:700;text-align:center;word-break:break-word;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.webapp-button:focus-visible{outline:2px solid var(--border-positive-secondary);outline-offset:2px}.webapp-button--small{height:var(--spacing-32);padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-xs);font-size:14px;line-height:14px}.webapp-button--full{width:100%}.webapp-button--disabled{cursor:not-allowed;color:var(--text-disabled);background-color:var(--fill-disabled);border-color:transparent}.webapp-button--primary:not(.webapp-button--disabled){color:var(--text-action);background-color:var(--fill-positive-primary)}@media(hover:hover){.webapp-button--primary:not(.webapp-button--disabled):hover{background-color:var(--fill-positive-primary-hover)}}.webapp-button--secondary:not(.webapp-button--disabled){color:var(--text-primary);background-color:transparent;border-color:var(--border-positive-primary)}@media(hover:hover){.webapp-button--secondary:not(.webapp-button--disabled):hover{background-color:var(--fill-hover)}}.webapp-button--tertiary:not(.webapp-button--disabled){color:var(--text-primary);background-color:transparent;text-decoration:underline;border-color:transparent}@media(hover:hover){.webapp-button--tertiary:not(.webapp-button--disabled):hover{background-color:var(--fill-hover)}}.webapp-button__spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:webapp-button-spin .8s linear infinite}.webapp-button--loading .webapp-button__label{opacity:.7}@keyframes webapp-button-spin{to{transform:rotate(360deg)}}.email-scam-checker{--gmail-bg: #1f1f1f;--gmail-sidebar: #0b0b0b;--gmail-surface: #2d2d2d;--gmail-border: rgba(255, 255, 255, .08);--gmail-text: #e8eaed;--gmail-text-muted: #9aa0a6;--gmail-accent: #c2e7ff;--fab-size: 64px;display:flex;flex-direction:column;height:100%;background:var(--gmail-bg);color:var(--gmail-text);font-family:var(--webapp-typo-body-family, "Google Sans", Roboto, Arial, sans-serif);overflow:hidden}.email-scam-checker__gmail{position:relative;flex:1;display:flex;min-height:0;overflow:hidden}.email-scam-checker__sidebar{width:256px;flex-shrink:0;background:var(--gmail-sidebar);border-right:1px solid var(--gmail-border);padding:var(--spacing-8) var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-8)}.email-scam-checker__sidebar-top{display:flex;align-items:center;gap:var(--spacing-8);padding:0 var(--spacing-4)}.email-scam-checker__menu-btn{width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--gmail-text-muted);font-size:16px;cursor:default}.email-scam-checker__gmail-logo{font-size:18px;font-weight:400;letter-spacing:-.02em;color:var(--gmail-text-muted)}.email-scam-checker__compose{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:14px 24px;border-radius:16px;background:#c2e7ff;color:#001d35;border:none;font-size:14px;font-weight:500;cursor:default;box-shadow:0 1px 2px #0000004d}.email-scam-checker__nav-item{display:flex;align-items:center;gap:var(--spacing-12);padding:8px 12px;border-radius:0 24px 24px 0;font-size:14px;color:var(--gmail-text);cursor:default}.email-scam-checker__nav-item--active{background:#41331c;color:#fbbc04;font-weight:600}.email-scam-checker__nav-count{margin-left:auto;font-size:12px;color:var(--gmail-text-muted)}.email-scam-checker__main{flex:1;display:flex;flex-direction:column;min-width:0}.email-scam-checker__topbar{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-6) var(--spacing-12);border-bottom:1px solid var(--gmail-border)}.email-scam-checker__topbar-spacer{width:48px;flex-shrink:0}.email-scam-checker__back-btn{background:none;border:none;color:var(--gmail-text-muted);cursor:pointer;font-size:13px;padding:8px 4px;flex-shrink:0}.email-scam-checker__back-btn:hover{color:var(--gmail-text)}.email-scam-checker__topbar-actions{display:flex;align-items:center;gap:var(--spacing-12);color:var(--gmail-text-muted);font-size:16px;flex-shrink:0}.email-scam-checker__inbox-toolbar{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-6) var(--spacing-12);color:var(--gmail-text-muted);font-size:14px;border-bottom:1px solid var(--gmail-border)}.email-scam-checker__inbox-toolbar-check{font-size:16px}.email-scam-checker__search{flex:1;max-width:720px;display:flex;align-items:center;gap:var(--spacing-8);padding:10px 16px;border-radius:8px;background:var(--gmail-surface);color:var(--gmail-text-muted);font-size:14px}.email-scam-checker__search-icon{opacity:.7;font-size:16px}.email-scam-checker__content{flex:1;overflow:auto;min-height:0}.email-scam-checker__inbox-row{display:grid;grid-template-columns:28px 168px minmax(0,1fr) 72px;align-items:center;gap:var(--spacing-6);padding:8px var(--spacing-12);border-bottom:1px solid var(--gmail-border);cursor:pointer;font-size:13px}.email-scam-checker__inbox-row:hover{background:#ffffff0a}.email-scam-checker__inbox-row--unread .email-scam-checker__inbox-sender,.email-scam-checker__inbox-row--unread .email-scam-checker__inbox-subject-line{font-weight:600;color:var(--gmail-text)}.email-scam-checker__inbox-row--flagged{background:#ef44440f}.email-scam-checker__inbox-star{color:var(--gmail-text-muted);font-size:14px;text-align:center}.email-scam-checker__inbox-sender{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gmail-text-muted)}.email-scam-checker__inbox-subject{display:flex;min-width:0;overflow:hidden;color:var(--gmail-text-muted)}.email-scam-checker__inbox-subject-line{flex-shrink:0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-scam-checker__inbox-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.email-scam-checker__inbox-date{display:flex;align-items:center;justify-content:flex-end;gap:4px;text-align:right;color:var(--gmail-text-muted);font-size:12px}.email-scam-checker__inbox-flag{color:var(--red-400);font-size:11px}.email-scam-checker__email-view{padding:var(--spacing-12) var(--spacing-16)}.email-scam-checker__email-subject{font-size:22px;font-weight:400;margin:0 0 var(--spacing-12)}.email-scam-checker__email-meta{display:flex;align-items:flex-start;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}.email-scam-checker__avatar{width:40px;height:40px;border-radius:50%;background:var(--fill-positive-secondary);color:var(--text-positive-primary);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.email-scam-checker__sender-block{flex:1;min-width:0}.email-scam-checker__sender-name{font-size:14px;font-weight:500}.email-scam-checker__meta-email{font-size:12px;color:var(--gmail-text-muted)}.email-scam-checker__email-date{margin-left:auto;font-size:12px;color:var(--gmail-text-muted);flex-shrink:0}.email-scam-checker__email-body{padding:var(--spacing-16) 0;line-height:1.6;font-size:14px;white-space:pre-line;color:var(--gmail-text)}.email-scam-checker__email-cta{display:inline-block;margin-top:var(--spacing-12);padding:12px 24px;border-radius:4px;background:#1a73e8;color:#fff;font-size:14px;font-weight:500}.email-scam-checker__email-cta--risky{background:#c5221f}.email-scam-checker__attachment{display:inline-flex;align-items:center;gap:var(--spacing-8);margin-top:var(--spacing-16);padding:12px 16px;border-radius:var(--radius-xs);border:1px solid rgba(239,68,68,.35);background:#ef444414;color:var(--gmail-text);font-size:13px}.email-scam-checker__attachment-size{display:block;font-size:11px;color:var(--gmail-text-muted);margin-top:2px}.email-scam-checker__attachment-icon{font-size:20px}.email-scam-checker__fab-wrap{position:absolute;right:24px;bottom:24px;z-index:20;display:flex;align-items:flex-end;gap:var(--spacing-12)}.email-scam-checker__welcome{width:min(280px,calc(100vw - 120px));padding:var(--spacing-16);border-radius:var(--radius-ml);background:var(--white-100);color:var(--black-500);box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff1f;animation:email-scam-welcome-in .35s ease-out both;pointer-events:auto}.email-scam-checker__welcome-header{display:flex;align-items:center;gap:var(--spacing-10);margin-bottom:var(--spacing-10)}.email-scam-checker__welcome-title{margin:0;font-size:15px;font-weight:700;color:var(--black-500);line-height:1.25}.email-scam-checker__welcome-subtitle{margin:2px 0 0;font-size:12px;color:var(--text-positive-primary);font-weight:500}.email-scam-checker__welcome-body{margin:0 0 var(--spacing-12);font-size:13px;line-height:1.55;color:var(--gray-600)}.email-scam-checker__welcome-cta{width:100%;padding:10px var(--spacing-12);border:none;border-radius:var(--radius-xs);background:var(--fill-positive-primary);color:var(--text-action);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.email-scam-checker__welcome-cta:hover{background:var(--fill-positive-primary-hover)}@keyframes email-scam-welcome-in{0%{opacity:0;transform:translate(12px) translateY(8px)}to{opacity:1;transform:translate(0) translateY(0)}}.email-scam-checker__fab-tooltip{max-width:220px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--white-100);color:var(--black-500);font-size:13px;font-weight:500;line-height:1.45;white-space:normal;text-align:left;box-shadow:0 8px 24px #00000059,0 0 0 1px #ffffff1f;opacity:0;transform:translate(8px);transition:opacity .2s,transform .2s;pointer-events:none}.email-scam-checker__fab-wrap:hover .email-scam-checker__fab-tooltip,.email-scam-checker__fab-wrap:focus-within .email-scam-checker__fab-tooltip,.email-scam-checker__fab-tooltip--pinned{opacity:1;transform:translate(0)}.email-scam-checker__fab:not(:disabled){cursor:pointer}.email-scam-checker__fab{position:relative;width:var(--fab-size);height:var(--fab-size);border-radius:50%;border:none;cursor:pointer;padding:0;background:linear-gradient(145deg,#5eead4,#1ab2b3 48%,#0d9488);box-shadow:0 10px 32px #1ab2b38c,0 0 0 3px #5eead459,inset 0 1px #ffffff59;transition:transform .2s,box-shadow .25s,background .25s}.email-scam-checker__fab-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#ffffffeb;margin:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.email-scam-checker__fab-mark{display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}.email-scam-checker__fab-badge{position:absolute;top:0;right:0;width:22px;height:22px;border-radius:50%;background:var(--white-200);color:var(--red-500);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000059;border:2px solid var(--red-500)}.email-scam-checker__fab:hover:not(:disabled){transform:scale(1.06) translateY(-3px);box-shadow:0 14px 36px #1ab2b3a6,0 0 0 4px #5eead473,inset 0 1px #fff6}.email-scam-checker__fab:disabled{opacity:.5;cursor:not-allowed;transform:none}.email-scam-checker__fab--pop{animation:email-scam-fab-pop .65s cubic-bezier(.34,1.56,.64,1) both}.email-scam-checker__fab--shake{animation:email-scam-fab-shake .55s ease-in-out .15s 4}.email-scam-checker__fab--danger{background:linear-gradient(145deg,#f87171,#dc2626,#b91c1c);box-shadow:0 10px 36px #dc262699,0 0 0 3px #f8717173,inset 0 1px #ffffff40}.email-scam-checker__fab--danger:hover:not(:disabled){box-shadow:0 14px 40px #dc2626b3,0 0 0 4px #f871718c,inset 0 1px #ffffff4d}.email-scam-checker__fab--safe{background:linear-gradient(145deg,#5eead4,#1ab2b3 48%,#0d9488);box-shadow:0 10px 32px #1ab2b38c,0 0 0 3px #22c55e8c,inset 0 1px #ffffff59}@keyframes email-scam-fab-pop{0%{opacity:0;transform:scale(.3) translateY(20px)}70%{transform:scale(1.1) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes email-scam-fab-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-8deg)}30%{transform:rotate(8deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}.email-scam-checker__fab--scanning .email-scam-checker__fab-inner{animation:email-scam-fab-spin 1s linear infinite}.email-scam-checker__toast{position:absolute;left:50%;bottom:96px;z-index:50;transform:translate(-50%);display:flex;align-items:flex-start;gap:var(--spacing-8);max-width:min(420px,calc(100% - 48px));padding:var(--spacing-12) var(--spacing-14);border-radius:var(--radius-sm);background:var(--white-100);color:var(--black-500);box-shadow:0 12px 32px #00000059,0 0 0 1px #ffffff1a;animation:email-scam-toast-in .28s ease-out both}.email-scam-checker__toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--green-100);color:var(--green-500);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.email-scam-checker__toast-message{flex:1;margin:0;font-size:14px;line-height:1.45;font-weight:500}.email-scam-checker__toast-dismiss{flex-shrink:0;border:none;background:transparent;color:var(--gray-600);font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.email-scam-checker__toast-dismiss:hover{color:var(--black-500)}@keyframes email-scam-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes email-scam-fab-spin{to{transform:rotate(360deg)}}.email-scam-checker__panel-backdrop{position:absolute;inset:0;background:#00000059;z-index:30}.email-scam-checker__panel{position:absolute;top:16px;right:16px;bottom:16px;width:min(380px,calc(100% - 32px));z-index:40;display:flex;flex-direction:column;background:var(--background-primary);border-radius:var(--radius-ml);box-shadow:var(--shadow-elevated);overflow:hidden;animation:email-scam-panel-in .28s ease-out both}@keyframes email-scam-panel-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.email-scam-checker__panel-header{display:flex;align-items:center;gap:var(--spacing-10);padding:var(--spacing-12);border-bottom:1px solid var(--border-default)}.email-scam-checker__panel-mark{display:block;flex-shrink:0;width:28px;height:28px}.email-scam-checker__panel-title-block{flex:1;min-width:0}.email-scam-checker__panel-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.email-scam-checker__panel-subtitle{font-size:12px;color:var(--text-secondary);margin:2px 0 0}.email-scam-checker__panel-close{border:none;background:transparent;color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer;padding:4px;border-radius:var(--radius-xxs)}.email-scam-checker__panel-close:hover{background:var(--fill-hover);color:var(--text-primary)}.email-scam-checker__panel-body{flex:1;overflow:auto;padding:var(--spacing-12);display:flex;flex-direction:column;gap:var(--spacing-10)}.email-scam-checker__score-card{border-radius:var(--radius-sm);padding:var(--spacing-12);color:var(--white-100);display:flex;flex-direction:column;gap:var(--spacing-10)}.email-scam-checker__verdict{margin:0;font-size:17px;font-weight:700;line-height:1.3}.email-scam-checker__score-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-12)}.email-scam-checker__score-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-4)}.email-scam-checker__score-card--safe{background:linear-gradient(135deg,var(--azul-100) 0%,var(--azul-200) 45%,var(--azul-400) 100%);box-shadow:inset 0 1px #fff3}.email-scam-checker__score-card--phishing{background:linear-gradient(135deg,var(--yellow-300) 0%,var(--yellow-400) 100%);color:var(--yellow-600);box-shadow:inset 0 1px #ffffff59}.email-scam-checker__score-card--malware{background:linear-gradient(135deg,var(--red-400) 0%,var(--red-500) 55%,var(--red-550) 100%);box-shadow:inset 0 1px #ffffff26}.email-scam-checker__score-top{display:none}.email-scam-checker__score-badge{display:inline-flex;padding:4px 10px;border-radius:999px;background:#ffffff38;font-size:12px;font-weight:600}.email-scam-checker__score-card--phishing .email-scam-checker__score-badge{background:#472a061f;color:var(--yellow-600)}.email-scam-checker__score-card--phishing .email-scam-checker__score-confidence{color:var(--yellow-600);opacity:.85}.email-scam-checker__score-confidence{font-size:11px;opacity:.9}.email-scam-checker__score-main{display:flex;align-items:flex-end;gap:var(--spacing-8)}.email-scam-checker__score-number{font-size:40px;font-weight:700;line-height:1}.email-scam-checker__score-label{font-size:12px;font-weight:500;opacity:.9;padding-bottom:4px}.email-scam-checker__score-bar{height:6px;border-radius:999px;background:#ffffff40;overflow:hidden}.email-scam-checker__score-bar-fill{height:100%;border-radius:999px;background:#ffffffe6;transition:width .6s ease-out}.email-scam-checker__score-card--phishing .email-scam-checker__score-bar{background:#472a0626}.email-scam-checker__score-card--phishing .email-scam-checker__score-bar-fill{background:var(--yellow-600)}.email-scam-checker__card{padding:var(--spacing-12);border-radius:var(--radius-sm);background:var(--fill-secondary);border:1px solid var(--border-default)}.email-scam-checker__card--alert{border-color:var(--border-destructive);background:var(--fill-destructive-tertiary)}.email-scam-checker__section-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 0 var(--spacing-8)}.email-scam-checker__summary{font-size:14px;line-height:1.5;color:var(--text-primary);margin:0}.email-scam-checker__sender-name{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.email-scam-checker__sender-email{margin:2px 0 var(--spacing-8);font-size:13px;color:var(--text-secondary);word-break:break-all}.email-scam-checker__sender-pill{display:inline-flex;margin:0 0 var(--spacing-8);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.email-scam-checker__sender-pill--ok{background:var(--green-100);color:var(--green-500)}.email-scam-checker__sender-pill--bad{background:var(--red-100);color:var(--red-500)}.email-scam-checker__sender-note{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.email-scam-checker__links-ok{margin:0;font-size:13px;line-height:1.45;color:var(--text-success);font-weight:500}.email-scam-checker__link-list{list-style:none;margin:var(--spacing-8) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-6)}.email-scam-checker__link-row{display:flex;align-items:flex-start;gap:var(--spacing-8);padding:var(--spacing-8);border-radius:var(--radius-xs);background:var(--background-primary);border:1px solid var(--border-default)}.email-scam-checker__link-row--warn{border-color:var(--border-attention);background:var(--fill-positive-attention-secondary)}.email-scam-checker__link-row--bad{border-color:var(--border-destructive);background:var(--fill-destructive-tertiary)}.email-scam-checker__link-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--fill-secondary)}.email-scam-checker__link-row--warn .email-scam-checker__link-icon{background:var(--yellow-300);color:var(--yellow-600)}.email-scam-checker__link-row--bad .email-scam-checker__link-icon{background:var(--red-200);color:var(--red-500)}.email-scam-checker__link-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.email-scam-checker__link-display{font-size:13px;font-weight:600;color:var(--text-primary)}.email-scam-checker__link-note{font-size:12px;line-height:1.4;color:var(--text-secondary)}.email-scam-checker__link-tag{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.email-scam-checker__link-tag--safe{background:var(--green-100);color:var(--green-500)}.email-scam-checker__link-tag--suspicious{background:var(--yellow-100);color:var(--yellow-550)}.email-scam-checker__link-tag--malicious{background:var(--red-100);color:var(--red-500)}.email-scam-checker__attachment-alert{margin:0;font-size:13px;line-height:1.45;color:var(--text-destructive)}.email-scam-checker__actions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-8)}.email-scam-checker__action{display:flex;align-items:flex-start;gap:var(--spacing-8);font-size:14px;line-height:1.45;color:var(--text-primary)}.email-scam-checker__action-bullet{flex-shrink:0;color:var(--text-positive-primary);font-weight:700}.email-scam-checker__loading-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;max-width:240px;text-align:left}.email-scam-checker__panel-footer{padding:var(--spacing-10) var(--spacing-12);border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:var(--spacing-8)}.email-scam-checker__privacy-note{display:flex;align-items:flex-start;gap:var(--spacing-6);font-size:11px;line-height:1.45;color:var(--text-secondary)}.email-scam-checker__privacy-note svg{flex-shrink:0;margin-top:1px;color:var(--icons-positive)}.email-scam-checker__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-12);padding:var(--spacing-24);text-align:center;flex:1}.email-scam-checker__loading-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--border-positive-secondary);border-radius:50%;animation:email-scam-fab-spin .8s linear infinite}.email-scam-checker__loading-text{font-size:14px;color:var(--text-secondary)}.email-scam-checker__loading-step{font-size:12px;color:var(--text-disabled);display:flex;align-items:center;gap:var(--spacing-6)}.email-scam-checker__loading-step--done{color:var(--text-success)}.email-scam-checker__loading-step--active{color:var(--text-primary);font-weight:500}[data-theme=light]{--background-primary: var(--white-100);--background-secondary: var(--white-200);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(255, 255, 255, .8);--surface-primary: var(--background-primary);--fill-primary: var(--white-100);--fill-secondary: var(--white-200);--fill-hover: var(--white-400);--fill-hover-on-secondary: var(--white-600);--fill-disabled: var(--white-300);--fill-positive-primary: var(--black-500);--fill-positive-primary-hover: var(--black-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-300);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-100);--fill-positive-success: var(--green-100);--fill-positive-success-hover: var(--green-150);--fill-positive-info: var(--blue-100);--fill-positive-info-hover: var(--blue-150);--fill-destructive-primary: var(--red-400);--fill-destructive-primary-hover: var(--red-500);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-100);--fill-destructive-tertiary: var(--red-100);--fill-negative-primary: var(--fill-destructive-primary);--fill-invert-primary: var(--black-400);--fill-invert-secondary: var(--black-200);--fill-invert-tertiary: var(--black-100);--fill-invert-hover: var(--black-100);--fill-invert-disabled: var(--black-100);--fill-invert-positive-primary: var(--azul-200);--fill-invert-positive-primary-hover: var(--azul-350);--fill-invert-destructive-secondary: var(--red-600);--fill-invert-destructive-secondary-hover: var(--red-550);--text-primary: var(--black-500);--text-secondary: var(--gray-600);--text-action: var(--white-200);--text-disabled: var(--gray-400);--text-positive-primary: var(--azul-200);--text-destructive: var(--red-500);--text-success: var(--green-500);--text-info: var(--blue-600);--text-attention: var(--yellow-550);--text-invert-primary: var(--white-200);--text-invert-secondary: var(--gray-100);--text-invert-tertiary: var(--white-200);--text-invert-action: var(--black-500);--text-invert-disabled: var(--gray-300);--text-invert-destructive: var(--red-300);--text-invert-success: var(--green-300);--text-invert-info: var(--blue-200);--text-invert-attention: var(--yellow-300);--border-default: var(--white-400);--border-hover: var(--white-300);--border-disabled: var(--white-200);--border-positive-primary: var(--black-100);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-500);--border-success: var(--green-500);--border-attention: var(--yellow-500);--border-destructive: var(--red-500);--border-invert-destructive: var(--red-500);--border-invert-dark: var(--black-100);--border-invert-light: var(--white-400);--border-invert-disabled: var(--gray-300);--border-on-color: var(--azul-400);--border-on-secondary: var(--gray-100);--divider-primary: var(--white-400);--divider-invert-light: var(--white-400);--divider-invert-dark: var(--black-100);--divider-positive: var(--azul-200);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-100);--icons-primary: var(--black-500);--icons-secondary: var(--gray-600);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-500);--icons-success: var(--green-500);--icons-info: var(--blue-500);--icons-destructive: var(--red-500);--icons-disabled: var(--gray-400);--icons-action: var(--white-200);--icons-invert-destructive: var(--red-300);--icons-invert-dark: var(--black-500);--icons-invert-light: var(--white-200);--icons-invert-disabled: var(--gray-300);--utilities-topbar-mac-bg: #eeeef0;--utilities-topbar-mac-border: #e9e9e8;--utilities-topbar-windows-bg: var(--background-secondary);--shadow-base-color: rgba(30, 35, 39, .15)}[data-theme=dark]{--background-primary: var(--black-600);--background-secondary: var(--black-400);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(17, 21, 24, .8);--surface-primary: var(--background-primary);--fill-primary: var(--black-600);--fill-secondary: var(--black-400);--fill-hover: var(--black-300);--fill-hover-on-secondary: var(--black-100);--fill-disabled: var(--black-200);--fill-positive-primary: var(--white-300);--fill-positive-primary-hover: var(--white-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-100);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-600);--fill-positive-success: var(--green-600);--fill-positive-success-hover: var(--green-450);--fill-positive-info: var(--blue-600);--fill-positive-info-hover: var(--blue-550);--fill-destructive-primary: var(--red-500);--fill-destructive-primary-hover: var(--red-400);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-600);--fill-destructive-tertiary: var(--red-600);--fill-negative-primary: var(--fill-destructive-primary);--fill-invert-primary: var(--black-400);--fill-invert-secondary: var(--black-200);--fill-invert-tertiary: var(--black-100);--fill-invert-hover: var(--black-100);--fill-invert-disabled: var(--black-100);--fill-invert-positive-primary: var(--azul-200);--fill-invert-positive-primary-hover: var(--azul-350);--fill-invert-destructive-secondary: var(--red-600);--fill-invert-destructive-secondary-hover: var(--red-550);--text-primary: var(--white-200);--text-secondary: var(--gray-100);--text-action: var(--black-500);--text-disabled: var(--gray-300);--text-positive-primary: var(--azul-200);--text-destructive: var(--red-300);--text-success: var(--green-300);--text-info: var(--blue-200);--text-attention: var(--yellow-300);--text-invert-primary: var(--white-200);--text-invert-secondary: var(--gray-100);--text-invert-tertiary: var(--white-200);--text-invert-action: var(--black-500);--text-invert-disabled: var(--gray-300);--text-invert-destructive: var(--red-300);--text-invert-success: var(--green-500);--text-invert-info: var(--blue-600);--text-invert-attention: var(--yellow-550);--border-default: var(--black-100);--border-hover: var(--gray-600);--border-disabled: var(--gray-500);--border-positive-primary: var(--white-300);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-200);--border-success: var(--green-200);--border-attention: var(--yellow-200);--border-destructive: var(--red-300);--border-invert-destructive: var(--red-500);--border-invert-dark: var(--black-100);--border-invert-light: var(--white-400);--border-invert-disabled: var(--gray-300);--border-on-color: var(--azul-400);--border-on-secondary: var(--gray-600);--divider-primary: var(--black-100);--divider-invert-light: var(--white-400);--divider-invert-dark: var(--black-100);--divider-positive: var(--azul-200);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-600);--icons-primary: var(--white-200);--icons-secondary: var(--gray-100);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-200);--icons-success: var(--green-200);--icons-info: var(--blue-200);--icons-destructive: var(--red-300);--icons-disabled: var(--gray-300);--icons-action: var(--black-500);--icons-invert-destructive: var(--red-300);--icons-invert-dark: var(--black-500);--icons-invert-light: var(--white-200);--icons-invert-disabled: var(--gray-300);--utilities-topbar-mac-bg: #30302f;--utilities-topbar-mac-border: #0f0f10;--utilities-topbar-windows-bg: var(--background-secondary);--shadow-base-color: rgba(57, 62, 65, .15)}[data-platform=macOS]{--typo-title-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-title-weight: 700;--typo-title-size: 25px;--typo-title-line-height: 32px;--typo-title-letter-spacing: .15px;--typo-subtitle-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subtitle-weight: 700;--typo-subtitle-size: 20px;--typo-subtitle-line-height: 25px;--typo-subtitle-letter-spacing: -.45px;--typo-headline-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-headline-weight: 600;--typo-headline-size: 16px;--typo-headline-line-height: 24px;--typo-headline-letter-spacing: -.31px;--typo-headline-emphasized-weight: 800;--typo-body-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-body-weight: 400;--typo-body-size: 16px;--typo-body-line-height: 24px;--typo-body-letter-spacing: -.31px;--typo-body-emphasized-weight: 600;--typo-callout-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-callout-weight: 400;--typo-callout-size: 15px;--typo-callout-line-height: 22px;--typo-callout-letter-spacing: -.23px;--typo-callout-emphasized-weight: 600;--typo-subhead-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subhead-weight: 400;--typo-subhead-size: 14px;--typo-subhead-line-height: 22px;--typo-subhead-letter-spacing: -.15px;--typo-subhead-emphasized-weight: 600;--typo-footnote-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-footnote-weight: 400;--typo-footnote-size: 13px;--typo-footnote-line-height: 21px;--typo-footnote-letter-spacing: -.08px;--typo-caption-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-caption-weight: 400;--typo-caption-size: 12px;--typo-caption-line-height: 20px;--typo-caption-letter-spacing: 0}[data-platform=iOS]{--typo-title-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-title-weight: 700;--typo-title-size: 28px;--typo-title-line-height: 34px;--typo-title-letter-spacing: .38px;--typo-subtitle-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subtitle-weight: 700;--typo-subtitle-size: 20px;--typo-subtitle-line-height: 25px;--typo-subtitle-letter-spacing: -.45px;--typo-headline-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-headline-weight: 600;--typo-headline-size: 17px;--typo-headline-line-height: 25px;--typo-headline-letter-spacing: -.43px;--typo-headline-emphasized-weight: 900;--typo-body-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-body-weight: 400;--typo-body-size: 17px;--typo-body-line-height: 25px;--typo-body-letter-spacing: -.43px;--typo-body-emphasized-weight: 600;--typo-callout-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-callout-weight: 400;--typo-callout-size: 16px;--typo-callout-line-height: 24px;--typo-callout-letter-spacing: -.31px;--typo-callout-emphasized-weight: 600;--typo-subhead-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subhead-weight: 400;--typo-subhead-size: 15px;--typo-subhead-line-height: 22px;--typo-subhead-letter-spacing: -.23px;--typo-subhead-emphasized-weight: 600;--typo-footnote-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-footnote-weight: 400;--typo-footnote-size: 13px;--typo-footnote-line-height: 21px;--typo-footnote-letter-spacing: -.08px;--typo-caption-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-caption-weight: 400;--typo-caption-size: 12px;--typo-caption-line-height: 20px;--typo-caption-letter-spacing: 0}:root{font-family:var(--typo-body-family, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);font-size:var(--typo-body-size, 16px);line-height:var(--typo-body-line-height, 24px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white-100: #ffffff;--white-200: #f5f5f6;--white-300: #f1f1f1;--white-400: #eeeeee;--white-500: #e4e4e4;--white-600: #dadada;--gray-100: #bfbfc0;--gray-200: #a5a8ab;--gray-300: #939597;--gray-400: #7d8185;--gray-500: #616568;--gray-600: #5b6065;--black-100: #393e41;--black-200: #2a3035;--black-300: #262b2f;--black-400: #1e2327;--black-500: #16191c;--black-600: #111518;--azul-100: #1ebfbf;--azul-200: #1ab2b3;--azul-300: #0ea6a7;--azul-350: #129899;--azul-400: #0c8c8d;--azul-500: #0a7576;--azul-600: #064647;--green-100: #e6f7ed;--green-150: #abddc2;--green-200: #5be19d;--green-300: #47cd89;--green-400: #079455;--green-450: #558371;--green-500: #007637;--green-600: #053321;--red-100: #ffedee;--red-200: #ff858f;--red-300: #ff4c5b;--red-400: #d83b48;--red-500: #c91d2b;--red-550: #a01420;--red-600: #380106;--yellow-100: #fff8d2;--yellow-200: #ffee84;--yellow-300: #ffd83f;--yellow-400: #e6ad2a;--yellow-450: #e4b92c;--yellow-500: #ad821f;--yellow-550: #936806;--yellow-600: #472a06;--blue-100: #dcf2fd;--blue-150: #a5d5ed;--blue-200: #51c5ff;--blue-300: #33a7e8;--blue-400: #22a6e8;--blue-500: #0488ca;--blue-550: #5a7591;--blue-600: #013955}[data-theme=light]{--background-primary: var(--white-100);--background-secondary: var(--white-200);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(255, 255, 255, .8);--surface-primary: var(--background-primary);--fill-primary: var(--white-100);--fill-secondary: var(--white-200);--fill-hover: var(--white-400);--fill-hover-on-secondary: var(--white-600);--fill-disabled: var(--white-300);--fill-positive-primary: var(--black-500);--fill-positive-primary-hover: var(--black-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-300);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-100);--fill-positive-success: var(--green-100);--fill-positive-success-hover: var(--green-150);--fill-positive-info: var(--blue-100);--fill-positive-info-hover: var(--blue-150);--fill-destructive-primary: var(--red-400);--fill-destructive-primary-hover: var(--red-500);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-100);--fill-destructive-tertiary: var(--red-100);--fill-negative-primary: var(--fill-destructive-primary);--text-primary: var(--black-500);--text-secondary: var(--gray-600);--text-action: var(--white-200);--text-positive-primary: var(--azul-200);--text-disabled: var(--gray-400);--text-success: var(--green-500);--text-info: var(--blue-600);--text-attention: var(--yellow-550);--text-destructive: var(--red-500);--border-default: var(--white-400);--border-hover: var(--white-300);--border-disabled: var(--white-200);--border-positive-primary: var(--black-100);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-500);--border-success: var(--green-500);--border-attention: var(--yellow-500);--border-destructive: var(--red-500);--divider-primary: var(--white-400);--divider-positive: var(--azul-200);--icons-primary: var(--black-500);--icons-secondary: var(--gray-600);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-550);--icons-success: var(--green-500);--icons-info: var(--blue-600);--icons-destructive: var(--red-500);--icons-disabled: var(--gray-400);--icons-action: var(--white-200);--shadow-base: 0 1px 4px 0 rgba(30, 35, 39, .15);--shadow-elevated: 0 4px 12px 0 rgba(30, 35, 39, .12)}[data-theme=dark]{--background-primary: var(--black-600);--background-secondary: var(--black-400);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(17, 21, 24, .8);--surface-primary: var(--background-primary);--fill-primary: var(--black-600);--fill-secondary: var(--black-400);--fill-hover: var(--black-300);--fill-hover-on-secondary: var(--black-100);--fill-disabled: var(--black-200);--fill-positive-primary: var(--white-300);--fill-positive-primary-hover: var(--white-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-100);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-600);--fill-positive-success: var(--green-600);--fill-positive-success-hover: var(--green-450);--fill-positive-info: var(--blue-600);--fill-positive-info-hover: var(--blue-550);--fill-destructive-primary: var(--red-500);--fill-destructive-primary-hover: var(--red-400);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-600);--fill-destructive-tertiary: var(--red-600);--fill-negative-primary: var(--fill-destructive-primary);--text-primary: var(--white-200);--text-secondary: var(--gray-100);--text-action: var(--black-500);--text-positive-primary: var(--azul-200);--text-disabled: var(--gray-300);--text-success: var(--green-300);--text-info: var(--blue-200);--text-attention: var(--yellow-300);--text-destructive: var(--red-300);--border-default: var(--black-100);--border-hover: var(--gray-600);--border-disabled: var(--gray-500);--border-positive-primary: var(--white-300);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-200);--border-success: var(--green-200);--border-attention: var(--yellow-200);--border-destructive: var(--red-300);--divider-primary: var(--black-100);--divider-positive: var(--azul-200);--icons-primary: var(--white-200);--icons-secondary: var(--gray-100);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-300);--icons-success: var(--green-300);--icons-info: var(--blue-200);--icons-destructive: var(--red-300);--icons-disabled: var(--gray-300);--icons-action: var(--black-500);--shadow-base: 0 1px 4px 0 rgba(56, 62, 65, .15);--shadow-elevated: 0 4px 12px 0 rgba(56, 62, 65, .2)}:root{--webapp-typo-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--webapp-typo-display-size: 42px;--webapp-typo-display-line-height: 48px;--webapp-typo-display-letter-spacing: -1px;--webapp-typo-display-weight: 700;--webapp-typo-headline1-size: 28px;--webapp-typo-headline1-line-height: 34px;--webapp-typo-headline1-letter-spacing: -.5px;--webapp-typo-headline1-weight: 700;--webapp-typo-headline2-size: 20px;--webapp-typo-headline2-line-height: 26px;--webapp-typo-headline2-letter-spacing: -.25px;--webapp-typo-headline2-weight: 700;--webapp-typo-headline3-size: 16px;--webapp-typo-headline3-line-height: 22px;--webapp-typo-headline3-letter-spacing: 0;--webapp-typo-headline3-weight: 500;--webapp-typo-body-family: var(--webapp-typo-family-sans);--webapp-typo-body-size: 14px;--webapp-typo-body-line-height: 20px;--webapp-typo-body-letter-spacing: 0;--webapp-typo-body-weight: 400;--webapp-typo-body-large-size: 16px;--webapp-typo-body-large-line-height: 22px;--webapp-typo-caption-size: 12px;--webapp-typo-caption-line-height: 16px;--webapp-typo-caption-letter-spacing: 0;--webapp-typo-caption-weight: 400}[data-viewport=mobile]{--webapp-typo-display-size: 28px;--webapp-typo-display-line-height: 34px;--webapp-typo-display-letter-spacing: -.5px;--webapp-typo-headline1-size: 22px;--webapp-typo-headline1-line-height: 28px;--webapp-typo-headline1-letter-spacing: -.25px;--webapp-typo-headline2-size: 18px;--webapp-typo-headline2-line-height: 24px;--webapp-typo-headline2-letter-spacing: 0;--webapp-typo-headline3-size: 16px;--webapp-typo-headline3-line-height: 22px;--webapp-typo-body-size: 15px;--webapp-typo-body-line-height: 22px}:root{--spacing-0: 0px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px}:root{--dimension-button-default-height: 48px;--dimension-input-field-height: 56px;--dimension-input-field-small-height: 32px;--dimension-search-field-height: 56px;--dimension-search-field-small-height: 40px;--dimension-dropdown-height: 56px;--dimension-selection-item-height: 52px;--dimension-icon-size: 32px}:root{--radius-none: 0px;--radius-xxs: 4px;--radius-xs: 8px;--radius-s: 12px;--radius-sm: 16px;--radius-m: 20px;--radius-ml: 24px;--radius-l: 32px;--radius-xl: 40px;--radius-xxl: 48px;--radius-full: 9999px}:root{--app-footer-height: 57px;--card-border-radius: var(--radius-s);--card-border-radius-large: var(--radius-sm)}:root{--canvas-radius: 6px;--canvas-font-mono: "Azeret Mono", "SF Mono", monospace;--canvas-font-sans: "Outfit", system-ui, sans-serif;--canvas-transition: .18s ease;--canvas-bg: #f4f1ed;--canvas-border: #d1cbc4;--canvas-border-subtle: #e2ddd7;--canvas-text-dim: #665d54;--canvas-shadow-card: rgba(0, 0, 0, .06);--canvas-shadow-heavy: rgba(0, 0, 0, .1);--canvas-pattern-opacity: .03}#publish-root{font-family:var(--canvas-font-sans);margin:0;min-height:100vh}.publish-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--canvas-bg);overflow:auto;position:relative}.publish-shell:before{content:"";position:absolute;inset:0;opacity:var(--canvas-pattern-opacity);background-image:linear-gradient(45deg,var(--canvas-text-dim) 1px,transparent 1px),linear-gradient(-45deg,var(--canvas-text-dim) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.idea-frame-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;gap:12px}.idea-frame{overflow:auto;border-radius:6px;border:1px solid var(--canvas-border);position:relative;box-shadow:0 0 0 1px var(--canvas-border-subtle),0 8px 48px var(--canvas-shadow-heavy);background:var(--background-primary, #ffffff);color:var(--text-primary, #16191c);font-family:var(--typo-body-family, system-ui, sans-serif);font-size:var(--typo-body-size, 14px);line-height:var(--typo-body-line-height, 20px);animation:frameAppear .5s ease both .15s}.idea-frame--ios{border-radius:32px}.frame-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;opacity:.5}.idea-frame::-webkit-scrollbar{width:6px}.idea-frame::-webkit-scrollbar-track{background:transparent}.idea-frame::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}@keyframes frameAppear{0%{opacity:0;transform:scale(.97);box-shadow:0 0 0 1px var(--canvas-border-subtle),0 4px 20px var(--canvas-shadow-card),0 0 0 transparent}to{opacity:1;transform:scale(1);box-shadow:0 0 0 1px var(--canvas-border-subtle),0 8px 48px var(--canvas-shadow-heavy)}}