.izts{padding:var(--sp-section) 0;background:var(--bg);position:relative}.izts-frame{border-radius:var(--r-lg);overflow:hidden}.izts--console .izts-frame{box-shadow:0 0 0 1px var(--line), 0 30px 70px -50px color-mix(in srgb, var(--tx) 70%, transparent);border:0}.izts--resource .izts-frame{border-top:var(--bw) solid var(--line);border-left:var(--bw) solid var(--line);border-radius:0}.izts-chrome{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.izts-dots{gap:6px;display:inline-flex}.izts-dots i{border-radius:var(--r-pill);background:var(--ghost);width:9px;height:9px}.izts-dots i:first-child{background:var(--deny)}.izts-dots i:nth-child(2){background:var(--accent)}.izts-dots i:last-child{background:var(--allow)}.izts-host{font-family:var(--mono);font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--tx-mute)}.izts-cols{grid-template-columns:1fr 1.05fr;align-items:stretch;display:grid}.izts--resource .izts-cols{grid-template-columns:1fr 1fr}.izts-left{flex-direction:column;min-width:0;display:flex}.izts--console .izts-left{padding:var(--sp-8) var(--sp-8) 0}.izts-head{align-items:flex-start;gap:var(--sp-4);padding-bottom:var(--sp-10);flex-direction:column;flex:1;display:flex}.izts--resource .izts-head{padding:var(--sp-8) var(--sp-8) var(--sp-10);border-right:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line)}.izts-star{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-3);border:var(--bw) solid var(--line);border-radius:var(--r-xs);font-size:var(--fs-2xs);color:var(--tx-dim);display:inline-flex}.izts-star svg{width:12px;height:12px;color:var(--tx-mute)}.izts-star b{padding:1px var(--sp-2);border-left:var(--bw) solid var(--line);margin-left:var(--sp-1);font-family:var(--mono);color:var(--accent);font-weight:400}.izts-title{font-family:var(--disp);font-weight:var(--fw-disp);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);color:var(--tx);text-wrap:balance;margin:0}.izts-title mark{color:var(--accent);background:0 0}.izts--resource .izts-title{max-width:14ch}.izts-sub{max-width:46ch;font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--tx-dim);margin:0}.izts-ctas{gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;display:inline-flex}.izts-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:var(--bw) solid var(--line-strong);border-radius:var(--r-sm);font-size:var(--fs-body-sm);color:var(--tx);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);text-decoration:none;display:inline-flex}.izts-btn svg{width:12px;height:12px}.izts-btn:hover{border-color:var(--accent);color:var(--accent)}.izts-btn--primary{background:var(--surface)}.izts-copy{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-8);border-right:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line);animation:izts-in var(--dur-slow) var(--ease-out) both;flex-direction:column;display:flex}@keyframes izts-in{0%{opacity:0;transform:translateY(8px)}}.izts-copytitle{max-width:26ch;font-family:var(--disp);font-weight:400;font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);color:var(--tx);margin:0}.izts-copytitle mark{color:var(--accent);background:0 0}.izts-copybody{max-width:52ch;font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--tx-dim);margin:0}.izts-more{align-items:center;gap:var(--sp-2);color:var(--accent);font-size:var(--fs-body-sm);text-decoration:none;display:inline-flex}.izts-more svg{width:12px;height:12px;transition:transform var(--dur) var(--ease)}.izts-more:hover svg{transform:translate(2px,-2px)}.izts-tabs{border-top:var(--bw) solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.izts--resource .izts-tabs{border-right:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line)}.izts-tab{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-2);border:0;border-right:var(--bw) solid var(--line);font-family:var(--body);font-size:var(--fs-body-sm);color:var(--tx-mute);cursor:pointer;min-width:0;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;display:inline-flex}.izts-tab:last-child{border-right:0}.izts-tab svg{flex:none;width:15px;height:15px}.izts-tab:hover{color:var(--tx-dim)}.izts-tab.on{background:var(--surface);color:var(--tx)}.izts-tab.on svg{color:var(--accent)}.izts-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.izts-right{flex-direction:column;min-width:0;display:flex}.izts--console .izts-right{padding:var(--sp-8) var(--sp-8) var(--sp-8) 0}.izts--resource .izts-right{border-right:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line);padding:var(--sp-8);gap:var(--sp-5)}.izts-panel{gap:var(--sp-4);flex-direction:column;flex:1;min-width:0;display:flex}.izts-panel[hidden]{display:none}.izts-outcomes{gap:var(--sp-1);padding:var(--sp-2);border-bottom:var(--bw) solid var(--line);display:flex}.izts-outcome{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-xs);font-family:var(--body);font-size:var(--fs-2xs);color:var(--tx-mute);cursor:pointer;white-space:nowrap;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0}.izts-outcome.on{background:var(--surface-2);color:var(--tx)}.izts-outcome:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.izts--console .izts-panel{border:var(--bw) solid var(--line);border-radius:var(--r-sm);background:var(--bg-2);gap:0;overflow:hidden}.izts-json{padding:var(--sp-4);flex:1}.izts-art{aspect-ratio:4/3;border-radius:var(--r-md);animation:izts-in var(--dur-slow) var(--ease-out) both;place-items:center;display:grid;position:relative;overflow:hidden}.izts-art.tone-a{background:linear-gradient(140deg, var(--accent), color-mix(in srgb, var(--accent) 24%, var(--surface)))}.izts-art.tone-b{background:linear-gradient(140deg, var(--allow), color-mix(in srgb, var(--allow) 20%, var(--surface)))}.izts-art.tone-c{background:linear-gradient(140deg, var(--deny), color-mix(in srgb, var(--deny) 22%, var(--surface)))}.izts-art-screen{gap:var(--sp-2);width:54%;padding:var(--sp-4);border-radius:var(--r-sm);background:color-mix(in srgb, var(--tx) 88%, transparent);flex-direction:column;display:flex}.izts-art-line{border-radius:var(--r-pill);background:color-mix(in srgb, var(--bg) 40%, transparent);height:6px}.izts-art-line:nth-child(2){width:70%}.izts-art-line:last-child{background:var(--accent);width:45%}.izts-art-mark{border:2px solid color-mix(in srgb, var(--surface) 70%, transparent);border-radius:var(--r-xs);width:34px;height:34px;position:absolute;transform:rotate(12deg)}.izts-art-mark:first-of-type{top:22%;right:12%}.izts-art-mark:last-of-type{bottom:18%;right:20%;transform:rotate(-8deg)}.izts-byline{align-items:center;gap:var(--sp-2);font-size:var(--fs-2xs);color:var(--tx-mute);display:inline-flex}.izts-avatar{border-radius:var(--r-pill);background:var(--surface-2);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--line);color:var(--tx-dim);flex:none;place-items:center;font-style:normal;display:grid}.izts-byline b{color:var(--tx);font-weight:500}.izts-byline em{color:var(--tx-dim);font-style:normal}@media (max-width:900px){.izts-cols,.izts--resource .izts-cols{grid-template-columns:minmax(0,1fr)}.izts--console .izts-left{padding:var(--sp-6) var(--sp-5) 0}.izts--console .izts-right{padding:var(--sp-5)}.izts--resource .izts-head,.izts-copy,.izts--resource .izts-right{padding:var(--sp-6) var(--sp-5)}.izts-tabs{grid-template-columns:minmax(0,1fr)}.izts-tab{border-right:0;border-bottom:var(--bw) solid var(--line);padding:var(--sp-3) var(--sp-5);justify-content:flex-start}.izts-tab:last-child{border-bottom:0}.izts-art{aspect-ratio:16/10}}@media (prefers-reduced-motion:reduce){.izts-copy,.izts-art{animation:none}.izts-tab,.izts-outcome,.izts-btn,.izts-more svg{transition:none}}