.portfolio-app-dialog{width:min(1600px,98vw);height:94dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:12px;overflow:hidden;background:#f4f8fb;box-shadow:0 20px 80px #0005}.portfolio-app-dialog::backdrop{background:#111b24b3}.portfolio-app-dialog>header{height:46px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:12px var(--hc-font-sans);border-bottom:1px solid #dce4e9}.portfolio-app-dialog button{background:#101214;color:#fff;border:0;border-radius:6px;padding:7px 12px;cursor:pointer;font:inherit}.portfolio-app-dialog>iframe{border:0;width:100%;height:calc(100% - 46px)}.portfolio-site-credit{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px var(--gutter);background:#f4f8fb;color:#344254;font:12px var(--hc-font-sans)}.portfolio-site-credit a{color:inherit;text-decoration:underline;text-underline-offset:4px}.portfolio-board-demo{padding-block:80px}.portfolio-board-demo>h2{margin-bottom:16px}.portfolio-board-demo>p{max-width:70ch;margin-bottom:24px}.portfolio-board-demo iframe{width:100%;height:780px;border:1px solid #dce4e9;border-radius:12px;background:#f4f8fb}@media(max-width:700px){.portfolio-board-demo{padding-block:44px}.portfolio-board-demo iframe{height:660px}.portfolio-app-dialog{width:100vw;height:98dvh;border-radius:0}.portfolio-app-dialog>header{font-size:10px}}.portfolio-notice-dialog{max-width:min(560px,92vw);margin:auto;border:0;border-radius:12px;padding:32px;background:#f4f8fb;color:#101214;font:14px/1.6 var(--hc-font-body)}.portfolio-notice-dialog::backdrop{background:#111b24b3}.portfolio-notice-dialog h2{font:800 26px/1.2 var(--hc-font-sans);margin:0 0 20px}.portfolio-notice-dialog button{margin-top:20px;padding:10px 20px;border:0;border-radius:6px;background:#101214;color:#fff;cursor:pointer}.portfolio-app-viewport{height:calc(100% - 46px);overflow:auto;overscroll-behavior:contain}.portfolio-app-viewport>iframe{display:block;width:100%;min-width:1040px;height:100%;border:0}.portfolio-board-viewport{overflow:auto;border-radius:12px;overscroll-behavior:contain}.portfolio-board-viewport>iframe{min-width:1040px;display:block}.portfolio-app-dialog>header>button{flex-shrink:0}@media(max-width:700px){.portfolio-app-dialog>header>span{font-size:0}.portfolio-app-dialog>header>span:after{content:"\414\435\43c\43e  \43f\440\438\43b\43e\436\435\43d\438\44f  \b7  \43f\440\43e\43a\440\443\447\438\432\430\439\442\435  \43f\43e  \433\43e\440\438\437\43e\43d\442\430\43b\438";font:11px/1.4 var(--hc-font-sans)}}.portfolio-return{padding:10px var(--gutter);background:#101214;color:#fff;font:12px/1.4 var(--hc-font-sans);position:relative;z-index:60}.portfolio-return a{color:inherit;text-decoration:none}.portfolio-return a:hover{text-decoration:underline;text-underline-offset:4px}.portfolio-return a:focus-visible{outline:2px solid #ff621f;outline-offset:3px}