:root{--text:#172033;--text-muted:#8a95a3;--text-soft:#5f6875;--accent:#1279ff;--danger:#d93025;--success:#237b4b;--font-sans:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font-sans);background:#f3f6fb}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.canvas-publish-action,.nav-link{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;font:inherit}.prototype-canvas-detail-page{width:100%;height:100vh;min-height:0;overflow:hidden;background:radial-gradient(circle at 42% 18%,rgba(231,255,250,.9),transparent 34%),radial-gradient(circle at 78% 22%,rgba(202,229,255,.72),transparent 38%),linear-gradient(135deg,#dcecff,#f6f9ff 52%,#eefbfb)}.prototype-canvas-detail-page .background-effects,.prototype-canvas-detail-page .prototype-page-brand{display:none}.prototype-canvas-detail-page .prototype-home{height:100vh;min-height:0;display:grid;grid-gap:4px;gap:4px;padding:0;overflow:hidden;transition:grid-template-columns .26s cubic-bezier(.22,1,.36,1)}.prototype-canvas-detail-page .prototype-home.sidebar-open{grid-template-columns:300px minmax(0,1fr)}.prototype-canvas-detail-page .prototype-home.sidebar-rail{grid-template-columns:72px minmax(0,1fr)}.prototype-canvas-detail-page .page-body.canvas-page{height:100vh;min-height:0;min-width:0;padding:40px 34px;overflow:hidden}.prototype-canvas-detail-page .canvas-shell{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 0;grid-gap:0;gap:0;overflow:hidden;transition:grid-template-columns .26s cubic-bezier(.22,1,.36,1),gap .26s cubic-bezier(.22,1,.36,1)}.prototype-canvas-detail-page .canvas-shell.library-open.right{grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:22px}.prototype-canvas-detail-page .canvas-shell.library-open.left{grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:22px}.prototype-canvas-detail-page .canvas-shell.library-closed.left{grid-template-columns:0 minmax(0,1fr)}.prototype-canvas-detail-page .canvas-shell.left .canvas-library-panel{order:1}.prototype-canvas-detail-page .canvas-shell.left .canvas-detail{order:2}.prototype-canvas-detail-page .canvas-detail,.prototype-canvas-detail-page .canvas-library-panel,.prototype-canvas-detail-page .surface{min-height:0;border:1px solid hsla(0,0%,100%,.72);border-radius:18px;background:hsla(0,0%,100%,.42);box-shadow:0 24px 70px rgba(88,116,152,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:opacity .24s ease,transform .26s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}.prototype-canvas-detail-page .canvas-detail{height:100%;display:flex;flex-direction:column}.prototype-canvas-detail-page .canvas-editor-top{flex:0 0 auto;padding:34px 34px 0}.prototype-canvas-detail-page .canvas-command-bar{min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:18px;gap:18px}.prototype-canvas-detail-page .canvas-command-title{grid-column:1;grid-row:1;min-width:0;color:#606a74;font-size:24px;font-weight:800;line-height:1.1}.prototype-canvas-detail-page .canvas-command-title span{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prototype-canvas-detail-page .canvas-command-group{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.prototype-canvas-detail-page .canvas-command-group.align-end{display:none}.prototype-canvas-detail-page .canvas-command-group .canvas-command-toggle{order:1;min-width:auto;padding:0 4px;background:transparent;color:#7f8791;font-size:11px;text-decoration:underline;text-underline-offset:2px}.prototype-canvas-detail-page .canvas-command-group .canvas-command-toggle.ant-btn{padding-inline:4px}.prototype-canvas-detail-page .canvas-command-group .canvas-command-publish{order:2}.prototype-canvas-detail-page .canvas-command-group .canvas-command-refresh{order:3}.prototype-canvas-detail-page .canvas-command-group .canvas-command-save{order:4}.prototype-canvas-detail-page .canvas-command-group .canvas-command-dock{order:6;display:none}.prototype-canvas-detail-page .canvas-layout-select{order:5;width:118px}.prototype-canvas-detail-page .canvas-background-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.prototype-canvas-detail-page .canvas-command-background{order:5}.canvas-publish-template-list{display:grid;grid-gap:12px;gap:12px}.canvas-publish-template-option{width:100%;padding:14px 16px;border:1px solid rgba(18,121,255,.16);border-radius:8px;position:relative;display:grid;grid-gap:5px;gap:5px;background:rgba(247,251,255,.86);color:#31445b;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.canvas-publish-template-option.selected{border-color:rgba(18,121,255,.78);background:rgba(232,243,255,.98);box-shadow:0 10px 24px rgba(18,121,255,.12)}.canvas-publish-template-option:before{position:absolute;top:14px;right:16px;width:42px;height:8px;border-radius:999px;background:linear-gradient(90deg,#1279ff,#8fc1ff);content:""}.canvas-publish-template-option-release:before{background:linear-gradient(90deg,#ffae13,#ffe08a)}.canvas-publish-template-option-releaseBlue:before{background:linear-gradient(90deg,#1c5c9f,#9ad8ff)}.canvas-publish-template-title{padding-right:54px;font-size:14px;font-weight:900}.canvas-publish-template-copy{color:#6b7d91;font-size:12px;font-weight:700}.prototype-canvas-detail-page .canvas-layout-select .ant-select-selector{min-height:34px;border:0!important;border-radius:7px;background:hsla(0,0%,100%,.88)!important;color:#686f79;font-size:12px;font-weight:800;box-shadow:none!important}.prototype-canvas-detail-page .canvas-layout-select .ant-select-selection-item,.prototype-canvas-detail-page .canvas-layout-select .ant-select-selection-placeholder{color:#686f79;font-size:12px;font-weight:800}.prototype-canvas-detail-page .canvas-chip{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:hsla(0,0%,100%,.7);color:#7a8794;font-size:12px;font-weight:800}.prototype-canvas-detail-page .canvas-chip.warning{color:#c57927}.prototype-canvas-detail-page .action-button,.prototype-canvas-detail-page .ghost-button{min-width:72px;min-height:34px;padding:0 16px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#686f79;font-size:12px;font-weight:800;line-height:1;box-shadow:none}.prototype-canvas-detail-page .action-button.ant-btn,.prototype-canvas-detail-page .ghost-button.ant-btn{padding-inline:16px;border:0;box-shadow:none}.prototype-canvas-detail-page .action-button.ant-btn:disabled,.prototype-canvas-detail-page .ghost-button.ant-btn:disabled{border:0;color:inherit}.prototype-canvas-detail-page .action-button.ant-btn:disabled{background:#1279ff;color:#fff;opacity:1}.prototype-canvas-detail-page .ghost-button{background:hsla(0,0%,100%,.88)}.prototype-canvas-detail-page .action-button{background:#1279ff;color:#fff}.prototype-canvas-detail-page .action-button:disabled{opacity:1}.prototype-canvas-detail-page .error-banner,.prototype-canvas-detail-page .warning-banner{margin-top:10px;padding:9px 12px;border-radius:8px;background:hsla(0,0%,100%,.84);color:#b45309;font-size:12px;font-weight:700}.prototype-canvas-detail-page .error-banner{color:#b42318}.prototype-canvas-detail-page .canvas-editor-body{flex:1 1 auto;min-height:0;padding:16px 34px 34px}.prototype-canvas-detail-page .canvas-stage{height:100%;min-height:0;overflow:hidden}.prototype-canvas-detail-page .canvas-dual-column-layout{height:100%;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(150px,1fr));grid-auto-flow:row dense;grid-gap:16px;gap:16px}.prototype-canvas-detail-page .canvas-free-layout{height:100%;min-height:0;position:relative;border:1px dashed rgba(18,121,255,.18);border-radius:12px;background:linear-gradient(rgba(18,121,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(18,121,255,.06) 1px,transparent 0),hsla(0,0%,100%,.18);background-size:24px 24px;overflow:hidden}.prototype-canvas-detail-page .canvas-free-layout[style*=background-image]{border-color:hsla(0,0%,100%,.42);background-size:cover;background-position:50%;background-repeat:no-repeat}.prototype-canvas-detail-page .canvas-free-empty{position:absolute;inset:0;display:grid;place-items:center;color:#7f8fa4;font-size:13px;font-weight:800;pointer-events:none}.prototype-canvas-detail-page .canvas-tile.free-tile{position:absolute;cursor:move;touch-action:none}.prototype-canvas-detail-page .canvas-tile.free-tile .canvas-embed{pointer-events:none}.prototype-canvas-detail-page .canvas-free-resize{position:absolute;right:7px;bottom:7px;z-index:3;width:16px;height:16px;padding:0;border:0;border-right:3px solid rgba(18,121,255,.72);border-bottom:3px solid rgba(18,121,255,.72);border-radius:0 0 5px 0;background:transparent;cursor:nwse-resize;opacity:0;transition:opacity .16s ease}.prototype-canvas-detail-page .free-tile:focus-within .canvas-free-resize,.prototype-canvas-detail-page .free-tile:hover .canvas-free-resize{opacity:1}.prototype-canvas-detail-page .canvas-column{display:contents}.prototype-canvas-detail-page .canvas-center-area{display:none}.prototype-canvas-detail-page .canvas-tile{min-width:0;min-height:0;position:relative;border:1px solid hsla(0,0%,100%,.76);border-radius:10px;background:hsla(0,0%,100%,.86);box-shadow:0 14px 34px rgba(73,113,158,.08);overflow:hidden}.prototype-canvas-detail-page .canvas-tile.empty{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(18,121,255,.22);background:hsla(0,0%,100%,.35)}.prototype-canvas-detail-page .canvas-tile.dragging{opacity:.55}.prototype-canvas-detail-page .canvas-tile.drag-over{box-shadow:0 0 0 2px rgba(18,121,255,.28)}.prototype-canvas-detail-page .empty-tile{color:#7f8fa4;font-size:12px;font-weight:700}.prototype-canvas-detail-page .canvas-tile.chart-only{padding:12px}.prototype-canvas-detail-page .canvas-tile-actions{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.prototype-canvas-detail-page .canvas-tile:focus-within .canvas-tile-actions,.prototype-canvas-detail-page .canvas-tile:hover .canvas-tile-actions{opacity:1;transform:translateY(0)}.prototype-canvas-detail-page .canvas-tile-size-actions{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:999px;background:hsla(0,0%,100%,.92);box-shadow:0 8px 20px rgba(52,94,142,.12)}.prototype-canvas-detail-page .canvas-size-button.ghost-button{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;border-radius:999px;background:rgba(18,121,255,.08);color:#1279ff;font-size:11px;font-weight:900}.prototype-canvas-detail-page .canvas-size-button.ghost-button.ant-btn{padding-inline:0}.prototype-canvas-detail-page .canvas-tile-close.ghost-button{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;background:hsla(0,0%,100%,.92);color:#8b929b;font-size:16px;box-shadow:0 8px 20px rgba(52,94,142,.12)}.prototype-canvas-detail-page .canvas-tile-close.ghost-button.ant-btn{padding-inline:0}.prototype-canvas-detail-page .canvas-tile-style.ghost-button{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;background:rgba(18,121,255,.9);color:#fff;box-shadow:0 8px 20px rgba(18,121,255,.2)}.prototype-canvas-detail-page .canvas-tile-style.ghost-button.ant-btn{padding-inline:0}.prototype-canvas-detail-page .asset-preview,.prototype-canvas-detail-page .canvas-embed{width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent}.prototype-canvas-detail-page .stats-shell{width:100%;height:100%;min-width:0;min-height:0;position:relative;overflow:hidden;border:0;border-radius:10px;background:transparent}.prototype-canvas-detail-page .stats-chart{width:100%;height:100%;min-height:0}.prototype-canvas-detail-page .stats-chart canvas,.prototype-canvas-detail-page .stats-chart svg{max-width:100%}.prototype-canvas-detail-page .stats-cards{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.prototype-canvas-detail-page .stats-card,.prototype-canvas-detail-page .stats-table-wrap{border-radius:10px;background:rgba(248,252,255,.92)}.prototype-canvas-detail-page .stats-card{display:grid;place-items:center;padding:12px}.prototype-canvas-detail-page .stats-card-value{color:#1279ff;font-size:22px;font-weight:900}.prototype-canvas-detail-page .stats-card-label{margin-top:6px;color:#778391;font-size:12px}.prototype-canvas-detail-page .stats-table-wrap{height:100%;overflow:auto}.prototype-canvas-detail-page .stats-table{width:100%;border-collapse:collapse;color:#536273;font-size:12px}.prototype-canvas-detail-page .stats-table td,.prototype-canvas-detail-page .stats-table th{padding:8px 10px;border-bottom:1px solid rgba(213,225,238,.85);text-align:left}.prototype-canvas-detail-page .stats-table th{background:#eef6ff;color:#425b73}.prototype-canvas-detail-page .empty-state,.prototype-canvas-detail-page .loading-row,.prototype-canvas-detail-page .placeholder,.prototype-canvas-detail-page .stats-loading{height:100%;min-height:0;display:grid;place-items:center;padding:18px;color:#8290a0;text-align:center;font-size:13px}.prototype-canvas-detail-page .placeholder-copy{display:none}.prototype-canvas-detail-page .placeholder-title{margin:0;color:#506173;font-size:13px;font-weight:700}.prototype-canvas-detail-page .canvas-library-panel{height:100%;display:flex;flex-direction:column;gap:20px;padding:28px 24px 22px;opacity:1;transform:translateX(0);pointer-events:auto;transition:min-width .26s cubic-bezier(.22,1,.36,1),padding .26s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1)}.prototype-canvas-detail-page .canvas-shell.library-closed .canvas-library-panel{min-width:0;padding-right:0;padding-left:0;opacity:0;pointer-events:none}.prototype-canvas-detail-page .canvas-shell.library-closed.right .canvas-library-panel{transform:translateX(20px)}.prototype-canvas-detail-page .canvas-shell.library-closed.left .canvas-library-panel{transform:translateX(-20px)}.prototype-canvas-detail-page .canvas-shell.library-closed .canvas-library-panel>*{opacity:0;transition:opacity .12s ease}.prototype-canvas-detail-page .canvas-shell.library-open .canvas-library-panel>*{opacity:1;transition:opacity .18s ease 80ms}.prototype-canvas-detail-page .canvas-library-header{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:start}.prototype-canvas-detail-page .canvas-library-heading h3{margin:0;color:#626b75;font-size:18px;font-weight:800}.prototype-canvas-detail-page .canvas-library-heading span{display:none}.prototype-canvas-detail-page .canvas-library-actions{display:inline-flex;gap:10px;align-items:center}.prototype-canvas-detail-page .canvas-library-actions .ghost-button{min-width:0;min-height:26px;padding:0 8px;background:transparent;color:#88929d;font-size:11px}.prototype-canvas-detail-page .canvas-library-actions .ghost-button.ant-btn{padding-inline:8px}.prototype-canvas-detail-page .canvas-library-actions .ghost-button:last-child{min-width:78px;background:#1279ff;color:#fff}.prototype-canvas-detail-page .canvas-library-toolbar{flex:0 0 auto}.prototype-canvas-detail-page .canvas-library-toolbar .canvas-chip{display:none}.prototype-canvas-detail-page .canvas-library-search{height:38px;display:block;border-radius:7px;background:hsla(0,0%,100%,.96)}.prototype-canvas-detail-page .canvas-library-search input{width:100%;height:38px;padding:0 42px 0 18px;border:0;outline:0;background:transparent;color:#637284;font-size:12px}.prototype-canvas-detail-page .canvas-library-stage{flex:1 1 auto;min-height:0;overflow:hidden}.prototype-canvas-detail-page .canvas-style-stage{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:auto minmax(260px,.9fr) minmax(0,1.1fr) auto;grid-gap:14px;gap:14px}.prototype-canvas-detail-page .canvas-style-summary{display:grid;grid-gap:4px;gap:4px;color:#7d8b9a;font-size:12px}.prototype-canvas-detail-page .canvas-style-summary strong{color:#314256;font-size:15px;font-weight:800}.prototype-canvas-detail-page .canvas-style-preview{min-height:0;padding:12px;border:1px solid rgba(18,121,255,.12);border-radius:12px;background:linear-gradient(180deg,hsla(0,0%,100%,.92),rgba(248,251,255,.96)),#f8fbff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.72)}.prototype-canvas-detail-page .canvas-style-controls{min-height:0;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(18,121,255,.36) transparent}.prototype-canvas-detail-page .canvas-style-controls::-webkit-scrollbar{width:7px}.prototype-canvas-detail-page .canvas-style-controls::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(18,121,255,.36)}.prototype-canvas-detail-page .canvas-style-group{padding:12px;border:1px solid rgba(18,121,255,.12);border-radius:12px;display:grid;grid-gap:10px;gap:10px;background:hsla(0,0%,100%,.84)}.prototype-canvas-detail-page .canvas-style-group h4{margin:0;color:#3d4e62;font-size:13px;font-weight:800}.prototype-canvas-detail-page .canvas-style-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;color:#637284;font-size:12px}.prototype-canvas-detail-page .canvas-style-select{width:100%}.prototype-canvas-detail-page .canvas-style-select .ant-select-selector{min-height:36px;border-radius:10px!important}.prototype-canvas-detail-page .canvas-style-row .ant-color-picker-trigger{min-width:124px;justify-content:space-between}.prototype-canvas-detail-page .canvas-style-slider{display:grid;grid-gap:8px;gap:8px;color:#637284;font-size:12px}.prototype-canvas-detail-page .canvas-style-actions{display:flex;justify-content:flex-end;gap:10px}.prototype-canvas-detail-page .canvas-style-actions .ant-btn{min-width:88px}.prototype-canvas-detail-page .canvas-library-page{height:100%;min-height:0;display:flex;flex-direction:column;gap:16px;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#1279ff rgba(18,121,255,.12)}.prototype-canvas-detail-page .canvas-library-page::-webkit-scrollbar{width:8px}.prototype-canvas-detail-page .canvas-library-page::-webkit-scrollbar-track{border-radius:999px;background:rgba(18,121,255,.12)}.prototype-canvas-detail-page .canvas-library-page::-webkit-scrollbar-thumb{border:2px solid hsla(0,0%,100%,.72);border-radius:999px;background:#1279ff}.prototype-canvas-detail-page .canvas-library-card{flex:0 0 auto;min-height:0;padding:6px;border:0;border-radius:12px;display:flex;flex-direction:column;background:hsla(0,0%,100%,.94);overflow:hidden}.prototype-canvas-detail-page .canvas-library-card .asset-preview{aspect-ratio:4/3;height:auto;max-height:320px;min-height:190px;display:grid;place-items:center}.prototype-canvas-detail-page .canvas-library-card .stats-shell{width:100%;height:100%}.canvas-publish-page{width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 18%,hsla(0,0%,100%,.85),transparent 26%),radial-gradient(circle at 76% 20%,hsla(0,0%,100%,.72),transparent 30%),linear-gradient(135deg,#dfefff,#f5fbff 48%,#dceeff);background-size:cover;background-position:50%;background-repeat:no-repeat}.canvas-publish-page .background-effects{opacity:.34}.canvas-publish-page .app-header{position:fixed;top:0;right:0;left:0;z-index:5;height:58px;padding:8px 34px 0;background:linear-gradient(180deg,rgba(8,27,48,.26),rgba(8,27,48,.04));box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.12)}.canvas-publish-page .prototype-publish-header{height:100%;position:relative;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center}.canvas-publish-page .header-title{color:var(--publish-theme-primary,#6cc3ff);font-size:18px;font-weight:900;letter-spacing:0;text-shadow:0 1px 10px rgba(4,22,42,.35)}.canvas-publish-page .header-side-addon{min-width:0;display:flex;align-items:center}.canvas-publish-page .header-side-addon-right{justify-content:flex-end}.canvas-publish-page .publish-clock,.canvas-publish-page .publish-weather{display:inline-flex;align-items:center;gap:8px;color:var(--publish-theme-text,hsla(0,0%,100%,.8));font-size:12px;font-weight:800;text-shadow:0 1px 8px rgba(4,22,42,.42)}.canvas-publish-page .publish-weather-humidity-icon,.canvas-publish-page .publish-weather-icon{width:8px;height:8px;border-radius:999px;background:var(--publish-theme-primary,#f5c84b);box-shadow:0 0 0 4px rgba(245,200,75,.14)}.canvas-publish-page .publish-weather-humidity-icon{background:var(--publish-theme-secondary,#58a8ff);box-shadow:0 0 0 4px rgba(88,168,255,.14)}.canvas-publish-page .publish-clock-time{color:var(--publish-theme-primary,hsla(0,0%,100%,.92));font-size:15px}.canvas-publish-page .publish-clock-date{color:var(--publish-theme-text,hsla(0,0%,100%,.64));font-size:11px}.canvas-publish-actions{position:fixed;top:68px;right:28px;z-index:8;display:inline-flex;gap:8px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.canvas-publish-actions.visible{opacity:1;transform:translateY(0);pointer-events:auto}.canvas-publish-action{min-height:32px;padding:0 14px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.84);color:#42607f;font-size:12px;font-weight:800;box-shadow:0 12px 28px rgba(64,116,170,.14)}.canvas-publish-action.primary{background:#1279ff;color:#fff}.canvas-publish-main{position:relative;z-index:1;width:100%;height:100vh;padding:58px 0 0}.canvas-publish-shell{width:100%;height:100%;min-height:0;position:relative;border:0;background:transparent;overflow:hidden}.canvas-publish-video-stage{position:absolute;inset:0;opacity:.16;pointer-events:none}.canvas-publish-city-video{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(1.18)}.canvas-publish-status{position:absolute;top:12px;left:50%;z-index:2;max-width:min(680px,80vw);padding:7px 12px;border-radius:999px;background:hsla(0,0%,100%,.72);color:#54708c;font-size:12px;font-weight:800;transform:translateX(-50%)}.canvas-publish-state{height:100%;display:grid;place-items:center}.canvas-publish-layout{height:100%;min-height:0;position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-flow:row dense;grid-gap:38px;gap:38px;padding:28px 64px}.canvas-publish-free-layout{position:relative;display:block;padding:0}.canvas-publish-free-layout .canvas-publish-card{position:absolute}.canvas-publish-card{min-width:0;min-height:0;padding:12px;border:1px solid hsla(0,0%,100%,.72);border-radius:10px;display:grid;grid-template-rows:34px minmax(0,1fr);background:hsla(0,0%,100%,.48);box-shadow:0 18px 42px rgba(80,131,184,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.canvas-publish-card .asset-header,.canvas-publish-card .asset-heading{min-width:0;display:flex;align-items:center}.canvas-publish-card .asset-heading{width:100%;min-height:26px;padding:0 14px;border-radius:7px;gap:9px;background:hsla(0,0%,100%,.9);box-shadow:0 10px 22px rgba(76,121,166,.09)}.canvas-publish-card .asset-heading:before{width:16px;height:16px;border-radius:999px;flex:0 0 auto;background:radial-gradient(circle,#fff 0 28%,transparent 29%),var(--publish-theme-primary,#1279ff);box-shadow:0 0 0 4px rgba(18,121,255,.12);content:""}.canvas-publish-card .asset-heading h3{min-width:0;margin:0;overflow:hidden;color:var(--publish-theme-text,#3e5a73);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.canvas-publish-card .canvas-embed{min-height:0;overflow:hidden}.canvas-publish-card .stats-shell{border:0;background:transparent}.canvas-publish-card .stats-chart,.canvas-publish-card .stats-shell{width:100%;height:100%;min-height:0}.canvas-publish-template-release{background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.52)),url(/assets/image/release-bg.png) 50% /cover no-repeat}.canvas-publish-template-releaseBlue{background:linear-gradient(rgba(3,12,25,.2),rgba(3,12,25,.32)),url(/assets/image/release-bg2.jpg) 50% /cover no-repeat}.canvas-publish-template-release .background-effects,.canvas-publish-template-release .canvas-publish-video-stage,.canvas-publish-template-releaseBlue .background-effects,.canvas-publish-template-releaseBlue .canvas-publish-video-stage{display:none}.canvas-publish-template-release .app-header,.canvas-publish-template-releaseBlue .app-header{height:58px;padding:8px 30px 0;background:transparent;box-shadow:none}.canvas-publish-release-top{position:fixed;top:0;right:0;left:0;z-index:4;width:100vw;height:58px;background:url(/assets/image/release-top.png) top/100% 58px no-repeat;pointer-events:none}.canvas-publish-template-releaseBlue .canvas-publish-release-top{background-image:url(/assets/image/release-top2.png)}.canvas-publish-template-release .header-title,.canvas-publish-template-releaseBlue .header-title{color:var(--publish-theme-primary,#fff);text-shadow:0 0 14px rgba(255,176,20,.48)}.canvas-publish-template-releaseBlue .header-title{color:#fff;text-shadow:0 0 14px rgba(78,168,255,.58)}.canvas-publish-template-release .header-side-addon{transform:translateY(14px)}.canvas-publish-template-releaseBlue .header-side-addon{transform:translateY(0)}.canvas-publish-template-release .publish-clock,.canvas-publish-template-release .publish-weather,.canvas-publish-template-releaseBlue .publish-clock,.canvas-publish-template-releaseBlue .publish-weather{color:var(--publish-theme-text,hsla(0,0%,100%,.86))}.canvas-publish-template-release .publish-weather-humidity-icon,.canvas-publish-template-release .publish-weather-icon,.canvas-publish-template-releaseBlue .publish-weather-humidity-icon,.canvas-publish-template-releaseBlue .publish-weather-icon{background:var(--publish-theme-primary,#ffae13);box-shadow:0 0 0 4px rgba(255,174,19,.18)}.canvas-publish-template-releaseBlue .publish-weather-humidity-icon,.canvas-publish-template-releaseBlue .publish-weather-icon{box-shadow:0 0 0 4px rgba(78,168,255,.18)}.canvas-publish-template-release .publish-clock-time,.canvas-publish-template-releaseBlue .publish-clock-time{color:var(--publish-theme-primary,#fff)}.canvas-publish-template-release .publish-clock-date,.canvas-publish-template-releaseBlue .publish-clock-date{color:var(--publish-theme-text,hsla(0,0%,100%,.64))}.canvas-publish-template-release .canvas-publish-layout,.canvas-publish-template-releaseBlue .canvas-publish-layout{gap:14px;padding:18px 30px 24px}.canvas-publish-template-release .canvas-publish-card,.canvas-publish-template-releaseBlue .canvas-publish-card{border:1px solid hsla(0,0%,100%,.12);border-radius:8px;background:rgba(80,80,80,.72);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-publish-template-releaseBlue .canvas-publish-card{border-color:rgba(120,180,240,.22);background:rgba(76,88,104,.72)}.canvas-publish-template-release .canvas-publish-card .asset-heading,.canvas-publish-template-releaseBlue .canvas-publish-card .asset-heading{min-height:26px;background:hsla(0,0%,100%,.94);box-shadow:none}.canvas-publish-template-release .canvas-publish-card .asset-heading:before,.canvas-publish-template-releaseBlue .canvas-publish-card .asset-heading:before{background:radial-gradient(circle,#fff 0 28%,transparent 29%),var(--publish-theme-primary,#ffae13);box-shadow:0 0 0 3px rgba(255,174,19,.24)}.canvas-publish-template-releaseBlue .canvas-publish-card .asset-heading:before{box-shadow:0 0 0 3px rgba(78,168,255,.24)}.canvas-publish-template-release .canvas-publish-card .asset-heading h3,.canvas-publish-template-releaseBlue .canvas-publish-card .asset-heading h3{color:var(--publish-theme-text,#4b4b4b)}.publish-mock-chart{width:100%;height:100%;min-height:0}.publish-mock-columns,.publish-mock-line-grid{display:grid;align-items:end;grid-gap:9px;gap:9px;padding:14px 18px}.publish-mock-columns{grid-template-columns:repeat(8,minmax(0,1fr))}.publish-mock-columns i{height:calc(var(--mock-value) * .55%);min-height:16px;border-radius:999px 999px 2px 2px;background:linear-gradient(180deg,var(--publish-theme-primary,#1279ff),var(--publish-theme-secondary,#8fc8ff))}.publish-mock-line-grid{height:calc(100% - 28px);position:relative;background:repeating-linear-gradient(180deg,transparent 0 24px,rgba(96,142,185,.12) 25px)}.publish-mock-line-grid i{position:absolute;left:10%;right:10%;height:3px;border-radius:999px;transform-origin:left center}.publish-mock-line-blue{top:44%;background:var(--publish-theme-primary,#1279ff);transform:rotate(-8deg)}.publish-mock-line-gold{top:58%;background:var(--publish-theme-secondary,#f2b84b);transform:rotate(6deg)}.publish-mock-legend,.publish-mock-line-legend{display:flex;flex-wrap:wrap;gap:8px;color:var(--publish-theme-text,#60758b);font-size:11px;font-weight:700}.publish-mock-pie,.publish-mock-ring{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;grid-gap:16px;gap:16px}.publish-mock-pie-visual,.publish-mock-ring-visual{width:min(190px,70%);aspect-ratio:1;margin:auto;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle,hsla(0,0%,100%,.92) 0 42%,transparent 43%),conic-gradient(var(--publish-theme-primary,#1279ff) 0 42%,var(--publish-theme-secondary,#5bbcff) 42% 68%,#f4c04d 68% 84%,#8fd3ff 84% 100%)}.publish-mock-ring-visual span{color:var(--publish-theme-primary,#1279ff);font-size:28px;font-weight:900}.publish-mock-bars,.publish-mock-list{display:grid;grid-gap:7px;gap:7px;padding:8px 4px}.publish-mock-bar-row,.publish-mock-list-row{display:grid;grid-template-columns:minmax(70px,.9fr) minmax(0,1fr) 38px;align-items:center;grid-gap:8px;gap:8px;color:var(--publish-theme-text,#5e7188);font-size:11px;font-weight:700}.publish-mock-bar-row i,.publish-mock-list-row i{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--publish-theme-secondary,#90caff),var(--publish-theme-primary,#1279ff));transform:scaleX(calc(var(--mock-value) / 100));transform-origin:left center}@media (max-height:820px),(max-width:1280px){.prototype-canvas-detail-page .page-body.canvas-page{padding:28px 26px}.prototype-canvas-detail-page .canvas-shell.library-open.right{grid-template-columns:minmax(0,1fr) 320px}.prototype-canvas-detail-page .canvas-shell.library-open.left{grid-template-columns:320px minmax(0,1fr)}.prototype-canvas-detail-page .canvas-shell.library-closed.right{grid-template-columns:minmax(0,1fr) 0}.prototype-canvas-detail-page .canvas-shell.library-closed.left{grid-template-columns:0 minmax(0,1fr)}.prototype-canvas-detail-page .canvas-editor-top{padding:26px 24px 0}.prototype-canvas-detail-page .canvas-editor-body{padding:12px 24px 24px}.prototype-canvas-detail-page .canvas-command-title{font-size:20px}.prototype-canvas-detail-page .canvas-dual-column-layout{gap:22px 28px}}@media (max-width:980px){.prototype-canvas-detail-page,.prototype-canvas-detail-page .page-body.canvas-page,.prototype-canvas-detail-page .prototype-home{height:auto;min-height:100vh;overflow:auto}.prototype-canvas-detail-page .prototype-home,.prototype-canvas-detail-page .prototype-home.sidebar-open,.prototype-canvas-detail-page .prototype-home.sidebar-rail{grid-template-columns:minmax(0,1fr)}.prototype-canvas-detail-page .canvas-shell,.prototype-canvas-detail-page .canvas-shell.library-closed.left,.prototype-canvas-detail-page .canvas-shell.library-closed.right,.prototype-canvas-detail-page .canvas-shell.library-open.left,.prototype-canvas-detail-page .canvas-shell.library-open.right{height:auto;grid-template-columns:minmax(0,1fr);overflow:visible}.prototype-canvas-detail-page .canvas-detail{height:auto}.prototype-canvas-detail-page .canvas-library-panel{height:min(720px,calc(100vh - 32px));min-height:520px}.prototype-canvas-detail-page .canvas-dual-column-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.prototype-canvas-detail-page .canvas-tile{min-height:220px}}.prototype-canvas-detail-page .canvas-editor-top{padding-top:26px}.prototype-canvas-detail-page .canvas-command-title{font-size:22px}