.code-image-workspace-module__s9kkSa__workspace{--runtime-blue:#1457ff;--runtime-blue-dark:#0a3ec2;--runtime-ink:#10141c;--runtime-muted:#667085;--runtime-line:#dce2ea;--runtime-soft:#f5f7fa;--runtime-success:#087a55;--runtime-error:#c92a2a;border:1px solid var(--runtime-line);border-top:4px solid var(--runtime-blue);width:100%;color:var(--runtime-ink);background:#fff;border-radius:2px;overflow:hidden;box-shadow:8px 8px #0f4cff17}.code-image-workspace-module__s9kkSa__topbar,.code-image-workspace-module__s9kkSa__statusbar,.code-image-workspace-module__s9kkSa__footerbar{justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.code-image-workspace-module__s9kkSa__topbar,.code-image-workspace-module__s9kkSa__controls,.code-image-workspace-module__s9kkSa__editorHeader,.code-image-workspace-module__s9kkSa__statusbar,.code-image-workspace-module__s9kkSa__previewSection{border-bottom:1px solid var(--runtime-line)}.code-image-workspace-module__s9kkSa__heading{min-width:0}.code-image-workspace-module__s9kkSa__heading p,.code-image-workspace-module__s9kkSa__heading h2,.code-image-workspace-module__s9kkSa__heading span,.code-image-workspace-module__s9kkSa__statusbar p,.code-image-workspace-module__s9kkSa__footerbar p,.code-image-workspace-module__s9kkSa__previewHeading h3,.code-image-workspace-module__s9kkSa__emptyPreview{margin:0}.code-image-workspace-module__s9kkSa__heading p{color:var(--runtime-blue);letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:800}.code-image-workspace-module__s9kkSa__heading h2{margin-top:.12rem;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.15}.code-image-workspace-module__s9kkSa__heading span{max-width:44rem;color:var(--runtime-muted);margin-top:.25rem;font-size:.85rem;line-height:1.45;display:block}.code-image-workspace-module__s9kkSa__topActions,.code-image-workspace-module__s9kkSa__resultActions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.code-image-workspace-module__s9kkSa__topActions button,.code-image-workspace-module__s9kkSa__resultActions button,.code-image-workspace-module__s9kkSa__scaleControl button{border:1px solid var(--runtime-line);color:#263244;min-height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:2px;justify-content:center;align-items:center;gap:.48rem;padding:.62rem .85rem;font-size:.82rem;font-weight:750;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:inline-flex}.code-image-workspace-module__s9kkSa__topActions .code-image-workspace-module__s9kkSa__primaryButton{border-color:var(--runtime-blue);background:var(--runtime-blue);color:#fff}.code-image-workspace-module__s9kkSa__topActions .code-image-workspace-module__s9kkSa__primaryButton:hover:not(:disabled){border-color:var(--runtime-blue-dark);background:var(--runtime-blue-dark)}.code-image-workspace-module__s9kkSa__topActions button:hover:not(:disabled),.code-image-workspace-module__s9kkSa__resultActions button:hover:not(:disabled),.code-image-workspace-module__s9kkSa__scaleControl button:hover:not(:disabled){background:var(--runtime-soft);border-color:#aeb9c8;transform:translateY(-1px)}.code-image-workspace-module__s9kkSa__topActions button:focus-visible,.code-image-workspace-module__s9kkSa__resultActions button:focus-visible,.code-image-workspace-module__s9kkSa__scaleControl button:focus-visible,.code-image-workspace-module__s9kkSa__control input:focus-visible,.code-image-workspace-module__s9kkSa__control select:focus-visible,.code-image-workspace-module__s9kkSa__colorControl input:focus-visible,.code-image-workspace-module__s9kkSa__rangeControl input:focus-visible,.code-image-workspace-module__s9kkSa__checkboxControl input:focus-visible,.code-image-workspace-module__s9kkSa__sourceEditor:focus-visible{outline-offset:2px;outline:3px solid #1457ff40}.code-image-workspace-module__s9kkSa__topActions button:disabled,.code-image-workspace-module__s9kkSa__resultActions button:disabled{cursor:not-allowed;opacity:.5;transform:none}.code-image-workspace-module__s9kkSa__controls{background:#f8fafc;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:1rem;display:grid}.code-image-workspace-module__s9kkSa__controls legend{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.code-image-workspace-module__s9kkSa__control,.code-image-workspace-module__s9kkSa__colorControl,.code-image-workspace-module__s9kkSa__rangeControl,.code-image-workspace-module__s9kkSa__scaleControl{gap:.4rem;min-width:0;display:grid}.code-image-workspace-module__s9kkSa__control>span,.code-image-workspace-module__s9kkSa__colorControl>span:first-child,.code-image-workspace-module__s9kkSa__rangeControl>span,.code-image-workspace-module__s9kkSa__scaleControl>span,.code-image-workspace-module__s9kkSa__checkboxControl span{color:#344054;font-size:.76rem;font-weight:750}.code-image-workspace-module__s9kkSa__control select,.code-image-workspace-module__s9kkSa__control input[type=text]{border:1px solid var(--runtime-line);color:#182230;width:100%;min-height:44px;font:inherit;background:#fff;border-radius:2px;padding:.62rem .7rem;font-size:.82rem}.code-image-workspace-module__s9kkSa__colorControl>span:last-child{border:1px solid var(--runtime-line);background:#fff;align-items:center;gap:.55rem;min-height:44px;padding:.35rem .55rem;display:flex}.code-image-workspace-module__s9kkSa__colorControl input{cursor:pointer;background:0 0;border:0;width:2rem;height:2rem;padding:0}.code-image-workspace-module__s9kkSa__colorControl code{color:#344054;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.code-image-workspace-module__s9kkSa__rangeControl>span{justify-content:space-between;gap:.5rem;display:flex}.code-image-workspace-module__s9kkSa__rangeControl output{color:var(--runtime-blue-dark)}.code-image-workspace-module__s9kkSa__rangeControl input{width:100%;min-height:44px;accent-color:var(--runtime-blue);cursor:pointer;margin:0}.code-image-workspace-module__s9kkSa__checkboxControl{border:1px solid var(--runtime-line);cursor:pointer;background:#fff;align-self:end;align-items:center;gap:.6rem;min-height:44px;padding:.55rem .7rem;display:flex}.code-image-workspace-module__s9kkSa__checkboxControl input{width:1.1rem;height:1.1rem;accent-color:var(--runtime-blue);margin:0}.code-image-workspace-module__s9kkSa__scaleControl>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.code-image-workspace-module__s9kkSa__scaleControl button[aria-pressed=true]{border-color:var(--runtime-blue);color:var(--runtime-blue-dark);background:#eef3ff}.code-image-workspace-module__s9kkSa__editorHeader{justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.65rem 1rem;display:flex}.code-image-workspace-module__s9kkSa__editorHeader label{font-size:.88rem;font-weight:750}.code-image-workspace-module__s9kkSa__editorHeader span{color:var(--runtime-muted);font-size:.76rem;font-weight:650}.code-image-workspace-module__s9kkSa__editorHeader .code-image-workspace-module__s9kkSa__byteError{color:var(--runtime-error)}.code-image-workspace-module__s9kkSa__sourceEditor{resize:vertical;color:#182230;width:100%;min-height:18rem;caret-color:var(--runtime-blue);tab-size:2;background:#fcfdff;border:0;border-radius:0;outline:0;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.7;display:block}.code-image-workspace-module__s9kkSa__sourceEditor::placeholder{color:#98a2b3}.code-image-workspace-module__s9kkSa__statusbar{min-height:58px}.code-image-workspace-module__s9kkSa__statusbar p{color:var(--runtime-success);font-size:.8rem;font-weight:700;line-height:1.45}.code-image-workspace-module__s9kkSa__statusbar p:first-child{align-items:center;gap:.45rem;display:inline-flex}.code-image-workspace-module__s9kkSa__statusbar p:first-child>span{width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in srgb, currentcolor 16%, transparent);background:currentColor;border-radius:50%}.code-image-workspace-module__s9kkSa__statusbar p:last-child{color:var(--runtime-muted);font-weight:600}.code-image-workspace-module__s9kkSa__statusbar .code-image-workspace-module__s9kkSa__error{color:var(--runtime-error)}.code-image-workspace-module__s9kkSa__previewSection{background:#f8fafc}.code-image-workspace-module__s9kkSa__previewHeading{background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.code-image-workspace-module__s9kkSa__previewHeading>div{align-items:center;gap:.55rem;display:flex}.code-image-workspace-module__s9kkSa__previewHeading svg{color:var(--runtime-blue)}.code-image-workspace-module__s9kkSa__previewHeading h3{font-size:.9rem}.code-image-workspace-module__s9kkSa__previewHeading>span{color:var(--runtime-muted);font-size:.76rem;font-weight:650}.code-image-workspace-module__s9kkSa__previewViewport{min-height:18rem;padding:1rem;overflow:auto}.code-image-workspace-module__s9kkSa__emptyPreview{min-height:16rem;color:var(--runtime-muted);text-align:center;background:#fff;border:1px dashed #cbd5e1;place-items:center;font-size:.84rem;display:grid}.code-image-workspace-module__s9kkSa__previewCanvas{box-sizing:border-box;min-width:100%}.code-image-workspace-module__s9kkSa__previewWindow{border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #0f172a47}.code-image-workspace-module__s9kkSa__previewChrome{opacity:.74;border-bottom:1px solid;align-items:center;min-height:44px;padding:0 1rem 0 4.75rem;font-family:system-ui,sans-serif;font-size:.78rem;font-weight:650;display:flex;position:relative}.code-image-workspace-module__s9kkSa__windowDots{gap:.48rem;display:flex;position:absolute;left:1rem}.code-image-workspace-module__s9kkSa__windowDots i{background:#ff5f57;border-radius:50%;width:.65rem;height:.65rem}.code-image-workspace-module__s9kkSa__windowDots i:nth-child(2){background:#febc2e}.code-image-workspace-module__s9kkSa__windowDots i:nth-child(3){background:#28c840}.code-image-workspace-module__s9kkSa__previewCode{white-space:pre;padding:1.5rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden}.code-image-workspace-module__s9kkSa__previewLine{min-height:1em;display:flex}.code-image-workspace-module__s9kkSa__previewLineNumber{text-align:right;-webkit-user-select:none;user-select:none;flex:none;width:3.2em;padding-right:1.2em}.code-image-workspace-module__s9kkSa__previewLine code{font:inherit}.code-image-workspace-module__s9kkSa__footerbar{min-height:70px}.code-image-workspace-module__s9kkSa__footerbar>p{color:var(--runtime-success);font-size:.85rem;font-weight:650;line-height:1.45}.code-image-workspace-module__s9kkSa__srOnly{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.code-image-workspace-module__s9kkSa__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.code-image-workspace-module__s9kkSa__topbar,.code-image-workspace-module__s9kkSa__statusbar,.code-image-workspace-module__s9kkSa__footerbar{flex-direction:column;align-items:stretch}.code-image-workspace-module__s9kkSa__topActions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.code-image-workspace-module__s9kkSa__resultActions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:560px){.code-image-workspace-module__s9kkSa__workspace{box-shadow:none;border-left:0;border-right:0;border-radius:0}.code-image-workspace-module__s9kkSa__topbar,.code-image-workspace-module__s9kkSa__controls,.code-image-workspace-module__s9kkSa__editorHeader,.code-image-workspace-module__s9kkSa__statusbar,.code-image-workspace-module__s9kkSa__previewHeading,.code-image-workspace-module__s9kkSa__previewViewport,.code-image-workspace-module__s9kkSa__footerbar{padding-left:.75rem;padding-right:.75rem}.code-image-workspace-module__s9kkSa__controls{grid-template-columns:minmax(0,1fr)}.code-image-workspace-module__s9kkSa__topActions{grid-template-columns:repeat(2,minmax(0,1fr))}.code-image-workspace-module__s9kkSa__topActions .code-image-workspace-module__s9kkSa__primaryButton{grid-column:1/-1}.code-image-workspace-module__s9kkSa__sourceEditor{min-height:15rem;padding-left:.75rem;padding-right:.75rem;font-size:.8125rem}.code-image-workspace-module__s9kkSa__editorHeader{flex-direction:column;align-items:flex-start;gap:.2rem}}@media (prefers-reduced-motion:reduce){.code-image-workspace-module__s9kkSa__topActions button,.code-image-workspace-module__s9kkSa__resultActions button,.code-image-workspace-module__s9kkSa__scaleControl button{transition:none}}