@import url('./public-footer-premium.css?v=20260915-footer1');

/* BrounStack shared playground workspace polish — public + student portal */
body.playground-brand .playground-toolbar,
body.student-playground-page .playground-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important;padding:12px!important;margin-bottom:14px!important}
body.playground-brand .mode-switch,
body.student-playground-page .mode-switch{width:100%!important;max-width:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.playground-brand .toolbar-actions,
body.student-playground-page .toolbar-actions{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap!important;padding:2px!important}
body.playground-brand .toolbar-actions .project-current-name,
body.student-playground-page .toolbar-actions .project-current-name{order:-30;display:inline-flex!important;align-items:center;gap:8px;min-height:38px;max-width:260px!important;padding:0 12px;margin-right:0;border:1px solid #dbe7f5;border-radius:11px;background:#f7faff;color:#1c406a!important;font-size:11px!important;font-weight:850!important;opacity:1!important}
body.playground-brand .toolbar-actions .project-current-name::before,
body.student-playground-page .toolbar-actions .project-current-name::before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#16b981;box-shadow:0 0 0 4px rgba(22,185,129,.11)}
body.playground-brand .toolbar-actions .project-current-name + .secondary-action,
body.student-playground-page .toolbar-actions .project-current-name + .secondary-action{order:-29}
body.playground-brand .toolbar-actions .project-current-name + .secondary-action + .secondary-action,
body.student-playground-page .toolbar-actions .project-current-name + .secondary-action + .secondary-action{order:-28}
body.playground-brand .toolbar-actions .auto-run-control,
body.student-playground-page .toolbar-actions .auto-run-control{margin-left:auto;min-height:38px;border-radius:11px!important}
body.playground-brand .toolbar-actions .autosave-status,
body.student-playground-page .toolbar-actions .autosave-status{position:relative;min-height:38px;padding:0 8px 0 17px!important;border-radius:10px;white-space:nowrap}
body.playground-brand .toolbar-actions .autosave-status::before,
body.student-playground-page .toolbar-actions .autosave-status::before{content:"";position:absolute;left:5px;top:50%;width:6px;height:6px;transform:translateY(-50%);border-radius:50%;background:#94a3b8}
body.playground-brand .toolbar-actions button,
body.student-playground-page .toolbar-actions button{min-height:38px!important;padding:0 12px!important;border-radius:10px!important;white-space:nowrap}
body.playground-brand .toolbar-actions .run-action,
body.student-playground-page .toolbar-actions .run-action{min-width:84px;padding-inline:17px!important;box-shadow:0 10px 24px rgba(10,123,255,.20)!important}
body.playground-brand .playground-grid,
body.student-playground-page .playground-grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;gap:12px!important;min-height:0!important}
body.playground-brand .editor-panel,
body.playground-brand .result-panel,
body.student-playground-page .editor-panel,
body.student-playground-page .result-panel{position:relative;border-radius:18px!important;overflow:hidden!important}
body.playground-brand .editor-panel::before,
body.playground-brand .result-panel::before,
body.student-playground-page .editor-panel::before,
body.student-playground-page .result-panel::before{content:"";position:absolute;inset:0 0 auto;z-index:4;height:2px;pointer-events:none;background:linear-gradient(90deg,#0a7bff,rgba(10,123,255,.08))}
body.playground-brand .editor-tabs,
body.playground-brand .panel-title,
body.student-playground-page .editor-tabs,
body.student-playground-page .panel-title{min-height:52px!important}
body.playground-brand .editor-tabs,
body.student-playground-page .editor-tabs{gap:5px!important;padding:8px 10px!important}
body.playground-brand .editor-tabs button,
body.student-playground-page .editor-tabs button{min-height:34px!important;padding:0 12px!important}
body.playground-brand .panel-title,
body.student-playground-page .panel-title{padding:0 14px!important}
body.playground-brand .editor-panel>textarea,
body.playground-brand [data-python-editor],
body.student-playground-page .editor-panel>textarea,
body.student-playground-page [data-python-editor]{min-height:470px!important;padding:22px 24px!important;resize:none!important;font-size:14px!important;line-height:1.72!important;letter-spacing:.005em}
body.playground-brand .result-panel iframe,
body.student-playground-page .result-panel iframe{height:522px!important;min-height:522px!important;background:#f3f7fc!important}
body.playground-brand .terminal-panel pre,
body.student-playground-page .terminal-panel pre{min-height:421px!important}
body.playground-brand .playground-console,
body.student-playground-page .playground-console{margin-top:12px!important;border-radius:16px!important}
body.playground-brand .playground-console-head,
body.student-playground-page .playground-console-head{min-height:44px!important;padding:8px 12px!important}
body.playground-brand .playground-console pre,
body.student-playground-page .playground-console pre{min-height:96px!important;max-height:190px!important;padding:11px 14px!important}
body.playground-brand .playground-toolbar{border-color:#d9e6f5!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 16px 38px rgba(3,22,55,.065)!important}
body.playground-brand .mode-switch{padding:4px!important;border-color:#dce8f7!important;background:#f2f7fd!important}
body.playground-brand .mode-switch button{min-height:38px!important}
body.playground-brand .editor-panel,
body.playground-brand .result-panel{border-color:#dbe6f3!important;box-shadow:0 16px 38px rgba(3,22,55,.075)!important}
body.playground-brand .result-panel{background:#eef3f9!important}
body.student-playground-page .student-code-shell{padding:12px!important;border-radius:20px!important;background:linear-gradient(145deg,#0a1322,#08101d)!important}
body.student-playground-page .playground-toolbar{border-color:rgba(139,158,193,.16)!important;background:linear-gradient(180deg,#0d1829,#0a1423)!important;box-shadow:0 18px 42px rgba(0,0,0,.20)!important}
body.student-playground-page .mode-switch{padding:4px!important;border-color:rgba(145,163,204,.15)!important;background:#091321!important}
body.student-playground-page .mode-switch button{min-height:38px!important;border:0!important;background:transparent!important;color:#8295b1!important}
body.student-playground-page .mode-switch button:hover{background:#101d31!important;color:#c6d4e8!important}
body.student-playground-page .mode-switch button.active{background:linear-gradient(100deg,#6f55ee,#4c7dff)!important;color:#fff!important;box-shadow:0 8px 22px rgba(88,91,244,.24)!important}
body.student-playground-page .toolbar-actions .project-current-name{border-color:rgba(145,163,204,.14)!important;background:#0d1829!important;color:#dbe6f6!important}
body.student-playground-page .toolbar-actions .autosave-status::before{background:#7387a4}
body.student-playground-page .editor-panel,
body.student-playground-page .result-panel{border-color:rgba(145,163,204,.15)!important;box-shadow:0 16px 36px rgba(0,0,0,.16)!important}
body.student-playground-page .editor-panel::before,
body.student-playground-page .result-panel::before{background:linear-gradient(90deg,#7757f4,#4c7dff,rgba(76,125,255,.08))}
body.student-playground-page .result-panel iframe{background:#eef3f9!important}
.playground-shell:fullscreen .playground-toolbar,
.student-code-shell:fullscreen .playground-toolbar,
.playground-focus-mode .playground-toolbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(max-width:980px){body.playground-brand .toolbar-actions .auto-run-control,body.student-playground-page .toolbar-actions .auto-run-control{margin-left:0}body.playground-brand .toolbar-actions .project-current-name,body.student-playground-page .toolbar-actions .project-current-name{max-width:220px!important}}
@media(max-width:900px){body.playground-brand .playground-grid,body.student-playground-page .playground-grid{grid-template-columns:1fr!important}body.playground-brand .editor-panel>textarea,body.playground-brand [data-python-editor],body.student-playground-page .editor-panel>textarea,body.student-playground-page [data-python-editor]{min-height:390px!important}body.playground-brand .result-panel iframe,body.student-playground-page .result-panel iframe{height:420px!important;min-height:420px!important}}
@media(max-width:680px){body.playground-brand .mode-switch,body.student-playground-page .mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.playground-brand .toolbar-actions,body.student-playground-page .toolbar-actions{gap:6px!important}body.playground-brand .toolbar-actions .project-current-name,body.student-playground-page .toolbar-actions .project-current-name{width:100%;max-width:none!important;margin:0!important}body.playground-brand .toolbar-actions .auto-run-control,body.student-playground-page .toolbar-actions .auto-run-control{flex:1;justify-content:center}body.playground-brand .toolbar-actions .autosave-status,body.student-playground-page .toolbar-actions .autosave-status{flex:1;justify-content:center}body.playground-brand .toolbar-actions button,body.student-playground-page .toolbar-actions button{flex:1 1 calc(50% - 6px)}body.playground-brand .toolbar-actions .run-action,body.student-playground-page .toolbar-actions .run-action{flex-basis:100%}body.playground-brand .editor-panel>textarea,body.playground-brand [data-python-editor],body.student-playground-page .editor-panel>textarea,body.student-playground-page [data-python-editor]{min-height:330px!important;padding:18px!important;font-size:13px!important}body.playground-brand .result-panel iframe,body.student-playground-page .result-panel iframe{height:360px!important;min-height:360px!important}}