.canvas-tool-home{max-width:1320px;padding-bottom:70px}.canvas-tool-heading{align-items:center}.canvas-tool-heading-icon{width:72px;height:72px;color:var(--lime);background:linear-gradient(145deg,#173b30,#2e8065);border-radius:22px;place-items:center;display:grid;box-shadow:0 20px 45px #173b3033}.canvas-tool-heading-icon svg{width:30px}.canvas-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:35px;display:grid}.canvas-tool-card{background:#fff;border:1px solid #dce4df;border-radius:24px;min-width:0;transition:all .25s;overflow:hidden;box-shadow:0 12px 36px #1d3f310d}.canvas-tool-card:hover{border-color:#9dc8b4;transform:translateY(-4px);box-shadow:0 24px 55px #1d3f311f}.canvas-tool-preview{background-color:#eef4f0;background-image:radial-gradient(#c3d3ca 1px,#0000 1px);background-size:22px 22px;place-items:center;height:230px;display:grid;position:relative;overflow:hidden}.canvas-tool-card.enhanced .canvas-tool-preview{background-color:#142c24;background-image:linear-gradient(#7eb4991a 1px,#0000 1px),linear-gradient(90deg,#7eb4991a 1px,#0000 1px);background-size:25px 25px}.canvas-tool-icon{color:#267557;z-index:2;background:#fff;border-radius:20px;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 16px 45px #153d2d2e}.canvas-tool-card.enhanced .canvas-tool-icon{color:#173b30;background:#dfff9d}.canvas-tool-icon svg{width:29px}.canvas-tool-preview>em{color:#dfff9d;background:#173b30;border-radius:20px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:800;position:absolute;bottom:15px;left:17px}.canvas-tool-card.enhanced .canvas-tool-preview>em{color:#dff9ec;background:#ffffff1f;border:1px solid #ffffff1f}.ordinary-preview-nodes{position:absolute;inset:0}.ordinary-preview-nodes i{background:#ffffffe0;border:1px solid #c8d9d0;border-radius:11px;width:92px;height:58px;position:absolute;box-shadow:0 7px 18px #1f4b3814}.ordinary-preview-nodes i:first-child{top:18%;left:12%}.ordinary-preview-nodes i:nth-child(2){top:25%;right:11%}.ordinary-preview-nodes i:nth-child(3){bottom:14%;left:20%}.enhanced-preview-flow{justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.enhanced-preview-flow i{background:#ffffff1a;border:1px solid #dfff9d59;border-radius:10px;width:38px;height:38px}.enhanced-preview-flow b{border-top:1px dashed #8fd0ae;width:40px;height:1px}.canvas-tool-content{padding:25px 27px 28px}.canvas-tool-content>small{letter-spacing:.15em;color:var(--green2);font-size:9px;font-weight:800}.canvas-tool-content h2{letter-spacing:-.03em;align-items:center;margin:8px 0 10px;font-size:25px;display:flex}.canvas-tool-content h2 svg{color:#7a8b83;width:20px;margin-left:auto;transition:all .2s}.canvas-tool-card:hover h2 svg{color:var(--green);transform:translate(4px)}.canvas-tool-content>p{min-height:47px;color:var(--muted);margin:0;font-size:12px;line-height:1.75}.canvas-tool-content ul{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 0;padding:18px 0 0;list-style:none;display:grid}.canvas-tool-content li{color:#51625a;align-items:flex-start;gap:5px;font-size:8px;line-height:1.4;display:flex}.canvas-tool-content li svg{width:11px;height:11px;color:var(--green2);flex:none}.canvas-tool-storage-note{margin-top:24px}.canvas-tool-storage-note>svg:last-child{color:#70a38d;width:20px;margin-left:auto}.canvas-home-back{color:#6d7a74;align-items:center;gap:5px;width:max-content;margin-bottom:17px;font-size:10px;font-weight:700;display:flex}.canvas-home-back svg{width:14px}.canvas-project-home.enhanced .canvas-card-cover{color:#dfff9d;background-color:#173b30;background-image:linear-gradient(#d1f4e11a 1px,#0000 1px),linear-gradient(90deg,#d1f4e11a 1px,#0000 1px)}.canvas-project-home.enhanced .canvas-card-cover>svg{color:#173b30;background:#dfff9d}.canvas-studio-kind{color:var(--green);white-space:nowrap;background:#edf6f1;border-radius:18px;padding:5px 8px;font-size:8px;font-weight:800}.upstream-canvas-studio{background:#fff;width:100%;height:100dvh;overflow:hidden}.upstream-canvas-frame{background:#fff;border:0;width:100%;height:100%;display:block}.upstream-canvas-frame:focus{outline:none}.canvas-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-tool-card.comfyui .canvas-tool-preview{background-color:#1b1d22;background-image:radial-gradient(#4d535d 1px,#0000 1px);background-size:18px 18px}.canvas-tool-card.comfyui .canvas-tool-icon{color:#fff;background:#22252b;border:1px solid #5c626d;box-shadow:0 16px 45px #0000004d}.canvas-tool-card.comfyui .canvas-tool-preview>em{color:#16181c;background:#fff}.comfyui-preview-flow{justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.comfyui-preview-flow i{background:#292d34;border:1px solid #707783;border-radius:8px;width:48px;height:38px;box-shadow:inset 3px 0 #57a9ff}.comfyui-preview-flow i:nth-of-type(2){box-shadow:inset 3px 0 #9b74ff}.comfyui-preview-flow i:nth-of-type(3){box-shadow:inset 3px 0 #58c987}.comfyui-preview-flow b{border-top:2px solid #9299a5;border-radius:50%;width:28px;height:8px}.canvas-project-home.comfyui .canvas-card-cover{color:#fff;background-color:#1b1d22;background-image:radial-gradient(#4d535d 1px,#0000 1px);background-size:18px 18px}.canvas-project-home.comfyui .canvas-card-cover>svg{color:#fff;background:#292d34;border:1px solid #646b77}@media (max-width:1050px){.canvas-tool-grid{grid-template-columns:1fr 1fr}.canvas-tool-card.comfyui{grid-column:1/-1}}@media (max-width:720px){.canvas-tool-grid{grid-template-columns:1fr}.canvas-tool-card.comfyui{grid-column:auto}}.canvas-tool-heading-actions{align-items:center;gap:12px;display:flex}
:root{--ui-bg:#f7f8f4;--ui-surface:#fff;--ui-surface-subtle:#f4f7f4;--ui-text:#17251f;--ui-text-secondary:#627169;--ui-text-tertiary:#7b8881;--ui-border:#dce5df;--ui-border-soft:#e9eeeb;--ui-brand:#19543f;--ui-brand-strong:#123b2e;--ui-brand-soft:#e8f4ed;--ui-warning:#8a6116;--ui-danger:#a44439;--ui-radius-sm:10px;--ui-radius-md:14px;--ui-radius-lg:18px;--ui-shadow:0 12px 34px #14312612;--ui-control-height:42px}html{background:var(--ui-bg);font-size:16px}body{background:var(--ui-bg);color:var(--ui-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.55}.app-content small{line-height:1.5;font-size:12px!important}.app-content :where(button,input,textarea,select){font-size:13px}button,input,textarea,select{font-size:14px;line-height:1.4}button,a,input,textarea,select{transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s}:where(button,a,input,textarea,select):focus-visible{outline-offset:2px;outline:3px solid #2e806533}.app-shell{--shell-sidebar-width:256px;grid-template-columns:256px minmax(0,1fr)}.sidebar{z-index:60;background:#122c23;padding:26px 18px 22px;box-shadow:8px 0 28px #112a2212}.sidebar-brand{gap:12px;padding:0 8px 24px}.sidebar-brand .brand-mark{border-radius:13px;width:42px;height:42px}.sidebar-brand>span:last-child{font-size:17px;line-height:1.25}.sidebar-brand small{color:#9ab0a7;letter-spacing:.02em;margin-top:4px;font-size:12px}.sidebar nav{gap:7px;margin-top:22px}.sidebar nav a,.sidebar nav .sidebar-listing-item>button{color:#b8c8c1;border-radius:11px;gap:12px;height:auto;min-height:46px;padding:11px 14px;font-size:15px;line-height:1.35}.sidebar nav a:hover,.sidebar nav a.active,.sidebar nav .sidebar-listing-item>button:hover,.sidebar nav .sidebar-listing-item>button.active,.sidebar nav .sidebar-listing-item>button[aria-expanded=true]{color:#efffcf;background:#dfff9d1f}.sidebar nav .sidebar-listing-item>button[aria-expanded=true]{background:#dfff9d26;box-shadow:inset 3px 0 #cbe889}.sidebar-tip{border-radius:14px;padding:16px}.sidebar-tip b,.sidebar-user b{font-size:14px}.sidebar-tip p,.sidebar-user small{color:#9aafa7;font-size:12px;line-height:1.55}.sidebar-quota{padding:13px}.sidebar-quota b,.sidebar-quota small{font-size:12px}.sidebar-quota strong{font-size:15px}.sidebar-user{gap:11px}.sidebar-user>span{width:38px;height:38px;font-size:15px}.page-wrap{max-width:1480px;padding:46px clamp(28px,4vw,64px) 76px}.page-header{gap:24px;margin-bottom:32px}.page-header h1{letter-spacing:-.035em;margin:8px 0 7px;font-size:clamp(30px,2.4vw,38px);line-height:1.15}.page-header p,.hero-strip p,.empty-state p{color:var(--ui-text-secondary);font-size:15px;line-height:1.65}.eyebrow{letter-spacing:.14em;font-size:12px}.primary-button,.secondary-button{border-radius:11px;min-height:44px;font-size:14px}.primary-button{background:var(--ui-brand-strong)}.primary-button.compact,.secondary-button.compact{height:40px;min-height:40px}.section-title h2,.pdd-panel-title h2{font-size:20px}.section-title span,.pdd-panel-title p{font-size:13px;line-height:1.55}.project-grid{gap:20px}.project-card h3{font-size:16px}.project-metrics{font-size:13px}.project-time,.status-pill{font-size:12px}.listing-menu-backdrop{left:var(--shell-sidebar-width);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000000b}.listing-flyout{left:calc(var(--shell-sidebar-width) + 14px);border-radius:20px;width:390px;box-shadow:0 26px 80px #0d271d33}.listing-flyout>header{padding:18px}.listing-flyout>header b,.listing-flyout section>a b,.listing-platform-title b,.listing-flyout nav>a b{font-size:14px}.listing-flyout>header small,.listing-flyout section>a small,.listing-platform-title small,.listing-flyout nav>a small{font-size:12px;line-height:1.45}.listing-flyout h3{color:#5c6f66;margin-bottom:10px;font-size:12px;font-weight:750}.listing-flyout section>a,.listing-flyout nav>a{min-height:58px;padding:10px 12px}.sidebar .listing-flyout section>a,.sidebar .listing-flyout nav>a{color:#203d32}.sidebar .listing-flyout section>a b,.sidebar .listing-flyout nav>a b,.sidebar .listing-platform-title b{color:#203d32;font-weight:750}.sidebar .listing-flyout section>a small,.sidebar .listing-flyout nav>a small,.sidebar .listing-platform-title small{color:#5c6f66}.listing-platform-title{padding:12px}.dialog-card{border:1px solid var(--ui-border-soft);border-radius:20px;box-shadow:0 28px 90px #07151040}.dialog-card h2{font-size:24px}.dialog-card>p,.dialog-field,.dialog-card label{font-size:14px}.dialog-field input,.dialog-card input,.dialog-card select,.dialog-card textarea{min-height:var(--ui-control-height);font-size:14px}.app-content :where(.status-pill,.job-status,.pdd-task-execution-mode){line-height:1.3;font-size:12px!important}.app-content :where(.pdd-panel,.dialog-card,.project-card,.listing-workspace,.archive-workspace) small{line-height:1.5;font-size:12px!important}.app-content :where(.pdd-panel,.dialog-card,.project-card,.listing-workspace,.archive-workspace) input,.app-content :where(.pdd-panel,.dialog-card,.project-card,.listing-workspace,.archive-workspace) select,.app-content :where(.pdd-panel,.dialog-card,.project-card,.listing-workspace,.archive-workspace) textarea,.app-content :where(.pdd-panel,.dialog-card,.project-card,.listing-workspace,.archive-workspace) button{font-size:13px}.pdd-listing-device-overview{border-color:var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);margin-bottom:22px;padding:20px;box-shadow:0 6px 24px #14312609}.pdd-security b{font-size:13px}.pdd-security small{font-size:12px}.pdd-listing-tabs{border-radius:13px;gap:6px;padding:5px}.pdd-listing-tabs button{height:40px;padding:0 15px;font-size:13px}.pdd-listing-device-overview>header{margin-bottom:16px}.pdd-listing-device-overview>header>div{gap:12px}.pdd-listing-device-overview>header>div>span{border-radius:12px;width:42px;height:42px}.pdd-listing-device-overview>header svg{width:19px;height:19px}.pdd-listing-device-overview>header b{font-size:16px}.pdd-listing-device-overview>header small{font-size:12px}.pdd-listing-device-overview>header>i{padding:7px 11px;font-size:12px}.pdd-listing-device-cards{grid-auto-columns:minmax(300px,370px);gap:12px;padding-bottom:8px}.pdd-listing-device-card{border-radius:13px;grid-template-rows:auto auto minmax(64px,auto) auto;gap:12px;padding:15px}.pdd-listing-device-card>header{gap:10px}.pdd-listing-device-card>header>span{width:38px;height:38px}.pdd-listing-device-card>header b{font-size:14px}.pdd-listing-device-card>header small,.pdd-listing-device-card>header>i{font-size:12px}.pdd-listing-device-card>header>i{padding:5px 8px}.pdd-listing-device-meta{gap:8px}.pdd-listing-device-meta>span{gap:3px;padding:9px 10px}.pdd-listing-device-meta small,.pdd-listing-device-meta b{font-size:12px}.pdd-listing-device-job,.pdd-listing-device-idle{padding:11px}.pdd-listing-device-job b,.pdd-listing-device-idle b{font-size:13px}.pdd-listing-device-job small,.pdd-listing-device-idle small{font-size:12px}.pdd-listing-device-card>footer{padding-top:9px;font-size:12px}.pdd-listing-stats{gap:14px;margin-bottom:22px}.pdd-listing-stats>div{border-radius:15px;column-gap:13px;min-height:82px;padding:18px}.pdd-listing-stats>div>span{border-radius:12px;width:44px;height:44px}.pdd-listing-stats small{font-size:13px}.pdd-listing-stats b{font-size:24px}.pdd-task-assistance{border-radius:13px;gap:13px;margin-bottom:16px;padding:15px 17px}.pdd-task-assistance b{font-size:14px}.pdd-task-assistance small{font-size:12px}.pdd-task-assistance button{height:38px;padding:0 14px;font-size:13px}.pdd-task-center{border-radius:var(--ui-radius-lg);box-shadow:0 8px 26px #1431260a}.pdd-task-center>.pdd-panel-title{padding:22px 24px}.pdd-task-title-actions{gap:9px}.pdd-task-title-actions button{height:40px!important;padding-inline:14px!important}.pdd-task-filters{grid-template-columns:minmax(280px,1fr) 180px 230px;gap:12px;padding:16px 24px}.pdd-task-filters label svg{width:16px;top:13px;left:13px}.pdd-task-filters input,.pdd-task-filters select{border-radius:10px;height:42px;padding-inline:12px;font-size:13px}.pdd-task-filters input{padding-left:40px}.pdd-task-batch-bar{gap:14px;min-height:50px;padding:10px 24px;font-size:13px}.pdd-task-batch-bar input,.pdd-task-check input{width:18px;height:18px}.pdd-task-batch-bar button{height:36px;padding:0 13px;font-size:13px}.pdd-listing-task{border-bottom-color:var(--ui-border-soft);grid-template-columns:24px minmax(0,1fr) 126px;gap:17px;padding:22px 24px}.pdd-listing-task:hover{background:#fafdfa}.pdd-task-main{gap:13px}.pdd-task-main>header>span{gap:6px}.pdd-task-main>header b{font-size:16px;line-height:1.4}.pdd-task-main>header small{font-size:12px}.pdd-task-execution-mode{padding:4px 8px}.pdd-task-error{border-radius:9px;padding:10px 12px;font-size:13px;line-height:1.55}.pdd-task-progress{grid-template-columns:1fr 48px;gap:11px}.pdd-task-progress>span,.pdd-task-detail-progress>span{height:7px}.pdd-task-progress>b{font-size:12px}.pdd-task-main>footer{gap:20px}.pdd-task-main>footer small{font-size:12px}.pdd-task-main>footer b{font-size:13px}.pdd-task-actions{gap:7px;min-width:126px}.pdd-task-actions button{border-radius:8px;gap:6px;height:34px;padding:0 10px;font-size:12px}.pdd-task-actions button svg{width:13px}.pdd-task-pagination,.pdd-data-pagination{padding:16px 24px}.pdd-task-pagination>span,.pdd-data-pagination>span{font-size:12px}.pdd-task-pagination button,.pdd-data-pagination button{border-radius:8px;min-width:34px;height:34px;font-size:12px}.pdd-assistance-toast{gap:12px;width:min(430px,100vw - 32px);padding:18px}.pdd-assistance-toast b{font-size:15px}.pdd-assistance-toast small,.pdd-assistance-toast p{font-size:13px}.pdd-assistance-toast>footer button{height:38px;font-size:13px}.pdd-bundle-list-head,.pdd-product-record-head,.audit-head{min-height:46px;font-size:12px}.pdd-bundle-row,.pdd-product-records>article,.audit-row{min-height:78px}.pdd-bundle-row b,.pdd-product-records b,.audit-row b{font-size:14px}.pdd-bundle-row small,.pdd-product-records small,.pdd-bundle-row time,.pdd-product-records time,.audit-row small{font-size:12px}.pdd-row-actions button,.pdd-back-button{min-height:34px;font-size:12px}@media (max-width:1100px){.app-shell{--shell-sidebar-width:224px;grid-template-columns:224px minmax(0,1fr)}.listing-flyout{left:calc(var(--shell-sidebar-width) + 14px)}.pdd-task-filters{grid-template-columns:1fr 1fr}.pdd-task-filters label{grid-column:1/-1}}@media (max-width:760px){.app-shell{--shell-sidebar-width:64px;grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:16px 10px}.sidebar-brand{justify-content:center;padding-inline:0}.sidebar-brand>span:last-child,.sidebar-tip,.sidebar-quota>span:last-child,.sidebar-user>div{display:none}.sidebar nav a,.sidebar nav .sidebar-listing-item>button{justify-content:center;width:44px;min-height:44px;padding:0;font-size:0}.page-wrap{padding:28px 18px 56px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:30px}.listing-flyout{width:auto;left:10px}.listing-menu-backdrop{left:var(--shell-sidebar-width)}.pdd-listing-stats{grid-template-columns:1fr 1fr}.pdd-listing-device-overview,.pdd-task-center>.pdd-panel-title,.pdd-task-filters,.pdd-listing-task{padding-inline:16px}.pdd-listing-device-cards{grid-auto-columns:minmax(280px,86vw)}.pdd-task-filters{grid-template-columns:1fr}.pdd-task-filters label{grid-column:auto}.pdd-listing-task{grid-template-columns:24px minmax(0,1fr)}.pdd-task-actions{flex-flow:wrap;grid-column:2}.pdd-task-actions button{min-width:104px}}