:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.app-layout{min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;height:auto;min-height:64px;background:#1677ff;position:relative}.app-header--authed{padding-right:64px}.app-title.ant-typography{margin:0;color:#fff}.app-title-link{color:inherit;text-decoration:none}.app-title-link:hover{color:#f0f0f0}.app-header-account{position:absolute;top:50%;right:8px;transform:translateY(-50%);line-height:0}.app-header-account-btn.ant-btn{width:48px;height:40px;min-width:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:8px}.app-header-account-btn.ant-btn:hover{color:#e6f4ff!important;background:#ffffff1f!important}.app-header-account-icon{font-size:22px}.header-user-btn.ant-btn{color:#fff}.header-user-btn.ant-btn:hover{color:#e6f4ff!important}.account-page{min-height:calc(100vh - 64px)}.header-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.header-input{width:180px}.app-content{padding:24px;background:#fff;overflow:auto;touch-action:pan-y;overscroll-behavior-y:contain;font-size:16px;line-height:1.5}.placeholder-text.ant-typography{font-size:16px}.workspace-card .ant-card-head{flex-wrap:wrap;gap:8px}.workspace-card .ant-card-extra{max-width:100%}.workspace-card .ant-card-body{overflow-x:auto;padding-left:0;padding-right:0}.blockly-layout{width:100%;min-width:720px;min-height:420px;height:480px;max-height:min(480px,70dvh,70vh);border:1px solid #d9d9d9;border-radius:8px;overflow:hidden;position:relative;display:flex;background:#f5f5f5}.blockly-palette{width:260px;flex-shrink:0;background:#f7f7f7;border-right:1px solid #e5e5e5;padding:8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden}.blockly-palette-btn{text-align:left;border-radius:6px;box-shadow:0 1px #0000001f;font-weight:500;border:0;min-height:30px;padding-left:12px;position:relative}.blockly-palette-btn--stack{clip-path:polygon(0 0,14px 0,18px 4px,34px 4px,38px 0,100% 0,100% 100%,38px 100%,34px calc(100% - 4px),18px calc(100% - 4px),14px 100%,0 100%)}.blockly-palette-btn--hat{border-radius:16px 16px 8px 8px}.blockly-palette-btn--value{border-radius:999px;min-height:28px;font-style:italic}.blockly-palette-group{display:flex;flex-direction:column;gap:4px}.blockly-palette-group+.blockly-palette-group{margin-top:8px}.blockly-palette-group-title{font-size:11px;font-weight:600;text-transform:uppercase;color:#8c8c8c;margin-bottom:2px}.blockly-container{flex:1;min-width:0;height:100%;position:relative;touch-action:none;overscroll-behavior:contain}.blockly-container .blocklySvg,.blockly-container .blocklyToolboxDiv,.blockly-container .blocklyFlyout,.blockly-container .blocklyScrollbarHandle,.blockly-container .blocklyScrollbarBackground{touch-action:none}.blockly-container .blocklyToolboxDiv{min-width:52px}.blockly-container .blocklyFlyout{min-width:200px}@media (max-width: 900px){.app-header{align-items:flex-start;flex-direction:column;padding-right:16px}.app-header--authed{padding-top:48px;padding-right:16px}.app-header-account{top:12px;right:12px;transform:none}.app-title.ant-typography{font-size:20px!important}.header-actions{margin-left:0;width:100%}.header-input{width:100%}.app-content{padding:12px}.blockly-layout{min-height:360px;height:400px;max-height:min(400px,65dvh,65vh)}.library-search{width:100%!important}}.narrow-viewport-block{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#0d3b66,#1677ff 45%,#69b1ff);color:#fff;text-align:center;overflow:auto}.narrow-viewport-block__inner{max-width:400px}.narrow-viewport-block__title.ant-typography{color:#fff!important;margin-bottom:16px!important}.narrow-viewport-block__text,.narrow-viewport-block__hint{color:#fffffff2;font-size:1rem;line-height:1.5;margin-bottom:12px!important}.narrow-viewport-block__hint{color:#ffffffbf;font-size:.9rem;margin-bottom:0!important}