.playground-page{background:#f6f8fc;min-height:100vh}.playground-hero{padding:54px 0 26px;background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);border-bottom:1px solid #dfe7f2}.playground-hero h1{margin:10px 0 12px;font-size:clamp(2rem,5vw,4rem);line-height:1.03;color:#0b1f3a}.playground-hero p{max-width:820px;margin:0;color:#536176;font-size:1.05rem}.playground-shell{padding:28px 0 20px}.playground-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.mode-switch,.toolbar-actions,.editor-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mode-switch button,.editor-tabs button,.secondary-action,.run-action{border:1px solid #cbd6e5;background:#fff;color:#17304f;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}.mode-switch button.active,.editor-tabs button.active{background:#0b1f3a;color:#fff;border-color:#0b1f3a}.run-action{background:#0b7cff;color:#fff;border-color:#0b7cff}.secondary-action:hover,.mode-switch button:hover,.editor-tabs button:hover{border-color:#0b7cff}.playground-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:620px}.editor-panel,.result-panel{background:#fff;border:1px solid #dce4ef;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(20,43,76,.07)}.editor-tabs,.panel-title{min-height:54px;padding:10px 12px;border-bottom:1px solid #e4eaf2;background:#f9fbfd}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5b687a}.panel-title strong{color:#132b49}.editor-panel>textarea,[data-python-editor]{width:100%;min-height:510px;border:0;resize:vertical;padding:18px;background:#0d1726;color:#e9f2ff;font:15px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none;tab-size:2}.result-panel iframe{display:block;width:100%;height:565px;border:0;background:#fff}.stdin-box{display:block;padding:14px 16px 16px;font-weight:700;color:#314661;background:#fff;border-top:1px solid #dce4ef}.stdin-box textarea{display:block;width:100%;min-height:90px;margin-top:8px;padding:10px 12px;border:1px solid #cfd9e7;border-radius:10px;resize:vertical;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.terminal-panel{background:#0b1220}.terminal-panel .panel-title{background:#111c2d;border-bottom-color:#26354c;color:#9eb0c9}.terminal-panel .panel-title strong{color:#fff}.terminal-panel pre{margin:0;min-height:470px;padding:18px;white-space:pre-wrap;overflow:auto;color:#d9f2e5;background:#0b1220;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.runner-note{padding:14px 16px;border-top:1px solid #26354c;color:#aebbd0;background:#111c2d;font-size:.93rem}.runner-note a{color:#7db8ff;font-weight:700}.playground-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 0 54px}.playground-info article{background:#fff;border:1px solid #dce4ef;border-radius:14px;padding:18px}.playground-info h2{margin:0 0 8px;font-size:1.05rem;color:#0b1f3a}.playground-info p{margin:0;color:#5a687b;line-height:1.65}.playground-info code{background:#eef4fb;padding:2px 6px;border-radius:6px}.playground-grid[hidden]{display:none!important}@media(max-width:900px){.playground-grid{grid-template-columns:1fr;min-height:auto}.editor-panel>textarea,[data-python-editor]{min-height:380px}.result-panel iframe{height:430px}.terminal-panel pre{min-height:320px}.playground-info{grid-template-columns:1fr}}@media(max-width:620px){.playground-hero{padding-top:36px}.playground-toolbar{align-items:stretch}.mode-switch,.toolbar-actions{width:100%}.mode-switch button,.toolbar-actions button{flex:1}.editor-tabs button{flex:1}.panel-title{align-items:flex-start;flex-direction:column}.playground-shell{padding-top:18px}}