.ide-fullscreen{color:#103a46;background:#fefdf8;flex-direction:column;width:100%;height:100dvh;display:flex}.ide-fullscreen-header{color:#fefdf8;background:#103a46;flex:0 0 56px;justify-content:space-between;align-items:center;gap:24px;padding:10px 22px;display:flex}.ide-back{align-items:center;gap:9px;font-size:12px;display:inline-flex}.ide-fullscreen-header h1{align-items:center;gap:9px;margin:0;font-size:15px;font-weight:650;display:flex}.ide-fullscreen-header h1>span{color:#b8cdd0;font-size:12px;font-weight:400}.ide-fullscreen-header h1 svg{color:#ff8ba3}.ide-fullscreen-header>a:last-child{color:#103a46;background:#ffdae0;border-radius:25px}.ide-fullscreen .ide-live-workspace{flex:1;grid-template-columns:290px minmax(0,1fr);min-height:0}.ide-fullscreen .ide-live-workspace[data-guide-open=false]{grid-template-columns:minmax(0,1fr)}.ide-fullscreen .ide-guide{min-height:0;padding-top:26px;overflow-y:auto}.ide-fullscreen .ide-guide[hidden]{display:none}.ide-fullscreen .ide-guide h3{font-size:25px}.ide-fullscreen .ide-guide-steps{margin-top:20px}.ide-fullscreen .ide-step-notice{border:1px solid #f0d6dc;border-radius:6px;min-height:0;margin-top:20px;padding:12px;font-size:12px}.ide-fullscreen .ide-guide-note{margin-top:16px}.ide-fullscreen .ide-code-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.ide-fullscreen .ide-editor-toolbar{flex:none;gap:20px;min-height:47px;padding:8px 18px}.ide-editor-tools{align-items:center;gap:20px;min-width:0;display:flex}.ide-fullscreen .ide-editor-toolbar button{white-space:nowrap;min-height:30px}.ide-fullscreen .ide-editor-filename{font-family:var(--font-mono);font-size:11px}.ide-fullscreen .ide-editor-tools .ide-problems-toggle{border-radius:4px;padding:4px 8px}.ide-problems-toggle:hover,.ide-problems-toggle[aria-expanded=true]{background:#e9ece3}.ide-fullscreen .ide-monaco{flex:1;height:auto;min-height:0}.ide-fullscreen .ide-monaco>section,.ide-fullscreen .ide-monaco .ide-loading{min-height:0}.ide-problems-panel{background:#f8f8f2;border-top:1px solid #d9dfd7;flex:none}.ide-problems-panel[hidden]{display:none}.ide-problems-heading{align-items:center;gap:16px;padding:10px 18px;font-size:11px;display:flex}.ide-problems-heading>span{color:#607275}.ide-problems-heading>button{cursor:pointer;margin-left:auto;padding:5px}.ide-fullscreen .ide-diagnostic-list{height:auto;max-height:min(180px,24dvh);padding:0 18px 10px}.ide-fullscreen .ide-diagnostic-list button{border-bottom:1px solid #e4e7df;font-size:12px}.ide-statusbar{color:#506c71;background:#eef0e8;border-top:1px solid #d9dfd7;flex:none;justify-content:space-between;gap:15px;min-height:26px;padding:5px 18px;font-size:10px;display:flex}.ide-overflow-widgets{z-index:1000;position:relative}.ide-fullscreen>.ide-loading{flex:1;min-height:0}.ide-fullscreen button:focus-visible,.ide-fullscreen a:focus-visible{outline-offset:3px;outline:2px solid #db3a5d}.ide-fullscreen button:disabled{opacity:.5;cursor:wait}@media (max-width:850px){.ide-fullscreen-header h1>span{display:none}.ide-fullscreen .ide-live-workspace{grid-template-columns:240px minmax(0,1fr)}.ide-fullscreen .ide-editor-filename{display:none}.ide-editor-tools{gap:12px}}@media (max-width:640px){.ide-fullscreen-header{flex-basis:48px;gap:10px;padding:8px 12px}.ide-back{font-size:11px}.ide-fullscreen-header h1{display:none}.ide-fullscreen-header>a:last-child{font-size:11px}.ide-fullscreen .ide-live-workspace{flex-direction:column;display:flex}.ide-fullscreen .ide-guide{border-bottom:1px solid #d9dfd7;border-right:0;flex:0 auto;max-height:37dvh;padding:14px 16px}.ide-fullscreen .ide-guide h3,.ide-fullscreen .ide-guide>.marketing-eyebrow,.ide-fullscreen .ide-guide-note{display:none}.ide-fullscreen .ide-guide-steps{gap:4px;margin-top:0}.ide-fullscreen .ide-guide-steps button{padding:8px}.ide-fullscreen .ide-step-notice{margin-top:8px;padding:8px 10px;font-size:11px}.ide-fullscreen .ide-code-pane{flex:1}.ide-fullscreen .ide-editor-toolbar{gap:12px;padding:6px 12px}.ide-fullscreen .ide-editor-tools{gap:10px;font-size:10px}.ide-statusbar{gap:8px;padding-inline:12px;font-size:8px}.ide-problems-heading>span{display:none}}.ide-fullscreen .ide-guide-steps button:not([aria-current=step]) small{display:none}.ide-overflow-widgets .monaco-hover{max-width:calc(100vw - 32px)!important}