.resource-cover.code{background:linear-gradient(130deg,#192d47,#254c51)}.code-cover{font:700 54px ui-monospace,monospace;color:#b4efdb;letter-spacing:-5px}.code-studio{background:var(--app-panel);border:1px solid var(--app-line);border-radius:16px;overflow:hidden}.code-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.code-top small{color:var(--app-muted);font-size:11px}.code-title-label input{display:block;background:transparent;border:0;border-bottom:1px solid var(--app-line);color:var(--app-heading);font-size:22px;font-weight:600;padding:10px 0;max-width:100%;width:350px}.code-run-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.code-run-actions label{font-size:11px;display:grid;gap:8px}.code-run-actions select{padding:10px;background:var(--app-input);color:var(--app-input-text);border:1px solid var(--app-line);border-radius:7px}.code-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-top:1px solid var(--app-line);border-bottom:1px solid var(--app-line)}.code-workbench{min-width:0;background:#101827;color:#dbe7f5;position:relative}.code-tabs{display:flex;background:#0b1220;overflow:auto}.code-tabs button{border:0;border-right:1px solid #263347;background:transparent;color:#94a8c3;padding:14px 18px;white-space:nowrap;font:12px ui-monospace,monospace}.code-tabs button.active{background:#101827;color:#c8f3cf;box-shadow:inset 0 2px #b3dfb8}.code-tools{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #263347}.code-tools button,.code-result-heading button{border:0;background:transparent;font-size:11px;color:inherit}.code-tools kbd{font-size:9px;color:#94a8c3;margin-left:8px}.code-input-wrap{position:relative;height:480px;overflow:hidden}.code-input-wrap pre,.code-input-wrap textarea{font:13px/22px ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;letter-spacing:normal;margin:0;border:0;border-radius:0;white-space:pre;padding:18px 16px;overflow:auto;text-align:left}.code-input-wrap #code-lines{position:absolute;inset:0 auto 0 0;width:52px;color:#68809f;text-align:right;padding-right:12px;overflow:hidden;user-select:none}.code-input-wrap #code-highlight,.code-input-wrap #code-source{position:absolute;inset:0 0 0 52px;width:calc(100% - 52px);height:100%;background:transparent}.code-input-wrap #code-highlight{color:#dbe7f5;pointer-events:none;scrollbar-width:none}.code-input-wrap #code-source{color:transparent;caret-color:white;resize:none;-webkit-text-fill-color:transparent}.code-input-wrap #code-source::selection{background:#4277a566}.code-keyword{color:#c4a4ff}.code-string{color:#b7dca7}.code-comment{color:#8295ac}.code-number{color:#efbc8b}.code-editor-status{padding:10px 14px;background:#152136;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#94a8c3}.code-results{min-width:0;padding:18px;background:var(--app-inset);border-left:1px solid var(--app-line)}.code-result-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px}.code-results #code-status{color:var(--app-muted);font-size:11px;line-height:1.5;min-height:18px}.code-results iframe{width:100%;height:300px;border:0;background:white;border-radius:8px}.code-python-host{height:0;overflow:hidden}.code-python-host iframe{height:0}#code-console{background:#0b1220;color:#c4e8d0;font:12px/1.7 ui-monospace,monospace;padding:15px;border-radius:8px;min-height:140px;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.code-python-host+#code-console{min-height:400px;max-height:480px}.code-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.code-options label{display:grid;gap:10px;font-size:12px;color:var(--app-heading)}.code-options textarea{background:var(--app-input);color:var(--app-input-text);border:1px solid var(--app-line);border-radius:8px;padding:12px;resize:vertical;font:12px/1.6 ui-monospace,monospace}.code-options small,.code-help{font-size:11px;color:var(--app-muted);line-height:1.8}.code-help{padding:0 24px 20px;margin:0}.code-workbench #code-suggestions{position:absolute;z-index:2;top:88px;left:65px;background:#23334d;border:1px solid #496384;box-shadow:0 8px 24px #0007;border-radius:8px;max-width:85%}#code-suggestions button{display:block;width:100%;text-align:left;background:none;color:#e2eaff;border:0;padding:12px 20px;font:13px ui-monospace,monospace}#code-suggestions button:hover{background:#324968}#code-suggestions button span{color:#9facc3;font-size:10px;margin-left:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1100px){.code-layout{grid-template-columns:1fr}.code-top{align-items:start;flex-direction:column}.code-results{border-left:0;border-top:1px solid var(--app-line)}}@media(max-width:600px){.code-options{grid-template-columns:1fr}.code-top,.code-options{padding:16px}.code-title-label input{width:100%}.code-input-wrap{height:380px}.code-editor-status{flex-direction:column}.code-tabs button{padding:13px 10px}.code-tools kbd{display:none}}
[data-appearance="light"] .code-workbench{background:#f7f9fd;color:#27364c}[data-appearance="light"] .code-tabs{background:#e9eef6}[data-appearance="light"] .code-tabs button{color:#506078;border-color:#d4dce9}[data-appearance="light"] .code-tabs button.active{background:#f7f9fd;color:#235343;box-shadow:inset 0 2px #387a60}[data-appearance="light"] .code-tools{border-color:#d4dce9}[data-appearance="light"] .code-input-wrap #code-highlight{color:#27364c}[data-appearance="light"] .code-input-wrap #code-source{caret-color:#172e47}[data-appearance="light"] .code-keyword{color:#7b3fad}[data-appearance="light"] .code-string{color:#37703b}[data-appearance="light"] .code-comment{color:#6b7787}[data-appearance="light"] .code-number{color:#a65c21}[data-appearance="light"] .code-editor-status{background:#e9eef6;color:#506078}[data-appearance="light"] #code-console{background:#f7f9fd;color:#244d38;border:1px solid #d4dce9}