:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243636;background:#eaf0ee;font-synthesis:none;--bar:46px;--dock:38px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6bb5ad;outline-offset:3px}.toolbar{height:var(--bar);display:flex;align-items:center;gap:26px;padding:0 14px;background:#111615;color:white;position:relative;z-index:1000;border-bottom:1px solid #000}.brand{white-space:nowrap;text-decoration:none;color:#fff;font-size:20px;font-weight:750;letter-spacing:-.8px;display:flex;align-items:baseline}.brand span{font-weight:450}.brand small{font-size:8px;letter-spacing:2px;margin-left:8px;color:#a4b2ad;font-weight:600}.toolbar nav{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none;flex:1;height:100%}.app-launch{background:#f9fbfa;border:1px solid #fff;border-radius:5px;color:#273c37;padding:5px 12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;height:29px;white-space:nowrap;transition:background .15s,transform .15s}.app-launch:hover{background:#e8f0ec;transform:translateY(-1px)}.app-launch[aria-pressed=true]{box-shadow:inset 0 -2px var(--app-color);border-color:var(--app-color)}.app-icon{display:inline-grid;place-items:center;background:var(--app-tint);color:var(--app-color);width:18px;height:18px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:-1px}.toolbar-tools{display:flex;gap:5px}.toolbar-tools button{color:#c5cfca;background:transparent;border:1px solid #3b4541;border-radius:5px;width:26px;height:26px;font-size:15px}.toolbar-tools button:hover{background:#34413c;color:white}#desktop{position:relative;height:calc(100dvh - var(--bar) - var(--dock));overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#dbe9e2 0,transparent 50%),linear-gradient(125deg,#edf1ed,#e4ebe8)}#desktop:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#839a8b35 .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.welcome{position:absolute;top:50%;left:8%;transform:translateY(-53%);max-width:600px;padding-right:24px}.suite-mark{display:flex;align-items:center;width:58px;height:58px;border:1px solid #b8c9be;border-radius:15px;padding:10px;color:#244f40;font-weight:800;font-size:25px;letter-spacing:-6px;background:#ffffff70;box-shadow:0 8px 25px #34534408;margin-bottom:28px}.suite-mark span{color:#87a38b}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.5px;color:#527163;margin:0 0 17px}h1{font-size:clamp(30px,4vw,53px);line-height:1.12;font-weight:550;letter-spacing:-2px;margin:0 0 20px;color:#203e33}.welcome>p:not(.eyebrow){max-width:440px;font-size:14px;line-height:1.8;color:#647970}.welcome-actions{display:flex;gap:12px;margin-top:29px;align-items:center}.welcome-actions button{height:39px;border-radius:6px;padding:0 16px;font-size:12px;font-weight:650;background:#244c3d;border:1px solid #244c3d;color:#fff}.welcome-actions button span{margin-left:16px}.welcome-actions .quiet{background:#ffffff65;color:#385346;border-color:#bdcdc3}.welcome-note{font-size:10px;color:#718178;margin-top:38px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:#709d83;border-radius:50%;display:inline-block;flex-shrink:0}.desktop-caption{position:absolute;bottom:23px;left:8%;right:30px;display:flex;justify-content:space-between;color:#7d8f85;font-size:9px;letter-spacing:1px;pointer-events:none}.desktop-caption span:first-child{letter-spacing:3px}.dock-bar{height:var(--dock);display:flex;align-items:center;gap:16px;background:#f7faf8;border-top:1px solid #cbd6cf;padding:0 14px;position:relative;z-index:1000}.dock-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#6c7e73;white-space:nowrap}#dock{display:flex;gap:5px;flex:1;overflow:auto;height:100%;align-items:center;scrollbar-width:none}.dock-item{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #d2dcd5;background:#fff;border-radius:4px;padding:4px 10px;font-size:11px;color:#3b5145;height:27px}.dock-item.active{border-bottom:2px solid var(--app-color);background:#edf3ef}.dock-item.minimized{background:#e4eae6;border-style:dashed}.dock-item .min-badge{font-size:9px;color:#849088}#clock{font-size:10px;color:#6c7e73;white-space:nowrap}.app-window{position:absolute;display:flex;flex-direction:column;min-width:320px;min-height:260px;border:1px solid #aebdb4;border-radius:9px;background:#fff;box-shadow:0 16px 40px #263e3226,0 2px 8px #263e321a;overflow:hidden;resize:both;isolation:isolate}.app-window.focused{border-color:#647f6e;box-shadow:0 22px 60px #263e3235,0 4px 12px #263e321a}.app-window.maximized{resize:none;border-radius:0;border:0!important;width:100%!important;height:100%!important;top:0!important;left:0!important}.app-window[hidden]{display:none}.window-titlebar{height:34px;min-height:34px;background:#f7f9f7;display:flex;align-items:center;gap:8px;padding:0 5px 0 11px;border-bottom:1px solid #dce4de;cursor:grab;touch-action:none;user-select:none}.window-titlebar:active{cursor:grabbing}.window-title{font-size:11px;font-weight:650;margin:0}.window-kind{font-size:9px;color:#849288;margin-left:4px;flex:1}.window-controls{display:flex;align-items:center;gap:2px;margin-left:auto}.window-controls button{width:28px;height:25px;background:transparent;border:0;border-radius:3px;color:#54685b;font-size:14px;line-height:1}.window-controls button:hover{background:#e4ece6}.window-controls .close:hover{background:#b7443c;color:#fff}.window-meta{display:flex;gap:10px;align-items:center;background:#fff;border-bottom:1px solid #e3e9e4;min-height:28px;padding:4px 11px;font-size:10px;color:#6b7e70}.window-meta span{flex:1}.window-meta a,.window-meta button{font:inherit;color:#416b55;background:transparent;border:0;padding:0;text-decoration:none;white-space:nowrap}.window-meta a:hover,.window-meta button:hover{text-decoration:underline}.app-frame{flex:1;width:100%;border:0;background:#fff;min-height:0}.embed-hint{padding:5px 11px;font-size:10px;line-height:1.4;color:#66776c;background:#f7faf8;border-top:1px solid #e0e8e2}.embed-hint a{color:#416b55}.dragging .app-frame{pointer-events:none}.sample{overflow:auto;flex:1;background:#f5f7f4}.sample-header{padding:20px 25px;background:var(--app-color);color:#fff;display:flex;align-items:center;justify-content:space-between}.sample-header h2{margin:0;font-size:19px;font-weight:600}.sample-header small{font-size:9px;border:1px solid #ffffff60;padding:4px 7px;border-radius:4px}.sample-content{padding:24px}.sample-content h3{font-size:18px;font-weight:600;margin:0 0 8px}.sample-content p{font-size:12px;color:#687b6d;line-height:1.7;max-width:550px}.sample-table{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}.sample-table th{text-align:left;color:#6d7d70;font-size:10px;letter-spacing:.5px;padding:9px 12px;background:#e8eee8}.sample-table td{padding:12px;border-bottom:1px solid #e0e7df}.sample-state{background:#e5eee3;color:#496c49;border-radius:3px;font-size:10px;padding:3px 7px}.sample-content label{display:block;font-size:12px;font-weight:650;margin-top:20px}.sample-content textarea{display:block;width:100%;min-height:80px;resize:vertical;margin-top:8px;border:1px solid #c5d2c7;border-radius:5px;padding:12px;font:12px inherit;color:#334d3b;background:white}.sample-footnote{font-size:10px!important;color:#8a6e42!important}dialog{border:1px solid #bbcabe;border-radius:12px;padding:30px;color:#2c4535;max-width:520px;width:calc(100% - 32px);box-shadow:0 30px 90px #0003}dialog::backdrop{background:#13261f66;backdrop-filter:blur(3px)}dialog h2{margin:0 0 15px;font-size:24px;letter-spacing:-.6px}dialog h3{font-size:14px}dialog p,dialog li{font-size:13px;line-height:1.7;color:#65776a}.dialog-close{position:absolute;top:10px;right:10px;border:0;background:transparent;font-size:22px;color:#64786a}.primary{background:#244c3d;color:#fff;border:1px solid #244c3d;border-radius:5px;padding:10px 18px;font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialog-actions button:not(.primary){background:#fff;border:1px solid #c6d1c8;border-radius:5px;padding:10px 18px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){:root{--bar:46px}.toolbar{gap:12px;padding:0 9px}.brand{font-size:17px}.brand small{display:none}.app-launch{padding:5px 8px;font-size:11px}.toolbar-tools{display:none}.welcome{left:7%;max-width:90%;transform:translateY(-50%)}.welcome h1{letter-spacing:-1px}.desktop-caption span:last-child{display:none}.dock-label{display:none}.app-window{min-width:280px}.window-kind{display:none}.welcome-note{font-size:9px}.window-meta{font-size:9px}.dock-bar{padding:0 8px;gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

#security-shield{display:grid;place-items:center;color:#c5cfca}#security-dialog{max-height:85dvh;overflow:auto}@media(max-width:700px){.toolbar-tools{display:flex}.toolbar-tools #arrange,.toolbar-tools #help{display:none}.toolbar{gap:8px}.toolbar nav{min-width:0}}