.code-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.code-heading h1{margin-bottom:12px}.code-heading p{max-width:65ch}.code-local-tag{display:inline-flex;align-items:center;white-space:nowrap;gap:8px;border:1px solid #b7663780;border-radius:100px;padding:8px 12px;font-size:11px;color:#eed3b0;background:#2b100da8}.code-local-tag:before{content:'';width:6px;height:6px;background:#ff5832;border-radius:50%;box-shadow:0 0 12px #ff2800}.code-workbench{display:grid;grid-template-columns:170px minmax(0,1fr);border:1px solid #bc503980;border-radius:18px;overflow:hidden;background:linear-gradient(125deg,#2d1411d9,#130d0edb);box-shadow:inset 0 1px 0 #ffcea41c,0 18px 45px #09000045;backdrop-filter:blur(18px)}.code-files{padding:22px 14px;background:#130b0da8;border-right:1px solid #b04d3438}.code-file{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin:8px 0;background:transparent;border-color:transparent;color:var(--suave,#d7c1b8);font-size:13px}.code-file[aria-current=true]{background:#ff280018;border-color:#ff664578;color:#ffdfc7}.code-files .pequeno{font-size:11px;margin-top:20px}.code-open-cli{display:flex;justify-content:space-between;padding:14px 8px;border-top:1px solid #b04d3438;margin-top:24px;text-decoration:none;font-size:12px}.code-desk{min-width:0}.code-tabs{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid #b04d3438;background:#160b0a75}.code-tabs button{border:0;border-radius:8px;color:var(--suave,#d7c1b8);background:transparent;padding:9px 13px;font-size:12px}.code-tabs button[aria-selected=true]{color:#fff1df;background:#8b230c50;box-shadow:inset 0 -2px #ff4e28}.code-editor-panel,.code-preview-panel,.code-document-list{padding:22px}.code-editor-panel label{display:block;font-family:ui-monospace,monospace;font-size:12px;color:#e6be94;margin-bottom:14px}.code-editor-panel textarea{width:100%;min-height:340px;resize:vertical;font:13px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;background:#110b0b99;color:#efe0d4;border:1px solid #9e443843;border-radius:12px;padding:20px;tab-size:2}.code-toolbar{display:flex;flex-wrap:wrap;gap:9px;padding:0 22px 10px}.code-toolbar button{font-size:11px;min-height:44px;background:#251310;border-color:#8a442d75}.code-toolbar button:first-child{background:linear-gradient(#f93912,#b51e05);border-color:#ff7855;box-shadow:inset 0 1px #ffd7ac59,0 0 18px #ff28001e}.code-save-state{padding:0 22px 20px;margin:0;font-size:11px;min-height:35px}.code-document-list article{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #b04d3438;padding:15px 0}.code-document-list h3{font:15px ui-monospace,monospace;margin:0}.code-document-list p{font-size:12px}.code-preview-panel pre{min-height:260px;background:#110b0b70;border-left:2px solid #ff5532;padding:18px;font-size:13px}.code-console{border:1px solid #f04a2b9c;border-radius:18px;background:radial-gradient(ellipse at 0 0,#a5270b16,transparent 70%),#100b0bde;box-shadow:0 0 0 1px #ffb06e12,inset 0 1px #ffae7425,0 20px 55px #09000055;overflow:hidden;backdrop-filter:blur(20px)}.code-console-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #c947265e;background:linear-gradient(110deg,#4a160f80,#180d0c70)}.code-console-header strong{font:600 19px Georgia,serif;letter-spacing:.03em;color:#ffe8cc}.code-console-header span{font:11px ui-monospace,monospace;color:#d7c4aa;display:flex;align-items:center;gap:8px}.code-console-header i{width:6px;height:6px;border-radius:50%;background:#e7b563}.code-cli-intro{display:flex;gap:17px;align-items:center;padding:22px 25px}.code-cli-intro h2{font:24px Georgia,serif;margin:0 0 8px}.code-cli-intro p{font-size:12px;max-width:65ch;margin:0}.code-cli-orb{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border:1px solid #ff6a34;border-radius:50%;color:#ffe7a4;font-size:26px;background:radial-gradient(circle at 32% 25%,#ffae57,#dd2b08 35%,#510d03 75%);box-shadow:0 0 22px #ff280025,inset 0 0 8px #ffa84a66}.code-timeline{list-style:none;margin:0;padding:0 25px}.code-timeline li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:13px;padding:19px 0;border-top:1px solid #b04d3430}.code-step-number{display:grid;place-items:center;align-self:start;width:25px;height:25px;border:1px solid #e44b2c88;border-radius:50%;font:11px ui-monospace,monospace;color:#f9c7a3;background:#691d0c30}.code-timeline h3{font:14px ui-monospace,monospace;margin:2px 0 10px;color:#ffb48d}.code-timeline pre{margin:0;line-height:1.7;font-size:12px;color:#e5d3c8}.code-timeline a{display:inline-flex;align-items:center;margin-top:13px;min-height:44px;padding:9px 14px;border:1px solid #ed6248;border-radius:9px;color:#ffe0c5;text-decoration:none}.code-transcript{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:pre-wrap!important;border:0!important}.code-command-form{padding:22px 25px 12px}.code-command-form label{display:block;font:12px ui-monospace,monospace;color:#ddbdab;margin-bottom:12px}.code-command-input{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 9px 8px 15px;border:1px solid #f04c25;border-radius:11px;background:#190c0ad9;box-shadow:0 0 18px #ff280012,inset 0 1px #ffb56a20}.code-command-input>span{font-size:24px;color:#ff4821}.code-command-input input{flex:1;min-width:0;border:0;background:transparent;color:#f2ddce;font:13px ui-monospace,monospace;padding:10px 0;outline-offset:5px}.code-command-input button{background:linear-gradient(#f33810,#b51e05);border-color:#f37147;font-size:12px;white-space:nowrap;box-shadow:inset 0 1px #ffd7ac59}.code-command-buttons{display:flex;flex-wrap:wrap;gap:7px;padding:0 25px 14px}.code-command-buttons button{background:transparent;border-color:#6e352640;color:#e8ba86;font:11px ui-monospace,monospace;padding:8px 10px;min-height:44px}.code-console-foot{border-top:1px solid #b04d3430;margin:0;padding:13px 25px;font-size:10px;color:#bba396}.code-console button:disabled{opacity:.55;cursor:wait}@media(max-width:1100px){.code-workbench{grid-template-columns:135px minmax(0,1fr)}.code-heading{display:block}.code-heading .code-local-tag{margin-bottom:5px}}@media(max-width:760px){.code-workbench{grid-template-columns:minmax(0,1fr)}.code-files{border-right:0;border-bottom:1px solid #b04d3438;display:flex;flex-wrap:wrap;gap:6px;padding:14px}.code-files>.ceja{width:100%;margin:0}.code-file{width:auto;margin:0}.code-files .pequeno,.code-open-cli{display:none}.code-tabs{padding:8px;gap:2px}.code-tabs button{padding:9px 11px}.code-editor-panel,.code-preview-panel,.code-document-list{padding:15px}.code-editor-panel textarea{min-height:300px;padding:14px}.code-toolbar{padding-inline:15px}.code-toolbar button{flex:1}.code-save-state{padding-inline:15px}.code-console-header{padding:17px;align-items:flex-start}.code-console-header strong{font-size:17px}.code-console-header span{max-width:90px;font-size:10px}.code-cli-intro{padding:20px 17px}.code-cli-intro h2{font-size:23px}.code-timeline{padding-inline:17px}.code-command-form{padding:19px 17px 12px}.code-command-input{flex-wrap:wrap;padding:11px}.code-command-input input{flex-basis:70%}.code-command-input button{width:100%}.code-command-buttons{padding-inline:17px}.code-command-buttons button{min-height:44px}.code-console-foot{padding:13px 17px}}