:root{font-family:system-ui,sans-serif;color:#20362d;background:#f5f4ef}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}#apps-workspace{height:100dvh;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}.app-preview{position:relative;min-width:0;min-height:0;background:#e3e5dc}.app-preview iframe{width:100%;height:100%;border:0;display:block}.app-preview p{position:absolute;inset:40% 1rem auto;text-align:center}.app-library{min-height:0;overflow:auto;padding:2rem;border-left:1px solid #c9d0c7}h1{font:400 2.6rem Georgia,serif;margin:.1rem 0 1rem}p{line-height:1.5}a{color:#24583f;margin-right:.5rem}#app-list{display:grid;gap:.75rem;margin:1.5rem 0}#app-list button{font:inherit;text-align:left;padding:1rem;border:1px solid #a9b8ac;background:#fff;border-radius:.4rem;color:inherit;cursor:pointer}#app-list button[aria-pressed=true]{border:2px solid #24583f}#app-list small{display:block;margin-top:.5rem;font-size:.9rem}#selected-app{border-top:1px solid #c9d0c7;padding-top:1rem}@media(max-width:650px){#apps-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:43% 57%}.app-library{padding:1rem;border-left:0;border-top:1px solid #c9d0c7}h1{font-size:2rem}}

label{display:block;margin:.7rem 0}input,select{display:block;width:100%;padding:.6rem;font:inherit;margin-top:.3rem;border:1px solid #a9b8ac;border-radius:.3rem}button{font:inherit;padding:.55rem .8rem;margin:.3rem .3rem .3rem 0;cursor:pointer}button:disabled{opacity:.55;cursor:wait}form{border-block:1px solid #c9d0c7;padding:.5rem 0;margin:1rem 0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #957217;outline-offset:2px}