@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#edecf2;background:#101114;color-scheme:dark;font-synthesis:none;--muted:#92919e;--purple:#b8a2ee;--line:#2b2b33}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b8a2ee;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.chat-rail{position:fixed;inset:0 auto 0 0;width:260px;background:#0c0d10;border-right:1px solid #ffffff08;display:flex;flex-direction:column;padding:29px 17px 14px;z-index:25}.chat-brand{display:flex;align-items:center;font:500 23px 'Space Grotesk',sans-serif;letter-spacing:-1px;padding:0 10px;gap:6px}.chat-brand img{width:30px;height:30px}.chat-brand>span{font:8px 'DM Sans',sans-serif;letter-spacing:1px;color:#8d819f;margin:5px 0 0 4px}.new-conversation{display:flex;align-items:center;gap:10px;color:#dfd7f3;background:#211c2d;border:1px solid #3a304b;border-radius:9px;padding:12px 13px;margin:35px 0 34px;font-size:12px;transition:background .2s}.new-conversation:hover{background:#30253f}.new-conversation>span{font-size:18px;font-weight:400}.new-conversation kbd{margin-left:auto;font:14px sans-serif;color:#9a88b9}.history-heading{display:flex;justify-content:space-between;padding:0 12px;font-size:9px;letter-spacing:1.4px;color:#787481}.history-heading span{color:#9e92b0;letter-spacing:0}.history-search{display:flex;gap:7px;align-items:center;padding:8px 10px;margin:11px 0 8px;border:1px solid transparent;border-radius:6px}.history-search:focus-within{border-color:#47404f}.history-search>span{font-size:21px;color:#6e677a}.history-search input{min-width:0;width:100%;background:none;border:0;outline:0;font-size:11px;color:#bbb5c5}.history-search input:focus-visible{outline:none}.history-search input::placeholder{color:#6d6977}.chat-history{flex:1;overflow:auto;min-height:0}.history-item{width:100%;display:block;text-align:left;border:1px solid transparent;border-radius:7px;background:none;color:#9e9aa9;padding:12px 11px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0;transition:background .2s}.history-item:hover{background:#19171f}.history-item.active{background:#24202d;color:#e2d9f4;border-color:#2e283a}.history-item.is-running:before{content:'●';color:#bea1ee;font-size:7px;margin-right:7px}.history-empty{font-size:11px;line-height:1.8;color:#716b7e;padding:0 12px}.rail-platform{display:flex;gap:10px;margin:15px 10px 20px;font-size:12px;color:#87828f}.rail-platform:hover{color:#ddd}.rail-upgrade{border:1px solid #42374f;border-radius:9px;padding:15px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(120deg,#262031,#15131c);transition:border .2s}.rail-upgrade:hover{border-color:#8d72b6}.rail-upgrade strong{font-size:11px;font-weight:500;display:block}.rail-upgrade small{font-size:9px;color:#a292b7;display:block;margin-top:5px}.rail-upgrade>span:last-child{margin-left:auto;color:#a48cb9;font-size:13px}.plan-symbol{color:#c0a5ea;font-size:24px}.rail-account{display:flex;align-items:center;gap:11px;padding:21px 9px 2px;font-size:11px;color:#cac5d2}.account-avatar{border:1px solid #3b3348;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:11px;color:#bda2e0;background:#21192d}.rail-account small{font-size:9px;display:block;color:#716a7e;margin-top:4px}.account-dot{width:5px;height:5px;border-radius:50%;background:#77998a;margin-left:auto}
.chat-main{margin-left:260px;height:100dvh;min-height:580px;display:flex;flex-direction:column}.chat-header{height:79px;flex-shrink:0;padding:0 37px;display:flex;justify-content:space-between;align-items:center;gap:15px}.agent-identity{display:flex;align-items:center;gap:14px;font-size:17px;letter-spacing:-.45px}.agent-identity b{font-weight:500;color:#b59de2}.dev-badge{font-size:8px;letter-spacing:1px!important;padding:4px 5px;border:1px solid #36313f;color:#8b7c9e;border-radius:3px}.chat-header-right{display:flex;align-items:center;gap:25px;font-size:11px;color:#a5a0af}.chat-header-right a:hover{color:#eee}.chat-header-right a span{margin-left:9px}.provider-status{font-size:9px;color:#797681}.provider-status.connected:before{content:'';width:4px;height:4px;display:inline-block;background:#87b49f;border-radius:50%;margin-right:7px}.mobile-menu{display:none}.chat-scroll{flex:1;min-height:0;overflow-y:auto;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#3c3545 transparent}.chat-welcome{max-width:820px;min-height:100%;margin:auto;padding:40px 35px 34px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.welcome-mark{position:relative;display:grid;place-items:center;width:90px;height:88px;margin:0 0 29px}.welcome-mark:before{content:'';position:absolute;inset:-17px;background:radial-gradient(ellipse,#9464cb20,transparent 65%);filter:blur(15px)}.welcome-mark img{width:78px;height:78px;z-index:1;filter:drop-shadow(0 0 12px #b291df28)}.welcome-orbit{position:absolute;inset:22px -5px;border:1px solid #67527b55;border-radius:50%;transform:rotate(-28deg)}.welcome-eyebrow{font-size:9px;letter-spacing:2.1px;color:#8e7da4;margin-bottom:17px}.chat-welcome h1{font:500 clamp(29px,3.3vw,43px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:0 0 15px}.chat-welcome>p{color:#817c8d;font-size:13px;line-height:1.85;margin:0}.prompt-suggestions{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap;justify-content:center}.prompt-suggestions button{display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid #2f2a38;border-radius:8px;background:#15141b;color:#bfb4cd;font-size:11px;transition:background .2s,border .2s}.prompt-suggestions button:hover{background:#221c2d;border-color:#625074}.prompt-suggestions button>span{font-size:17px;color:#a390bf}.prompt-suggestions i{font-style:normal;color:#6b627b;margin-left:4px}.composer-dock{padding:15px 35px 18px;width:100%;max-width:980px;align-self:center;flex-shrink:0;background:#101114}.chat-composer{border:1px solid #3d354a;border-radius:17px;padding:17px 17px 12px;background:#1a181f;box-shadow:0 10px 40px #00000012;transition:border .2s}.chat-composer:focus-within{border-color:#817092}.chat-composer textarea{display:block;width:100%;resize:none;min-height:66px;max-height:220px;overflow-y:auto;color:#e3dced;background:none;border:0;outline:0;font-size:14px;line-height:1.65;padding:1px 4px 10px}.chat-composer textarea:focus-visible{outline:none}.chat-composer textarea::placeholder{color:#817888}.composer-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.mode-controls{display:flex;align-items:center;gap:7px}.mode-controls button{padding:7px 10px;font-size:11px;color:#958b9f;border:1px solid transparent;background:none;border-radius:7px;white-space:nowrap}.mode-controls button.selected{color:#cfb9f1;background:#302638;border-color:#54405f}.mode-controls button:hover{color:#e8dafa;background:#302638}.send-controls{display:flex;align-items:center;gap:12px}.send-controls>span{font-size:9px;color:#706677}.send-button{border:0;background:#b59adf;border-radius:9px;color:#1e1429;font-size:26px;width:35px;height:35px;display:grid;place-items:center;line-height:1}.send-button:hover{background:#c8afea}.stop-button{font-size:14px;background:#b8a5d3}.composer-footnote{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:0 5px;font-size:9px;color:#696371}.chat-notice{border:1px solid #665338;color:#d6bd8f;background:#282119;padding:10px 13px;border-radius:8px;margin-bottom:9px;font-size:12px;line-height:1.5}.chat-toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);z-index:80;background:#302637;border:1px solid #6b5480;color:#eadff4;border-radius:7px;padding:12px 18px;font-size:13px;max-width:90vw}
.chat-messages{max-width:850px;margin:auto;padding:25px 35px 45px}.message{margin:0 0 34px;min-width:0}.message-user{display:flex;align-items:flex-end;flex-direction:column;margin-top:12px}.message-user .message-content{background:#282230;border:1px solid #352b41;max-width:85%;border-radius:14px 14px 3px 14px;padding:13px 18px;white-space:pre-wrap;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.message-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:#d3c9df;margin-bottom:14px}.message-label img{width:24px;height:24px}.message-label span{font-size:9px;color:#85718f;letter-spacing:.8px;font-weight:400;margin-left:5px}.message-assistant .message-content{padding-left:32px;font-size:14px;line-height:1.85;overflow-wrap:anywhere;color:#cbc5d5}.message-content p{margin:0 0 17px}.message-content h2,.message-content h3,.message-content h4,.message-content h5{font-family:'Space Grotesk',sans-serif;color:#eae4f0;letter-spacing:-.35px;margin:25px 0 13px;line-height:1.35;font-weight:500}.message-content h2{font-size:24px}.message-content h3{font-size:20px}.message-content h4{font-size:17px}.message-content h5{font-size:15px}.message-content ul,.message-content ol{padding-left:23px;margin:12px 0 20px}.message-content li{padding-left:3px;margin:7px 0}.message-content a{color:#bca1e7;text-decoration:underline;text-underline-offset:3px}.message-content blockquote{border-left:2px solid #75608d;margin:17px 0;padding:8px 17px;color:#a198af;background:#1c1823}.message-content hr{border:0;border-top:1px solid #34303b;margin:25px 0}.message-content :not(pre)>code{font:12px/1.8 ui-monospace,Consolas,monospace;background:#29232f;color:#d3bdea;border:1px solid #3c3046;border-radius:4px;padding:2px 5px}.code-block{border:1px solid #332b3e;border-radius:8px;overflow:hidden;background:#0b0b10;margin:20px 0}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:#211c28;border-bottom:1px solid #352b40;font-size:10px;color:#b59fc8}.code-toolbar button{font-size:10px;background:none;border:0;color:#aea0be}.code-toolbar button:hover{color:#f1ddff}.code-block pre{margin:0;padding:18px;overflow:auto;line-height:1.65;font-size:12px;color:#ccc4d8;tab-size:2;white-space:pre;overflow-wrap:normal}.code-block code{font-family:ui-monospace,Consolas,monospace}.message-actions{display:flex;align-items:center;gap:14px;padding-left:32px;margin-top:12px}.message-actions button{font-size:10px;color:#817487;border:0;background:none;padding:4px 0}.message-actions button:hover{color:#ddd0e8}.message-actions small{font-size:9px;color:#635d6b;margin-left:auto}.message-error{font-size:11px;color:#d3b287;line-height:1.6;padding:10px 0 0 32px}.writing{font-size:12px;color:#ad92cb;display:flex;align-items:center;gap:8px}.writing:before{content:'';height:5px;width:5px;background:#b997e0;border-radius:50%;animation:breathe 1.6s ease-in-out infinite}.icon-button{color:#c5b6d6;background:none;border:0;padding:7px;font-size:17px}.rail-scrim{position:fixed;inset:0;background:#0009;z-index:24;border:0}@keyframes breathe{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.writing:before{animation:none}}
@media(max-width:1100px){.chat-rail{width:230px}.chat-main{margin-left:230px}.chat-header{padding:0 25px}.dev-badge{display:none}.provider-status{display:none}.composer-dock{padding-left:25px;padding-right:25px}.chat-welcome{padding-left:25px;padding-right:25px}.prompt-suggestions{gap:7px}.prompt-suggestions button{padding:11px 12px}.chat-messages{padding-left:25px;padding-right:25px}.composer-footnote{font-size:8px}}
@media(max-width:760px){.chat-rail{transform:translateX(-100%);transition:transform .2s;width:260px}.chat-rail.is-open{transform:none}.chat-main{margin-left:0;min-height:0}.mobile-menu{display:block}.chat-header{height:67px;padding:0 17px;border-bottom:1px solid #ffffff06}.agent-identity{gap:8px;font-size:16px}.chat-header-right{font-size:10px}.chat-welcome{padding:25px 22px}.welcome-mark{width:64px;height:65px;margin-bottom:22px}.welcome-mark img{width:59px;height:59px}.welcome-orbit{inset:16px -5px}.chat-welcome h1{font-size:31px;letter-spacing:-1.3px}.chat-welcome>p{font-size:12px}.welcome-eyebrow{font-size:8px}.prompt-suggestions{margin-top:24px}.prompt-suggestions button{font-size:10px;padding:10px 12px}.prompt-suggestions button>span{font-size:14px}.prompt-suggestions i{display:none}.composer-dock{padding:10px 14px 14px}.chat-composer{padding:13px 12px 10px;border-radius:14px}.chat-composer textarea{font-size:14px;min-height:62px}.mode-controls{gap:1px}.mode-controls button{font-size:10px;padding:6px 8px}.send-controls>span{display:none}.send-button{height:33px;width:33px}.composer-footnote{flex-direction:column;align-items:center;gap:5px;margin-top:10px}.chat-messages{padding:24px 18px}.message-assistant .message-content{padding-left:0}.message-actions,.message-error{padding-left:0}.message-user .message-content{max-width:93%;font-size:13px}.message-assistant .message-content{font-size:13px}.message-label{margin-bottom:13px}.code-block pre{font-size:11px;padding:14px}}
@media(max-height:700px) and (min-width:761px){.chat-welcome{padding-top:12px;padding-bottom:12px}.welcome-mark{margin-bottom:13px;width:58px;height:59px}.welcome-mark img{height:56px;width:56px}.welcome-eyebrow{margin-bottom:10px}.chat-welcome h1{font-size:34px}.prompt-suggestions{margin-top:20px}}
@media(max-width:760px){.chat-rail{visibility:hidden}.chat-rail.is-open{visibility:visible}}@media(prefers-reduced-motion:reduce){.chat-rail{transition:none}}

button.provider-status{background:none;border:0;padding:8px 0}.chat-notice button{background:transparent;color:inherit;border:1px solid #796344;border-radius:5px;padding:5px 9px;margin-left:10px;font-size:11px}.message-actions{flex-wrap:wrap}.message-actions [data-resume]{color:#c9b1e9}.chat-composer textarea[readonly]{opacity:.7}
@media(max-width:1100px){button.provider-status:not(.connected){display:inline-block}}

.chat-plan-offer{max-width:780px;margin:0 auto 32px;padding:19px 22px;border:1px solid #44364f;border-radius:12px;background:linear-gradient(115deg,#221b2d,#15141b)}.chat-plan-heading{display:flex;align-items:center;gap:12px}.chat-plan-heading>div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.chat-plan-heading strong{font:500 16px 'Space Grotesk',sans-serif;letter-spacing:-.3px}.chat-plan-heading>div>span{color:#d0b8f0;font-size:17px}.chat-plan-heading small{font-size:11px;color:#a797b7;margin-left:3px}.chat-plan-availability{margin-left:auto;font-size:9px;color:#b8a6cd;border:1px solid #4a3959;padding:4px 7px;border-radius:4px}.chat-plan-offer>p{font-size:12px;line-height:1.7;color:#b7a9c4;margin:12px 0}.chat-plan-bottom{display:flex;align-items:center;gap:20px;justify-content:flex-end}.chat-plan-bottom>small{max-width:440px;font-size:10px;line-height:1.6;color:#9887a8}.chat-plan-bottom>a{flex-shrink:0;background:#b69bdd;color:#1c1326;border:1px solid #cab0ec;border-radius:6px;padding:9px 12px;font-size:11px;font-weight:600}.chat-plan-bottom>a:hover{background:#d0b8ef}.chat-plan-bottom>a>span{margin-left:12px}@media(max-width:1100px){.chat-plan-offer{margin-left:25px;margin-right:25px}}@media(max-width:760px){.chat-plan-offer{margin:0 18px 25px;padding:16px}.chat-plan-heading{align-items:flex-start;gap:9px}.chat-plan-heading>div{gap:5px;flex-direction:column}.chat-plan-heading strong{font-size:14px}.chat-plan-bottom{align-items:flex-start;flex-direction:column;gap:12px}.chat-plan-bottom>a{align-self:flex-end}}

img.plan-symbol{width:25px;height:25px;object-fit:contain;flex-shrink:0}.chat-brand img,.message-label img{flex-shrink:0}

/* Andromeda Unlimited: aviso automático de activación dentro del chat */
.message-notice{margin-top:6px}
.plan-notice{position:relative;max-width:620px;margin:0 0 16px;padding:24px 26px 22px;border:1px solid #5b3d70;border-radius:12px;background:linear-gradient(158deg,#2e1d3a80,#161219 62%);box-shadow:0 0 70px #7b3fae0f;color:#cbc5d5;font-size:13px;line-height:1.8}
.plan-notice:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#b084d6,#6a3f8c)}
.plan-notice-badge{display:inline-block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#c8a6e0;border:1px solid #6b4a83;border-radius:20px;padding:5px 11px;margin-bottom:14px}
.plan-notice h3{font:500 21px 'Space Grotesk',sans-serif;letter-spacing:-.6px;color:#efe7f6;margin:0 0 10px}
.plan-notice p{margin:0 0 12px;color:#b9b0c6}
.plan-notice ul{margin:14px 0 16px;padding:0 0 0 18px;list-style:none}
.plan-notice li{position:relative;margin-bottom:9px;color:#c6bfd3}
.plan-notice li:before{content:'◇';position:absolute;left:-18px;color:#9a72b8;font-size:10px;top:3px}
.plan-notice small{display:block;color:#8d7f9c;font-size:11px;line-height:1.7;border-top:1px solid #ffffff12;padding-top:13px;margin-top:16px}
.plan-notice-action{display:inline-block;margin-top:14px;font-size:11px;color:#d3b3e8;border:1px solid #5f4272;border-radius:6px;padding:10px 14px;background:#241a2d}
.plan-notice-action:hover{background:#38254a}
@media(max-width:760px){.plan-notice{padding:19px 18px}.plan-notice h3{font-size:19px}}
/* Traza del agente: qué está haciendo, paso a paso, mientras ocurre */
.trace{margin:0 0 16px;max-width:620px;border:1px solid #33293d;border-radius:9px;background:#141119}
.trace summary{cursor:pointer;display:flex;align-items:center;gap:9px;padding:11px 14px;font-size:11px;letter-spacing:.4px;color:#a99cb6;list-style:none}
.trace summary::-webkit-details-marker{display:none}
.trace summary::after{content:'⌄';margin-left:auto;font-size:11px;color:#6d5f79;transform:rotate(0deg)}
.trace[open] summary::after{transform:rotate(180deg)}
.trace-dot{width:7px;height:7px;border-radius:50%;background:#b084d6;box-shadow:0 0 0 0 #b084d666;animation:trace-pulse 1.4s infinite}
@keyframes trace-pulse{0%{box-shadow:0 0 0 0 #b084d666}70%{box-shadow:0 0 0 7px #b084d600}100%{box-shadow:0 0 0 0 #b084d600}}
.trace ul{margin:0;padding:0 14px 12px;list-style:none;display:flex;flex-direction:column;gap:7px}
.trace-step{display:grid;grid-template-columns:14px 1fr;gap:0 8px;font-size:12px;color:#b3a9c0;line-height:1.5}
.trace-step.is-running{color:#dccbea}
.trace-step.is-failed{color:#e0a3a3}
.trace-label{font-weight:500}
.trace-note{grid-column:2;color:#7f7389;font-size:11px;overflow-wrap:anywhere}
.agent-artifact{margin:0 0 18px;border:1px solid #3b2c4b;border-radius:11px;overflow:hidden;background:#100e14;max-width:720px}
.agent-artifact figcaption{display:flex;align-items:baseline;gap:10px;padding:11px 14px;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#96849f;border-bottom:1px solid #2a2131}
.agent-artifact figcaption strong{font-size:12px;letter-spacing:0;text-transform:none;color:#ded3e8;font-weight:500;overflow-wrap:anywhere}
.agent-artifact iframe{display:block;width:100%;height:340px;border:0;background:#fff}
.agent-artifact>a{display:block;padding:10px 14px;font-size:11px;color:#c3a5d7;border-top:1px solid #2a2131}
.agent-artifact>a:hover{background:#1d1725}
@media(max-width:760px){.agent-artifact iframe{height:260px}.trace-step{font-size:11.5px}}
/* Salida real de una ejecución dentro de la traza */
.trace-output{grid-column:2;margin:6px 0 2px}
.trace-output summary{cursor:pointer;font-size:11px;color:#a08cb0;padding:2px 0}
.trace-output pre{margin:6px 0 0;padding:10px 12px;background:#0d0b11;border:1px solid #2b2333;border-radius:8px;font:11.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cdc3d8;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}

/* Traza: marca por estado y giratorio solo mientras trabaja */
.trace-step{grid-template-columns:16px 1fr}
.trace-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:11px;color:#7f7389}
.trace-step.is-running .trace-mark{color:#c8a6e0}
.trace-step.is-failed .trace-mark{color:#e0a3a3}
.trace-step.is-stopped .trace-mark{color:#a89a7a}
.trace-step.is-stopped .trace-label{color:#9d9382}
.trace-spin{width:11px;height:11px;border:1.5px solid #6b5478;border-top-color:#d3b3e8;border-radius:50%;display:inline-block;animation:trace-spin .8s linear infinite}
@keyframes trace-spin{to{transform:rotate(360deg)}}

/* Mini visor del entregable: proporciones reales, reducidas para que se vean completas */
.artifact-panel{margin:0 0 18px;border:1px solid #3b2c4b;border-radius:12px;overflow:hidden;background:#100e14;max-width:760px}
.artifact-panel figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border-bottom:1px solid #2a2131}
.artifact-panel figcaption span{display:flex;flex-direction:column;gap:2px;min-width:0}
.artifact-panel figcaption strong{font-size:12.5px;color:#ded3e8;font-weight:500;overflow-wrap:anywhere}
.artifact-panel figcaption small{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#8d7f9c}
.artifact-views{display:flex;gap:4px;flex-shrink:0}
.artifact-views button{width:30px;height:26px;font-size:13px;color:#9b8ba8;background:#1a1521;border:1px solid #33273d;border-radius:6px;cursor:pointer}
.artifact-views button[aria-pressed="true"]{color:#e6d7f2;border-color:#6b4a83;background:#2a1d35}
.artifact-frame{position:relative;height:300px;overflow:hidden;background:#fff}
.artifact-panel[data-view="mobile"] .artifact-frame{height:420px;max-width:414px;margin:0 auto}
.artifact-scaler{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}
.artifact-scaler iframe{border:0;background:#fff;transform-origin:top center;flex-shrink:0}
.artifact-open{display:block;padding:10px 14px;font-size:11px;color:#c3a5d7;border-top:1px solid #2a2131}
.artifact-open:hover{background:#1d1725}
@media(max-width:760px){.artifact-frame{height:240px}.artifact-panel[data-view="mobile"] .artifact-frame{height:380px}}