:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ref-white:#fff;--ref-black:#000;--ref-neutral-50:#fafafa;--ref-neutral-100:#f2f2f2;--ref-neutral-200:#e0e0e0;--ref-neutral-300:#bcbcbc;--ref-neutral-500:#595959;--ref-neutral-700:#333;--ref-neutral-800:#1c1c1c;--ref-neutral-900:#111;--ref-dark-50:#f5f5f5;--ref-dark-200:#bdbdbd;--ref-dark-400:gray;--ref-dark-600:#484848;--ref-dark-700:#333;--ref-dark-800:#292929;--ref-dark-900:#1c1c1c;--ref-dark-950:#111;--background:var(--lightningcss-light,var(--ref-neutral-100))var(--lightningcss-dark,var(--ref-dark-950));--foreground:var(--lightningcss-light,var(--ref-neutral-900))var(--lightningcss-dark,var(--ref-dark-50));--card:var(--lightningcss-light,var(--ref-white))var(--lightningcss-dark,var(--ref-dark-900));--card-foreground:var(--foreground);--popover:var(--lightningcss-light,var(--ref-white))var(--lightningcss-dark,var(--ref-dark-800));--popover-foreground:var(--foreground);--primary:var(--lightningcss-light,var(--ref-black))var(--lightningcss-dark,var(--ref-white));--primary-foreground:var(--lightningcss-light,var(--ref-white))var(--lightningcss-dark,var(--ref-black));--primary-hover:var(--lightningcss-light,var(--ref-neutral-700))var(--lightningcss-dark,var(--ref-neutral-200));--secondary:var(--lightningcss-light,var(--ref-neutral-100))var(--lightningcss-dark,var(--ref-dark-700));--secondary-foreground:var(--foreground);--muted:var(--lightningcss-light,var(--ref-neutral-50))var(--lightningcss-dark,var(--ref-dark-800));--muted-foreground:var(--lightningcss-light,var(--ref-neutral-500))var(--lightningcss-dark,var(--ref-dark-200));--accent:var(--primary);--accent-foreground:var(--primary-foreground);--accent-hover:var(--primary-hover);--selected:var(--lightningcss-light,var(--ref-neutral-200))var(--lightningcss-dark,var(--ref-dark-600));--selected-foreground:var(--foreground);--hover:var(--lightningcss-light,var(--ref-neutral-100))var(--lightningcss-dark,var(--ref-dark-700));--destructive:var(--foreground);--border:var(--lightningcss-light,var(--ref-neutral-200))var(--lightningcss-dark,var(--ref-dark-600));--border-strong:var(--lightningcss-light,var(--ref-neutral-300))var(--lightningcss-dark,var(--ref-dark-400));--window-background:color-mix(in oklab, var(--card) 90%, transparent);--window-border:color-mix(in oklab, var(--border) 60%, transparent);--input:var(--border);--ring:var(--foreground);--sidebar:var(--card);--sidebar-foreground:var(--foreground);--sidebar-border:var(--border);--canvas:var(--lightningcss-light,var(--ref-neutral-100))var(--lightningcss-dark,var(--ref-dark-950));--canvas-dot:var(--lightningcss-light,var(--ref-neutral-300))var(--lightningcss-dark,var(--ref-dark-600));--activity-log-foreground:var(--muted-foreground);--page:var(--lightningcss-light,var(--ref-neutral-50))var(--lightningcss-dark,var(--ref-dark-950));--success:var(--foreground);--shadow:var(--lightningcss-light,#00000015)var(--lightningcss-dark,#00000040);--shadow-heavy:var(--lightningcss-light,#00000040)var(--lightningcss-dark,#00000080);--backdrop:var(--lightningcss-light,#00000050)var(--lightningcss-dark,#00000080);--toast:var(--ref-neutral-800);--toast-foreground:var(--ref-neutral-50);--selection:var(--ref-black);--selection-foreground:var(--ref-white);--handle:var(--ref-white);--artwork-placeholder:var(--ref-neutral-200);--artwork-placeholder-text:var(--ref-neutral-500);--feature-background:var(--ref-black);--feature-surface:var(--ref-neutral-800);--feature-raised:var(--ref-neutral-700);--feature-text:var(--ref-neutral-50);--feature-muted:var(--ref-dark-200);--feature-border:var(--ref-dark-600)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-control{border:1px solid var(--border);background:var(--card);height:34px;color:var(--muted-foreground);cursor:pointer;font-size:var(--font-size-ui);border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:0 8px;line-height:1;display:inline-flex;position:relative}.theme-control:hover{background:var(--hover)}.theme-control:focus-within{outline:2px solid var(--ring);outline-offset:3px}.theme-control select{color:inherit;cursor:pointer;font-size:var(--font-size-ui);background:0 0;border:0;padding:3px 0}.theme-control select option{background:var(--popover);color:var(--foreground)}.theme-control select:focus-visible{outline:none}@media (width<=1100px){.theme-control{justify-content:center;width:32px;height:32px;padding:0}.theme-control select{opacity:0;width:100%;height:100%;position:absolute;inset:0}}@media (width<=560px){.editor .brand>span{display:none}}@media (width<=420px){.mk-header .mk-brand>span:last-child{display:none}}:root{--radius:.5rem;--font-sans:Arial, Helvetica, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--font-size-ui:14px;--font-size-ui-small:12px}*{box-sizing:border-box}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;font-size:var(--font-size-ui);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}input,textarea,select{min-width:0;color:inherit;outline:none}button:hover{background:var(--hover)}button:disabled:hover{background:0 0}.editor{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--window-border);background:var(--window-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;align-items:center;gap:24px;height:66px;min-height:66px;padding:0 22px 0 20px;display:flex}.brand{letter-spacing:-.6px;flex-shrink:0;align-items:center;gap:9px;width:195px;font-size:18px;font-weight:700;display:flex}.brand-mark{width:32px;height:32px;color:inherit;flex-shrink:0;display:block}.brand-symbol{width:30px;height:30px}.brand-wordmark,.loading-state .brand-wordmark{letter-spacing:0;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica,Arial,sans-serif;font-weight:700}.project-title{font-size:var(--font-size-ui);align-items:center;gap:13px;min-width:0;display:flex}.project-title>span{color:var(--muted-foreground)}.project-title button{max-width:250px;padding:6px}.version-label{font-size:var(--font-size-ui-small);letter-spacing:1.2px;color:var(--muted-foreground);margin-left:auto}.connect-button{background:var(--primary);height:35px;color:var(--primary-foreground);font-size:var(--font-size-ui);border-radius:7px;padding:0 14px}.connect-button:hover{background:var(--primary-hover)}.editor-body{flex:1;min-height:0;display:flex}.left-panel,.right-panel{background:var(--window-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;flex-direction:column;flex-shrink:0;width:228px;display:flex}.left-panel{border-right:1px solid var(--window-border)}.right-panel{border-left:1px solid var(--window-border);width:256px;overflow-y:auto}.panel-tabs{border-bottom:1px solid var(--border);align-items:stretch;gap:23px;height:51px;min-height:51px;padding:0 20px;display:flex}.panel-tabs button{font-size:var(--font-size-ui);color:var(--muted-foreground);padding:0 0 2px;position:relative}.panel-tabs button.active{color:var(--foreground);font-weight:600}.panel-tabs button.active:after{content:"";background:var(--foreground);height:2px;position:absolute;bottom:-1px;left:0;right:0}.panel-heading{font-size:var(--font-size-ui-small);letter-spacing:1.1px;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:24px 20px 12px;font-weight:600;display:flex}.panel-heading button{padding:1px}.page-title{background:var(--muted);font-size:var(--font-size-ui);border-radius:6px;align-items:center;gap:9px;margin:0 10px 21px;padding:11px 15px;font-weight:500;display:flex}.layers{flex:1;padding-bottom:20px;overflow-y:auto}.layer{width:100%;height:34px;font-size:var(--font-size-ui);color:var(--muted-foreground);text-align:left;white-space:nowrap;justify-content:flex-start;gap:7px;padding:0 15px;display:flex}.layer span{text-overflow:ellipsis;overflow:hidden}.layer.selected{background:var(--selected);color:var(--selected-foreground)}.left-bottom{border-top:1px solid var(--border);padding:23px 21px 25px}.small-label{font-size:var(--font-size-ui-small);letter-spacing:1.2px;color:var(--muted-foreground);font-weight:700}.left-bottom p{letter-spacing:-.3px;margin:12px 0 8px;font-size:17px;line-height:1.5}.left-bottom>span:last-child{color:var(--muted-foreground);font-size:var(--font-size-ui-small)}.canvas-area{background-color:var(--canvas);background-image:radial-gradient(circle, var(--canvas-dot) 1px, transparent 1px);touch-action:none;background-size:16px 16px;flex:1;min-width:0;position:relative;overflow:hidden}.canvas-heading{font-size:var(--font-size-ui);color:var(--muted-foreground);pointer-events:none;z-index:10;justify-content:space-between;display:flex;position:absolute;top:23px;left:27px;right:27px}.canvas-heading span:last-child{font-size:var(--font-size-ui)}.initial-canvas{justify-content:center;align-items:center;padding-bottom:60px;display:flex;position:absolute;inset:0}.initial-stage{transform-origin:50%;flex-shrink:0;width:868px;height:434px;margin-right:372px;position:relative;transform:scale(.7)}.frame-caption{height:20px;font-size:var(--font-size-ui);color:var(--muted-foreground);white-space:nowrap;pointer-events:none;justify-content:space-between;align-items:center;font-weight:400;display:flex;position:absolute;top:-29px;left:0;right:0}.frame-caption span:last-child{font-family:var(--font-mono);font-size:var(--font-size-ui);opacity:.8}.root-frame{box-shadow:0 6px 25px var(--shadow)}.element-selected{outline:1.5px solid var(--selection);box-shadow:0 0 0 3px var(--handle)}.selection-corner{background:var(--handle);border:1px solid var(--selection);width:7px;height:7px;box-shadow:0 0 0 1px var(--handle);z-index:100;padding:0;position:absolute}.selection-corner.tl{top:-4px;left:-4px}.selection-corner.tr{top:-4px;right:-4px}.selection-corner.bl{bottom:-4px;left:-4px}.selection-corner.br{cursor:nwse-resize;bottom:-4px;right:-4px}.selection-size{background:var(--selection);color:var(--selection-foreground);white-space:nowrap;font-size:var(--font-size-ui);z-index:100;border-radius:3px;padding:0 5px;line-height:20px;position:absolute;bottom:-27px;left:50%;transform:translate(-50%)}.canvas-toolbar{background:var(--window-background);border:1px solid var(--window-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 5px 18px var(--shadow);z-index:15;border-radius:11px;align-items:center;gap:5px;padding:7px;display:flex;position:absolute;bottom:49px;left:50%;transform:translate(-50%)}.canvas-toolbar button{width:36px;height:36px;color:var(--muted-foreground);border-radius:6px}.canvas-toolbar button.tool-active{background:var(--accent);color:var(--accent-foreground)}.canvas-footer{color:var(--muted-foreground);font-size:var(--font-size-ui);pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:17px;left:23px;right:23px}.canvas-footer>*{pointer-events:auto}.inspector-section{border-bottom:1px solid var(--border);padding:22px 19px}.inspector-section .panel-heading{padding:0 0 17px}.inspector-section>svg{color:var(--muted-foreground);margin-bottom:10px}.inspector-section h3{letter-spacing:-.25px;margin:3px 0 10px;font-size:16px;font-weight:500;line-height:1.5}.inspector-section p{font-size:var(--font-size-ui);color:var(--muted-foreground);margin:7px 0;line-height:1.6}.color-row{border:1px solid var(--border);font-size:var(--font-size-ui);border-radius:5px;align-items:center;gap:9px;padding:8px;display:flex}.color-preview{border:1px solid var(--shadow);border-radius:3px;width:20px;height:20px}.color-row>span:last-child{color:var(--muted-foreground);margin-left:auto}kbd{border:1px solid var(--border);background:var(--muted);min-width:21px;height:21px;font-size:var(--font-size-ui);color:var(--muted-foreground);border-radius:4px;justify-content:center;align-items:center;margin-right:9px;display:inline-flex}.image-placeholder{background:var(--artwork-placeholder);width:100%;height:100%;color:var(--artwork-placeholder-text);justify-content:center;align-items:center;display:flex}.canvas-image{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.canvas-image img{object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .16s}.canvas-image[data-status=loaded] img{opacity:1}.image-loading-placeholder{background:var(--muted);position:absolute;inset:0;overflow:hidden}.image-loading-placeholder span{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 10%, transparent), transparent);width:45%;animation:1.15s ease-in-out infinite image-loading-sweep;position:absolute;inset:0}@keyframes image-loading-sweep{0%{transform:translate(-110%)}to{transform:translate(330%)}}@media (prefers-reduced-motion:reduce){.image-loading-placeholder span{animation:none}}.design-element{-webkit-user-select:none;user-select:none;touch-action:none}@media (width>=1600px){.left-panel{width:248px}.right-panel{width:280px}.brand{width:215px}}@media (width<=1100px){.version-label{display:none}.connect-button{margin-left:auto}.left-panel{width:200px}.right-panel{width:225px}.brand{width:167px}.project-title{font-size:var(--font-size-ui)}}@media (width<=800px){.right-panel{display:none}.left-panel{width:190px}.topbar{gap:13px;padding:0 15px}.brand{width:auto;font-size:16px}.project-title{margin-left:auto}.project-title>span,.project-title>svg{display:none}.connect-button{gap:0;width:36px;padding:0;font-size:0}.version-label,.left-bottom{display:none}}@media (width<=560px){.left-panel{display:none}.project-title{font-size:var(--font-size-ui);gap:3px}.project-title button{max-width:130px}.topbar{height:58px;min-height:58px}.canvas-heading{left:18px;right:18px}.canvas-footer{left:15px;right:15px}.canvas-toolbar{bottom:51px}.canvas-toolbar button{width:33px}}.project-picker>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.save-status{color:var(--muted-foreground);font-size:var(--font-size-ui);align-items:center;gap:5px;margin-right:10px;display:flex}.icon-button{width:30px;height:32px;color:var(--muted-foreground);border-radius:5px}.canvas-stage{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.pf-review[data-native-navigation=true],.canvas-area[data-native-navigation=true],.pf-playback-canvas[data-native-navigation=true]{touch-action:manipulation}.canvas-native-scroll{z-index:0;touch-action:manipulation;overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.canvas-native-plane{position:relative;overflow:hidden}.canvas-native-scroll .design-element,.canvas-native-scroll .design-element *{touch-action:manipulation}.canvas-heading>div{align-items:center;gap:13px;display:flex}.canvas-heading-divider{color:var(--muted-foreground)}.canvas-heading{pointer-events:none}.canvas-heading button{pointer-events:auto}.history-actions{gap:5px!important}.history-actions button{border-radius:5px;width:27px;height:27px}.canvas-heading .history-actions svg{color:var(--muted-foreground)}.pan-cursor,.pan-cursor *{cursor:grab!important}.pan-cursor:active,.pan-cursor:active *{cursor:grabbing!important}.toolbar-divider{background:var(--border);width:1px;height:21px;margin:0 3px}.zoom-controls{background:var(--canvas);border:1px solid var(--border);border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.zoom-controls button{min-width:25px;height:23px;font-size:var(--font-size-ui);border-radius:3px}.zoom-controls button:nth-child(2){width:40px}.zoom-controls>span{background:var(--border);width:1px;height:12px;margin:0 3px}.canvas-hint{align-self:center}.page-title{justify-content:flex-start;width:calc(100% - 20px);margin-bottom:15px}.page-title>span{color:var(--muted-foreground);font-size:var(--font-size-ui-small);margin-left:auto}.layer-row{height:36px;color:var(--muted-foreground);align-items:center;gap:4px;padding-right:10px;display:flex}.layer-row:hover{background:var(--hover)}.layer-row.selected{background:var(--selected);color:var(--selected-foreground)}.layer-row.hidden-layer{opacity:.5}.collapse-toggle{flex-shrink:0;width:12px;height:26px;padding:0}.layer-select{text-align:left;min-width:0;height:100%;font-size:var(--font-size-ui);flex:1;justify-content:flex-start;gap:8px;padding:0}.layer-select span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-select svg{flex-shrink:0}.layer-eye{opacity:0;padding:2px}.layer-row:hover .layer-eye,.layer-row.selected .layer-eye,.hidden-layer .layer-eye{opacity:.7}.layer-eye:focus-visible{opacity:1}.layers{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.agent-link{color:var(--muted-foreground);font-size:var(--font-size-ui);gap:5px;padding:0}.left-bottom{padding-top:21px;padding-bottom:24px}.connection-status{border-top:1px solid var(--border);font-size:var(--font-size-ui-small);color:var(--muted-foreground);align-items:center;gap:6px;padding:12px 17px;display:flex}.status-indicator{background:var(--border-strong);border-radius:50%;width:5px;height:5px}.status-indicator.online{background:var(--success)}.revision{font-family:var(--font-mono);font-size:var(--font-size-ui-small);color:var(--muted-foreground);margin-left:auto}.inspector-intro{padding-top:28px;padding-bottom:29px}.intro-mark{background:var(--muted);width:37px;height:37px;color:var(--muted-foreground);border-radius:10px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.inspector-intro h3{letter-spacing:-.45px;margin-bottom:12px;font-size:19px;font-weight:500;line-height:1.45}.inspector-intro p{font-size:var(--font-size-ui);line-height:1.8}.field{background:var(--muted);border:1px solid var(--border);min-width:0;font-size:var(--font-size-ui);border-radius:5px;align-items:center;gap:7px;min-height:38px;padding:8px;display:flex}.field>span{color:var(--muted-foreground);white-space:nowrap;font-size:var(--font-size-ui-small)}.field input,.field select{width:100%;font-size:var(--font-size-ui);background:0 0;border:0;outline:0;height:20px;padding:0}.field select{font-size:var(--font-size-ui)}.field:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 15%, transparent)}.field input[type=number]{appearance:textfield}.field input::-webkit-inner-spin-button{display:none}.field-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.selection-heading{padding-top:20px;padding-bottom:18px}.selection-heading>div{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.selection-heading>div button{color:var(--muted-foreground);padding:2px}.element-type{text-transform:capitalize;font-size:var(--font-size-ui);font-weight:600}.text-editor{resize:vertical;border:1px solid var(--border);background:var(--muted);width:100%;min-height:83px;font-size:var(--font-size-ui);border-radius:5px;margin-bottom:10px;padding:10px;line-height:1.6}.text-editor:focus{border-color:var(--ring)}.segmented{background:var(--muted);border-radius:5px;gap:3px;margin-top:10px;padding:3px;display:flex}.segmented button{text-transform:capitalize;font-size:var(--font-size-ui);color:var(--muted-foreground);border-radius:3px;flex:1;padding:6px 0}.segmented button.active{color:var(--selected-foreground);background:var(--card);box-shadow:0 1px 3px var(--shadow)}.color-field{font-size:var(--font-size-ui-small);color:var(--muted-foreground);flex-direction:column;gap:7px;margin-bottom:12px;display:flex}.color-field>div{border:1px solid var(--border);background:var(--muted);border-radius:5px;align-items:center;gap:7px;padding:6px 8px;display:flex}.color-field input[type=color]{cursor:pointer;background:0 0;border:0;width:21px;height:21px;padding:0}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:1px solid var(--shadow);border-radius:3px}.color-field input:not([type=color]){width:100%;font-family:var(--font-mono);font-size:var(--font-size-ui);background:0 0;border:0}.action-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.action-grid button{font-size:var(--font-size-ui);border:1px solid var(--border);border-radius:4px;gap:6px;padding:8px 3px}.danger{color:var(--destructive)}.element-id{font-size:var(--font-size-ui-small);color:var(--muted-foreground);overflow-wrap:anywhere;line-height:1.8}.insert-panel{flex:1;padding:18px}.insert-panel>p{color:var(--muted-foreground);margin:5px 0 22px;font-size:15px;line-height:1.6}.insert-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.insert-grid button{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:7px;flex-direction:column;gap:13px;padding:20px 4px}.insert-grid button:hover{background:var(--hover);border-color:var(--border-strong)}.insert-grid span{text-transform:capitalize;font-size:var(--font-size-ui)}.activity-panel .panel-heading{padding-top:23px}.activity-item{border-bottom:1px solid var(--border);gap:10px;padding:15px 20px;display:flex}.activity-icon{background:var(--muted);width:27px;height:27px;color:var(--muted-foreground);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-item strong{font-size:var(--font-size-ui);font-weight:600}.activity-item p{font-size:var(--font-size-ui);color:var(--muted-foreground);overflow-wrap:anywhere;margin:5px 0;line-height:1.6}.activity-item time{font-size:var(--font-size-ui-small);color:var(--muted-foreground)}.activity-empty{color:var(--muted-foreground);padding:26px 22px}.activity-empty p{color:var(--muted-foreground);font-size:15px}.activity-empty span{font-size:var(--font-size-ui);line-height:1.7}.empty-layers{font-size:var(--font-size-ui);color:var(--muted-foreground);padding:20px;line-height:1.8}.empty-canvas{text-align:center;flex-direction:column;align-items:center;width:min(350px,90%);display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.empty-canvas-icon{background:var(--muted);border:1px solid var(--border);width:62px;height:62px;color:var(--muted-foreground);border-radius:16px;justify-content:center;align-items:center;margin-bottom:19px;display:flex}.empty-canvas h1{letter-spacing:-.8px;margin:0 0 14px;font-size:26px;font-weight:500}.empty-canvas p{font-size:var(--font-size-ui);color:var(--muted-foreground);margin:0 0 23px;line-height:1.8}.empty-canvas>.text-link{margin-top:14px}.primary-button{background:var(--primary);color:var(--primary-foreground);font-size:var(--font-size-ui);border-radius:6px;padding:11px 16px;line-height:1.2}.primary-button:hover{background:var(--primary-hover)}.secondary-button{background:var(--secondary);color:var(--muted-foreground);border:1px solid var(--border);font-size:var(--font-size-ui);border-radius:6px;padding:10px 16px}.text-link{font-size:var(--font-size-ui);color:var(--muted-foreground);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.loading-state{background:var(--muted);flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex}.loading-state h1{letter-spacing:-1px;margin:14px 0 30px;font-size:24px;font-weight:600}.loading-state p{font-size:var(--font-size-ui);color:var(--muted-foreground)}.loading-state .brand-symbol{margin-bottom:15px;transform:scale(1.5)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu-anchor{position:relative}.menu-backdrop{z-index:40;cursor:default;position:fixed;inset:0;background:0 0!important}.dropdown{z-index:45;background:var(--window-background);border:1px solid var(--window-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 45px var(--shadow);border-radius:8px;min-width:200px;padding:7px;position:absolute;top:calc(100% + 12px)}.dropdown button{text-align:left;width:100%;font-size:var(--font-size-ui);border-radius:5px;justify-content:flex-start;gap:9px;max-width:none;padding:10px;display:flex}.dropdown button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.project-dropdown{width:255px;max-height:70vh;left:0;overflow:auto}.dropdown-label{font-size:var(--font-size-ui-small);letter-spacing:1px;color:var(--muted-foreground);margin:8px 10px 6px;display:block}.dropdown-divider{background:var(--border);height:1px;margin:6px}.export-dropdown{min-width:160px;right:0}.toast{max-width:calc(100vw - 30px);font-size:var(--font-size-ui);background:var(--toast);color:var(--toast-foreground);box-shadow:0 6px 30px var(--shadow);z-index:200;border-radius:8px;align-items:center;gap:10px;padding:13px 16px;line-height:1.5;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast>svg{flex-shrink:0}.toast button{color:var(--toast-foreground);margin-left:7px;padding:3px}.toast button:hover{background:var(--feature-border)}.dialog{border:1px solid var(--window-border);box-shadow:0 20px 100px var(--shadow-heavy);background:var(--window-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(460px,100vw - 28px);max-height:90dvh;color:var(--foreground);border-radius:16px;margin:auto;padding:24px;overflow:auto}.dialog.wide{width:min(740px,100vw - 28px)}.dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog>header{justify-content:space-between;align-items:center;gap:20px;margin:0 0 23px;display:flex}.dialog>header h2{font-size:var(--font-size-ui);margin:0;font-weight:600}.dialog>header button{color:var(--muted-foreground);border-radius:5px;padding:4px}.dialog-description,.connection-note{font-size:var(--font-size-ui);color:var(--muted-foreground);line-height:1.8}.connection-note{font-size:var(--font-size-ui);margin:12px 0 20px}.connection-intro{align-items:center;gap:21px;margin:28px 0 26px;display:flex}.connection-icon{background:var(--accent);width:63px;height:63px;color:var(--accent-foreground);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.connection-intro h3{letter-spacing:-.7px;margin:0 0 11px;font-size:23px;font-weight:500;line-height:1.3}.connection-intro p{font-size:var(--font-size-ui);color:var(--muted-foreground);margin:0;line-height:1.6}.connection-tabs{border-bottom:1px solid var(--border);gap:20px;margin:0 -24px 23px;padding:0 24px;display:flex}.connection-tabs button{font-size:var(--font-size-ui);color:var(--muted-foreground);border-bottom:2px solid #0000;padding:12px 0}.connection-tabs button.active{border-bottom-color:var(--ring);color:var(--selected-foreground)}.dialog h4{font-size:var(--font-size-ui);align-items:center;gap:8px;margin:18px 0 10px;font-weight:600;display:flex}.code-block{border:1px solid var(--border);background:var(--muted);border-radius:7px;margin:13px 0;position:relative}.code-block>button{color:var(--muted-foreground);font-size:var(--font-size-ui-small);background:var(--muted);border-radius:3px;gap:5px;padding:4px;position:absolute;top:9px;right:9px}.code-block pre{max-width:100%;font:var(--font-size-ui)/1.7 var(--font-mono);color:var(--muted-foreground);white-space:pre;max-height:260px;margin:0;padding:38px 15px 20px;overflow:auto}.endpoint-row{font-size:var(--font-size-ui);flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.endpoint-row>span{color:var(--muted-foreground)}.endpoint-row code{font-size:var(--font-size-ui);color:var(--muted-foreground)}.keys-section{border-top:1px solid var(--border);margin-top:25px;padding-top:3px}.key-form{gap:10px;display:flex}.key-form>input,.form-label input{border:1px solid var(--border);font-size:var(--font-size-ui);background:var(--muted);border-radius:6px;outline:none;flex:1;padding:10px 12px}.key-form>input:focus,.form-label input:focus{border-color:var(--ring)}.new-key{padding-top:7px}.new-key>p{font-size:var(--font-size-ui);color:var(--muted-foreground)}.new-key pre{white-space:pre-wrap;overflow-wrap:anywhere}.key-list{margin-top:17px}.key-list>div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:12px 0;display:flex}.key-list strong{font-size:var(--font-size-ui);font-weight:500;display:block}.key-list span{font-size:var(--font-size-ui-small);color:var(--muted-foreground);margin-top:4px;display:block}.key-list button{color:var(--muted-foreground);padding:5px}.form-label{font-size:var(--font-size-ui);color:var(--muted-foreground);flex-direction:column;gap:10px;display:flex}.form-label input{color:var(--foreground);font-size:var(--font-size-ui)}.template-options{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.template-options button{text-align:left;border:1px solid var(--border);color:var(--muted-foreground);border-radius:8px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 15px}.template-options button.selected{border-color:var(--border-strong);background:var(--selected);box-shadow:0 0 0 1px var(--border-strong)}.template-options strong{font-size:var(--font-size-ui);color:var(--selected-foreground);font-weight:500}.template-options span{font-size:var(--font-size-ui-small);color:var(--muted-foreground)}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:23px;display:flex}.preview-description{font-size:var(--font-size-ui);color:var(--muted-foreground);margin-bottom:24px;line-height:1.6}.preview-frames{flex-direction:column;align-items:center;gap:30px;display:flex;overflow:auto}.preview-frame-name{font-size:var(--font-size-ui);color:var(--muted-foreground);margin-bottom:12px}.preview-frames .root-frame{box-shadow:0 0 0 1px var(--border)}.mobile-panel-button,.mobile-properties-button,.mobile-close{display:none!important}.panel-backdrop{display:none}@media (width<=1100px){.header-actions{gap:7px}.header-actions .connect-button{margin-left:0}.save-status{margin-right:1px}.project-title{gap:6px}.workspace-crumb,.crumb-divider{display:none}.brand{width:165px}.field-grid{gap:5px}.field{padding:7px 6px}.field>span{font-size:var(--font-size-ui-small)}}@media (width<=800px){.mobile-properties-button{display:flex!important}.right-panel.mobile-open{z-index:60;width:280px;box-shadow:-10px 0 30px var(--shadow);display:flex;position:fixed;top:66px;bottom:0;right:0}.mobile-close{margin-left:auto;display:flex!important}.panel-backdrop{z-index:55;display:block;position:fixed;inset:66px 0 0;background:var(--backdrop)!important}.header-actions .connect-button{width:35px}.connect-button span,.save-status{display:none}.project-title{margin-left:0}.header-actions{gap:3px}.canvas-hint{font-size:var(--font-size-ui-small)}}@media (width<=560px){.left-panel.mobile-open{z-index:60;width:250px;box-shadow:10px 0 30px var(--shadow);display:flex;position:fixed;top:58px;bottom:0;left:0}.mobile-panel-button{display:flex!important}.panel-backdrop,.right-panel.mobile-open{top:58px}.brand{gap:7px;width:auto;font-size:15px}.brand-symbol{width:26px;height:26px}.project-title .project-picker{font-size:var(--font-size-ui);gap:5px;max-width:115px;padding:4px}.header-actions{gap:0}.header-actions .icon-button{width:25px}.preview-top{display:none!important}.topbar{gap:9px;padding:0 10px}.canvas-heading>div{gap:8px}.canvas-heading{font-size:var(--font-size-ui)}.canvas-heading-divider{display:none}.canvas-toolbar{gap:2px;padding:6px}.canvas-toolbar button{width:32px}.canvas-hint{max-width:130px;font-size:var(--font-size-ui-small)}.dialog{padding:20px}.connection-tabs{margin-left:-20px;margin-right:-20px;padding-left:20px}.connection-intro{gap:14px}.connection-intro h3{font-size:20px}.connection-icon{border-radius:12px;width:48px;height:48px}.key-form{gap:7px}.key-form .primary-button{font-size:var(--font-size-ui);padding:10px}.project-dropdown{width:240px;left:-80px}.connection-intro p{font-size:var(--font-size-ui)}.template-options{gap:8px}.template-options button{padding:16px 12px}.toast{font-size:var(--font-size-ui);bottom:100px}.inspector-section .field>span{font-size:var(--font-size-ui)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.vector-drawing-surface{z-index:5;cursor:crosshair;touch-action:none;position:absolute;inset:0}.vector-drawing-surface>svg{pointer-events:none;display:block;overflow:hidden}.vector-context{z-index:12;border:1px solid var(--border);background:var(--popover);box-shadow:0 3px 10px var(--shadow);font-size:var(--font-size-ui);border-radius:7px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 36px);margin-inline:auto;padding:8px 12px;display:flex;position:absolute;top:65px;left:18px;right:18px}.vector-context>span{color:var(--muted-foreground);margin-right:7px}.vector-context button{border:1px solid var(--border);background:var(--muted);white-space:nowrap;border-radius:4px;padding:6px 9px}.vector-context button:hover{background:var(--hover)}.vector-points{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:visible}.vector-handle-lines{pointer-events:none;position:absolute;top:0;left:0}.vector-anchor,.vector-handle{border:1.5px solid var(--selection);width:10px;min-width:10px;height:10px;box-shadow:0 0 0 1px var(--handle);background:var(--handle);pointer-events:auto;cursor:crosshair;touch-action:none;transform-origin:50%;border-radius:1px;padding:0;position:absolute}.vector-anchor.active,.vector-anchor:hover,.vector-handle:hover{background:var(--accent)}.vector-handle{border-radius:50%;width:8px;min-width:8px;height:8px}.vector-inspector fieldset{border:0;min-width:0;margin:0;padding:0}.vector-edit-button{border:1px solid var(--border-strong);background:var(--selected);width:100%;font-size:var(--font-size-ui);border-radius:5px;margin-bottom:12px;padding:9px}.vector-checkbox{font-size:var(--font-size-ui);align-items:center;gap:7px;margin-bottom:14px;display:flex}.vector-checkbox input{accent-color:var(--ring)}.vector-inspector .action-grid{margin:11px 0}.vector-inspector .action-grid button{font-size:var(--font-size-ui)}.vector-inspector .field-grid{margin-top:11px}.vector-inspector .panel-heading>span{font-size:var(--font-size-ui-small);letter-spacing:0;text-transform:none}.canvas-toolbar{max-width:calc(100% - 24px);overflow-x:auto}.canvas-toolbar>button{flex-shrink:0}@media (width<=560px){.vector-context{font-size:var(--font-size-ui);gap:5px;padding:7px;top:56px}.vector-context>span{text-align:center;width:100%;margin:0}.vector-context button{padding:5px 8px}.canvas-toolbar button{width:29px}}.marketing{--mk-paper:var(--page);--mk-ink:var(--foreground);--mk-muted:var(--muted-foreground);--mk-line:var(--border);color:var(--mk-ink);background:var(--mk-paper);min-height:100dvh;font-size:16px;line-height:1.6}.marketing a{color:inherit;text-decoration:none}.marketing p{color:var(--mk-muted);margin:0 0 24px}.marketing h1,.marketing h2,.marketing h3{letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:500;line-height:1.08}.marketing h2{font-size:clamp(30px,3.7vw,48px)}.marketing h3{letter-spacing:-.03em;font-size:23px}.marketing button{transition:background .15s,color .15s}.marketing a:focus-visible,.marketing button:focus-visible,.marketing summary:focus-visible,.marketing input:focus-visible,.marketing pre:focus-visible{outline:2px solid var(--muted-foreground);outline-offset:5px}.marketing [id]{scroll-margin-top:112px}.marketing svg{flex-shrink:0}.mk-container{width:min(1180px,100% - 96px);margin-inline:auto}.mk-skip{background:var(--accent);z-index:100;padding:12px 20px;position:fixed;top:-80px;left:24px;color:var(--accent-foreground)!important}.mk-skip:focus{top:12px}.mk-header{z-index:50;border-bottom:1px solid var(--mk-line);background:color-mix(in oklab, var(--page) 97%, transparent);position:sticky;top:0}.mk-nav-wrap{align-items:center;gap:42px;width:min(1360px,100% - 80px);min-height:88px;margin:auto;display:flex}.mk-brand{letter-spacing:-.8px;flex-shrink:0;align-items:center;gap:10px;font-size:21px;font-weight:700;line-height:1;display:inline-flex}.mk-brand .brand-symbol{flex-shrink:0;width:30px;height:30px}.mk-nav{align-items:center;gap:27px;margin-left:auto;font-size:13px;display:flex}.mk-nav a{padding:9px 0;position:relative}.mk-nav a:hover,.mk-nav a[aria-current]{color:var(--ring)}.mk-nav a[aria-current]:after{content:"";bottom:3px;background:var(--success);height:2px;position:absolute;inset-inline:0}.mk-nav-actions{white-space:nowrap;align-items:center;gap:12px;display:flex}.mk-action{border:1px solid var(--primary);background:var(--primary);border-radius:5px;justify-content:center;align-items:center;gap:22px;padding:14px 22px;font-size:14px;font-weight:500;line-height:1.5;transition:background .15s;display:inline-flex;color:var(--primary-foreground)!important}.mk-action:hover{background:var(--primary-hover)}.mk-action-secondary{border-color:var(--border-strong);background:0 0;color:var(--mk-ink)!important}.mk-action-secondary:hover{background:var(--hover)}.mk-header .mk-action{gap:18px;padding:10px 15px;font-size:12px}.mk-menu{border:1px solid var(--mk-line);border-radius:4px;padding:9px;display:none}.mk-eyebrow{font-family:var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:24px;font-size:10px;font-weight:500;line-height:1.6;display:block}.mk-fine{color:var(--mk-muted);font-size:12px;line-height:1.65;display:block}.mk-text-link{align-items:center;gap:9px;font-size:13px;line-height:1.5;display:inline-flex}.mk-text-link:hover{text-underline-offset:4px;text-decoration:underline}.mk-actions{flex-wrap:wrap;align-items:center;gap:23px;display:flex}.mk-hero{grid-template-columns:1.1fr 1fr;align-items:end;gap:80px;padding-top:72px;padding-bottom:57px;display:grid}.mk-release{align-items:center;gap:9px;margin-bottom:25px;font-size:11px;display:inline-flex}.mk-release>span{background:var(--success);border-radius:50%;width:6px;height:6px}.mk-hero h1{letter-spacing:-.06em;font-size:clamp(64px,7.4vw,104px);line-height:.98}.mk-hero h1>span{letter-spacing:-.08em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.mk-hero-copy{max-width:415px;padding-bottom:6px}.mk-hero-copy .mk-eyebrow{margin-bottom:15px}.mk-hero-copy>p{letter-spacing:-.6px;color:var(--mk-ink);margin-bottom:26px;font-size:23px;line-height:1.4}.mk-hero-copy .mk-fine{margin-top:14px}.mk-hero-demo{position:relative}.mk-demo{border:1px solid var(--border);background:var(--card);box-shadow:0 20px 45px -30px var(--shadow);border-radius:10px;overflow:hidden}.mk-demo-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;font-size:11px;display:flex}.mk-demo-toolbar>div{align-items:center;gap:13px;display:flex}.mk-demo-toolbar strong{font-weight:500}.mk-demo-mark{color:var(--foreground);width:24px;height:24px}.mk-demo-sample{color:var(--muted-foreground);border-left:1px solid var(--border);padding-left:13px}.mk-device-toggle{background:var(--muted);border:1px solid var(--border);border-radius:5px;padding:3px;gap:2px!important}.mk-device-toggle button{border-radius:3px;padding:6px 10px;font-size:10px}.mk-device-toggle button[aria-pressed=true]{background:var(--card);box-shadow:0 1px 3px var(--shadow)}.mk-demo-body{height:500px;display:flex}.mk-demo-layers{border-right:1px solid var(--border);flex-shrink:0;width:168px;padding:21px 11px;font-size:10px;position:relative}.mk-demo-layers>strong{align-items:center;gap:8px;margin:0 10px 25px;font-weight:500;display:flex}.mk-demo-layers>span{white-space:nowrap;color:var(--muted-foreground);align-items:center;gap:7px;padding:10px 8px 10px 19px;display:flex}.mk-demo-layers>.is-selected{background:var(--selected);color:var(--foreground);border-radius:3px;padding-left:8px}.mk-demo-layer-footer{color:var(--muted-foreground);align-items:center;gap:5px;font-size:9px;display:flex;position:absolute;bottom:16px;left:12px}.mk-demo-canvas{background-color:var(--canvas);background-image:radial-gradient(var(--canvas-dot) .65px, transparent .65px);background-size:14px 14px;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.mk-demo .root-frame{box-shadow:0 3px 24px var(--shadow)}.mk-demo-caption{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 19px;font-size:10px;display:flex}.mk-demo-caption>span{color:var(--muted-foreground);align-items:center;gap:7px;display:inline-flex}.mk-status-dot{background:var(--success);border-radius:50%;width:5px;height:5px}.mk-demo-caption button{border:1px solid var(--border);background:var(--page);border-radius:4px;padding:7px 10px;font-size:11px}.mk-demo-under{color:var(--muted-foreground);justify-content:space-between;gap:16px;padding-top:17px;font-size:11px;display:flex}.mk-demo-under>span:last-child{font-family:var(--font-mono);letter-spacing:1px;font-size:9px}.mk-capabilities{grid-template-columns:repeat(3,1fr);padding-top:91px;padding-bottom:103px;display:grid}.mk-capabilities article{border-right:1px solid var(--mk-line);padding-inline:35px}.mk-capabilities article:first-child{padding-left:0}.mk-capabilities article:last-child{border:0;padding-right:0}.mk-capabilities article>div{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.mk-capabilities article>div>span{font-family:var(--font-mono);color:var(--muted-foreground);font-size:11px}.mk-capabilities h2{letter-spacing:-.04em;max-width:250px;margin-bottom:15px;font-size:25px}.mk-capabilities p{margin-bottom:0;font-size:14px;line-height:1.7}.mk-agent-section{--accent:var(--ref-white);--accent-foreground:var(--ref-black);--accent-hover:var(--ref-neutral-200);background:var(--feature-surface);color:var(--feature-text);padding:100px 0}.mk-agent-grid{grid-template-columns:1fr 1fr;align-items:center;gap:85px;display:grid}.mk-agent-grid h2{font-size:clamp(32px,3.6vw,46px)}.mk-agent-grid h2 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.mk-agent-grid p{color:var(--feature-muted)}.mk-agent-grid>div>p{max-width:420px;margin-top:25px;font-size:15px}.mk-agent-grid .mk-action{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)!important}.mk-agent-grid .mk-action:hover{background:var(--accent-hover)}.mk-protocols{font-family:var(--font-mono);color:var(--feature-muted);gap:22px;margin-top:31px;font-size:10px;display:flex}.mk-agent-example{border:1px solid var(--feature-border);border-radius:7px;min-width:0;overflow:hidden}.mk-agent-prompt{border-bottom:1px solid var(--feature-border);background:var(--feature-raised);padding:24px}.mk-agent-prompt>span,.mk-agent-reply>span{font-family:var(--font-mono);letter-spacing:.7px;color:var(--feature-muted);align-items:center;gap:8px;font-size:9px;display:flex}.mk-agent-prompt p{color:var(--feature-text);letter-spacing:-.3px;margin:15px 0 0;font-size:18px;line-height:1.4}.mk-agent-reply{background:var(--feature-background);padding:24px}.mk-agent-reply pre{color:var(--accent);margin:22px 0 0;font-size:11px;line-height:1.85;overflow-x:auto}.mk-agent-result{align-items:center;gap:9px;padding:17px 24px;font-size:10px;display:flex}.mk-agent-result>svg:last-child{color:var(--accent);margin-left:auto}.mk-workflow{padding-block:105px}.mk-section-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.mk-workflow-steps{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:57px;display:grid}.mk-workflow-steps article{border-top:1px solid var(--border-strong);padding-top:24px}.mk-workflow-steps article>span{color:var(--muted-foreground);font-size:11px;font-family:var(--font-mono)}.mk-workflow-steps h3{margin-top:26px;margin-bottom:15px}.mk-workflow-steps p{max-width:310px;margin:0;font-size:14px}.mk-faq{border-top:1px solid var(--mk-line);grid-template-columns:1fr 1.25fr;gap:80px;padding-block:95px;display:grid}.mk-faq h2{margin-bottom:24px;font-size:38px}.mk-faq details{border-top:1px solid var(--border)}.mk-faq details:last-child{border-bottom:1px solid var(--border)}.mk-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:14px;line-height:1.45;list-style:none;display:flex}.mk-faq summary::-webkit-details-marker{display:none}.mk-faq summary>span{font-size:21px;font-weight:400;transition:transform .15s}.mk-faq details[open] summary>span{transform:rotate(45deg)}.mk-faq details p{margin:-1px 24px 21px 0;font-size:14px;line-height:1.75}.mk-closing{color:var(--accent-foreground);--accent:var(--ref-black);--accent-foreground:var(--ref-white);--primary:var(--ref-white);--primary-foreground:var(--ref-black);--primary-hover:var(--ref-neutral-200);background:var(--accent);border-radius:6px;justify-content:space-between;align-items:center;gap:50px;margin-top:15px;margin-bottom:95px;padding:65px 70px;display:flex}.mk-closing h2{letter-spacing:-.06em;font-size:clamp(44px,5.8vw,74px);line-height:.97}.mk-closing .mk-eyebrow{margin-bottom:30px}.mk-closing>div:last-child{padding-top:38px}.mk-closing p{color:var(--accent-foreground);margin-bottom:25px;font-size:17px;line-height:1.6}.mk-closing .mk-fine{color:var(--accent-foreground);margin-top:13px;font-size:10px}.mk-footer{border-top:1px solid var(--mk-line)}.mk-footer-top{grid-template-columns:1.5fr 1fr 1.1fr 1fr;gap:36px;padding-block:65px;display:grid}.mk-footer p{margin-top:22px;font-size:12px;line-height:1.8}.mk-footer h2{letter-spacing:0;margin-bottom:19px;font-size:12px;font-weight:600;line-height:1.5}.mk-footer-top>div>a:not(.mk-brand){color:var(--muted-foreground);margin-top:11px;font-size:12px;display:block}.mk-footer-top>div>a:not(.mk-brand):hover{color:var(--foreground);text-decoration:underline}.mk-footer-version{font-family:var(--font-mono);color:var(--muted-foreground);align-items:center;gap:6px;font-size:9px;display:inline-flex}.mk-footer-version>span{background:var(--success);border-radius:50%;width:5px;height:5px}.mk-footer-bottom{border-top:1px solid var(--mk-line);color:var(--muted-foreground);justify-content:space-between;gap:15px;padding-block:20px;font-size:10px;display:flex}.mk-page-intro{padding-top:80px;padding-bottom:65px}.mk-page-intro h1{letter-spacing:-.055em;max-width:950px;font-size:clamp(50px,6.2vw,80px);line-height:1.02}.mk-page-intro>p{max-width:625px;margin-top:30px;margin-bottom:0;font-size:19px;line-height:1.6}.mk-feature-list{padding-block:60px}.mk-feature-list article{border-bottom:1px solid var(--mk-line);grid-template-columns:.85fr 1.15fr;gap:120px;padding-block:65px;display:grid}.mk-feature-list article:last-child{border-bottom:0}.mk-feature-symbol{background:var(--secondary);border-radius:4px;flex-direction:column;justify-content:space-between;min-height:260px;padding:40px;display:flex}.mk-feature-symbol>span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.4px;font-size:10px}.mk-feature-list h2{margin-bottom:23px;font-size:38px}.mk-feature-list p{font-size:15px}.mk-check-list{margin:25px 0 0;padding:0;list-style:none}.mk-check-list li{align-items:baseline;gap:10px;margin-top:11px;font-size:13px;display:flex}.mk-check-list svg{color:var(--success);align-self:center}.mk-note{background:var(--secondary);border:1px solid var(--border);border-radius:5px;margin-bottom:85px;padding:48px}.mk-note h2{margin:12px 0 19px;font-size:32px}.mk-note p{max-width:780px;font-size:15px}.mk-choice-tabs{border-bottom:1px solid var(--mk-line);gap:20px;display:flex}.mk-choice-tabs button{border-bottom:2px solid #0000;gap:20px;padding:18px 14px;font-size:13px}.mk-choice-tabs button[aria-pressed=true]{border-bottom-color:var(--foreground);background:var(--secondary)}.mk-use-case{grid-template-columns:1fr 1fr;gap:85px;padding-block:60px 80px;display:grid}.mk-use-case h2{margin-bottom:22px}.mk-use-case p{font-size:15px}.mk-use-case ol{margin:30px 0;padding-left:21px;font-size:14px}.mk-use-case li{margin-top:10px;padding-left:6px}.mk-use-case .mk-code pre{white-space:pre-wrap;font-family:inherit;font-size:17px;line-height:1.65}.mk-use-case .mk-fine{margin-top:20px;font-size:12px}.mk-code{background:var(--feature-background);color:var(--feature-text);border-radius:6px;margin:24px 0;overflow:hidden}.mk-code>div{border-bottom:1px solid var(--feature-border);background:var(--feature-surface);color:var(--feature-muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;font-size:10px;display:flex}.mk-code button{color:var(--feature-text);flex-shrink:0;padding:4px;font-family:inherit;font-size:10px}.mk-code button:hover{background:var(--feature-border)}.mk-code pre{tab-size:2;margin:0;padding:24px;font-size:12px;line-height:1.85;overflow-x:auto}.mk-code pre code{color:inherit;font-size:inherit;overflow-wrap:normal;background:0 0;border:0;padding:0}.mk-integration-options{grid-template-columns:1fr 1fr;gap:25px;display:grid}.mk-integration-options article{background:var(--secondary);border-radius:6px;padding:40px}.mk-integration-options article:nth-child(2){background:var(--card);border:1px solid var(--mk-line)}.mk-integration-options article>.mk-eyebrow{margin-bottom:45px}.mk-integration-options h2{margin:24px 0;font-size:38px}.mk-integration-options p{font-size:15px}.mk-integration-options .mk-action{margin-top:36px}.mk-connection-steps{grid-template-columns:1fr 1fr;gap:80px;padding-block:100px;display:grid}.mk-connection-steps ol{counter-reset:connection;margin:0;padding:0;list-style:none}.mk-connection-steps li{counter-increment:connection;padding:0 0 22px 49px;position:relative}.mk-connection-steps li:before{content:"0" counter(connection);font-family:var(--font-mono);color:var(--muted-foreground);font-size:11px;position:absolute;top:2px;left:0}.mk-connection-steps h3{margin-bottom:13px;font-size:22px}.mk-connection-steps p{font-size:14px}.mk-pricing{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;padding-bottom:65px;display:grid}.mk-pricing-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.mk-billing-toggle{border:1px solid var(--border);background:var(--secondary);border-radius:8px;padding:4px;display:flex}.mk-billing-toggle button{font:inherit;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:10px 14px;font-size:13px}.mk-billing-toggle button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.mk-billing-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mk-billing-toggle span{margin-left:6px;font-size:11px}.mk-price-card{background:var(--secondary);border:1px solid var(--border);border-radius:7px;padding:40px}.mk-price-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:35px;display:flex}.mk-price-top .mk-eyebrow{margin:0}.mk-price-badge{color:var(--accent-foreground);font-family:var(--font-mono);letter-spacing:1px;background:var(--accent);border-radius:3px;padding:5px 8px;font-size:9px}.mk-price-card h2{margin-bottom:20px;font-size:53px}.mk-price-card-pro{border-color:var(--accent)}.mk-price-amount span{letter-spacing:0;color:var(--muted-foreground);margin-left:10px;font-size:16px;font-weight:400}.mk-price-card .mk-price-unit{color:var(--muted-foreground);margin-bottom:24px;font-size:13px}.mk-project-pricing-details{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding-block:36px 80px;display:grid}.mk-project-pricing-details h2{font-size:34px}.mk-project-pricing-details dl{margin:0}.mk-project-pricing-details dl>div{margin-bottom:24px}.mk-project-pricing-details dt{font-size:15px;font-weight:600}.mk-project-pricing-details dd{color:var(--muted-foreground);margin:8px 0 0;font-size:14px}@media (width<=700px){.mk-project-pricing-details{grid-template-columns:1fr;gap:24px}}.mk-price-card>p{font-size:15px}.mk-price-card .mk-action{display:flex}.mk-price-card .mk-fine{text-align:center;margin-top:12px;font-size:10px}.mk-price-card .mk-check-list{border-top:1px solid var(--border);margin-top:29px;padding-top:16px}.mk-pricing-context h2{margin-bottom:20px;font-size:34px}.mk-pricing-context>p{font-size:15px}.mk-pricing-context dl{margin:30px 0}.mk-pricing-context dl>div{border-top:1px solid var(--mk-line);padding:15px 0}.mk-pricing-context dt{font-size:13px;font-weight:600}.mk-pricing-context dd{color:var(--muted-foreground);margin:7px 0 0;font-size:13px}.mk-release-log{border-top:1px solid var(--mk-line);grid-template-columns:1fr 2.5fr;gap:70px;padding-top:45px;padding-bottom:90px;display:grid}.mk-release-log aside p{margin-top:13px;font-size:12px}.mk-release-log article>h2{margin-bottom:20px;font-size:39px}.mk-release-log article>div{margin-block:34px}.mk-release-log h3{margin-bottom:14px;font-size:23px}.mk-release-log p{font-size:15px}.mk-prose{font-size:15px;line-height:1.8}.mk-prose h1{margin-bottom:28px;font-size:clamp(42px,5vw,64px)}.mk-prose h2{letter-spacing:-.035em;margin:48px 0 21px;font-size:28px;line-height:1.2}.mk-prose h3{margin:26px 0 15px;font-size:20px}.mk-prose p{margin-bottom:21px;line-height:1.8}.mk-prose a:not(.mk-action){text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.mk-prose h2 a{text-decoration:none!important}.mk-prose h2 a:hover .mk-anchor{opacity:1}.mk-anchor{opacity:0;color:var(--ring);margin-left:10px}.mk-prose code,.mk-prose kbd{font-family:var(--font-mono);background:var(--secondary);color:var(--secondary-foreground);overflow-wrap:anywhere;border-radius:3px;padding:3px 5px;font-size:11px}.mk-prose ul,.mk-prose ol{color:var(--muted-foreground);margin-block:23px;padding-left:22px}.mk-prose li{margin-block:11px;padding-left:3px}.mk-callout{background:var(--secondary);border-left:2px solid var(--success);border-radius:0 4px 4px 0;padding:20px 24px;font-size:14px;line-height:1.75;color:var(--secondary-foreground)!important}.mk-data-page{max-width:790px;margin-left:max(48px,50% - 590px);padding-bottom:100px}.mk-not-found-actions{flex-wrap:wrap;align-items:center;gap:20px;padding-bottom:100px;display:flex}.mk-docs{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:85px;padding-top:60px;padding-bottom:95px;display:grid}.mk-docs-sidebar{position:sticky;top:133px}.mk-search{border:1px solid var(--border-strong);background:var(--card);border-radius:4px;align-items:center;gap:9px;margin-bottom:22px;padding:8px 11px;display:flex}.mk-search input{background:0 0;border:0;width:100%;padding:3px 0;font-size:12px}.mk-search:focus-within{outline:2px solid var(--success);outline-offset:3px}.mk-search input:focus-visible{outline:0}.mk-docs-sidebar nav{flex-direction:column;gap:5px;display:flex}.mk-docs-sidebar nav a{color:var(--muted-foreground);border-radius:3px;padding:9px 12px;font-size:13px}.mk-docs-sidebar nav a:hover{background:var(--secondary)}.mk-docs-sidebar nav a[aria-current]{color:var(--foreground);background:var(--selected)}.mk-docs-help{border-top:1px solid var(--mk-line);margin-top:30px;padding-top:22px}.mk-docs-help p{margin-bottom:10px;font-size:12px}.mk-docs-help .mk-text-link{font-size:11px}.mk-docs-article{min-width:0;max-width:790px}.mk-prose .mk-lead{font-size:19px;line-height:1.6}.mk-docs .mk-code{margin-block:22px}.mk-doc-detail{border:1px solid var(--mk-line);border-radius:4px;margin-block:20px;padding:13px 18px}.mk-doc-detail summary{cursor:pointer;font-size:13px}.mk-doc-detail>p{margin-bottom:0}.mk-prose dt{color:var(--foreground);margin-top:24px;font-weight:600}.mk-prose dd{color:var(--muted-foreground);margin:8px 0 0}.mk-table-scroll{border:1px solid var(--mk-line);border-radius:4px;margin-block:24px;overflow-x:auto}.mk-prose table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.mk-prose th{background:var(--secondary);color:var(--secondary-foreground);font-size:11px;font-weight:500}.mk-prose th,.mk-prose td{border-bottom:1px solid var(--mk-line);vertical-align:top;padding:13px 16px;line-height:1.6}.mk-prose tr:last-child td{border:0}.mk-prose td{color:var(--muted-foreground)}.mk-prose table code,.mk-prose table kbd{background:0 0;padding:0}.mk-endpoints td:first-child{width:47%;min-width:225px}.mk-search-results>span{color:var(--muted-foreground);margin:0 0 13px 10px;font-size:11px;display:block}.mk-search-results>a{border-bottom:1px solid var(--mk-line);padding:13px 10px;display:block}.mk-search-results strong{font-size:13px;font-weight:500}.mk-search-results a>span{color:var(--muted-foreground);margin-top:5px;font-size:11px;line-height:1.6;display:block}.mk-search-results p{padding-left:10px;font-size:12px}.mk-docs-next{border-top:1px solid var(--mk-line);flex-wrap:wrap;gap:15px 25px;margin-top:55px;padding-top:25px;display:flex}.mk-docs-next>span{width:100%;font-size:10px;font-family:var(--font-mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:1px}.mk-docs-next>a{align-items:center;gap:7px;font-size:12px;display:inline-flex}.editor-home-link{color:inherit;text-decoration:none}@media (width>=1550px){.mk-hero{padding-top:88px;padding-bottom:66px}}@media (width<=1100px){.mk-nav-wrap{gap:25px;width:calc(100% - 48px)}.mk-nav{gap:18px}.mk-brand{font-size:18px}.mk-container{width:calc(100% - 64px)}.mk-hero{gap:40px;padding-top:58px}.mk-hero-copy>p{font-size:21px}.mk-hero-copy .mk-actions{gap:17px}.mk-hero-copy .mk-text-link{font-size:12px}.mk-demo-body{height:440px}.mk-demo-layers{width:155px}.mk-agent-grid,.mk-feature-list article,.mk-pricing{gap:50px}.mk-faq{gap:40px}.mk-closing{padding:55px 45px}.mk-footer-top{gap:23px}.mk-docs{grid-template-columns:200px minmax(0,1fr);gap:45px}.mk-data-page{margin-left:32px}}@media (width<=850px){.mk-nav-wrap{justify-content:space-between;min-height:75px}.mk-nav-actions{margin-left:auto}.mk-menu{display:inline-flex}.mk-nav{background:var(--page);border-bottom:1px solid var(--mk-line);box-shadow:0 15px 22px var(--shadow);margin:0;padding:20px 28px;display:none;position:absolute;top:75px;left:0;right:0}.mk-nav.is-open{flex-direction:column;align-items:stretch;gap:5px;display:flex}.mk-nav a{padding:10px 0;font-size:15px}.mk-hero{grid-template-columns:1fr;gap:30px;padding-top:43px;padding-bottom:35px}.mk-hero h1{font-size:clamp(68px,11vw,88px)}.mk-hero-copy{max-width:550px}.mk-hero-copy .mk-eyebrow{margin-bottom:13px;font-size:9px}.mk-hero-copy>p{max-width:440px;font-size:20px}.mk-demo-body{height:365px}.mk-demo-layers{display:none}.mk-capabilities{gap:24px;padding-block:65px}.mk-capabilities article{border:0;padding:0}.mk-capabilities article>div{margin-bottom:23px}.mk-capabilities h2{font-size:22px}.mk-capabilities p{font-size:13px}.mk-agent-section{padding-block:65px}.mk-agent-grid{grid-template-columns:1fr;gap:45px}.mk-agent-grid>div>p{max-width:520px}.mk-agent-example{width:100%;max-width:560px}.mk-workflow{padding-block:70px}.mk-section-heading{align-items:start;gap:28px}.mk-workflow-steps{gap:22px}.mk-workflow-steps h3{font-size:21px}.mk-faq{grid-template-columns:1fr;gap:36px;padding-block:65px}.mk-faq h2{font-size:38px}.mk-closing{gap:35px;margin-bottom:65px;padding:45px 35px}.mk-closing h2{font-size:55px}.mk-closing p{font-size:14px}.mk-closing .mk-fine{max-width:170px}.mk-footer-top{grid-template-columns:repeat(3,1fr);gap:38px 25px;padding-block:45px}.mk-footer-top>div:first-child{grid-column:1/-1}.mk-footer-top>div:first-child p{display:none}.mk-footer-version{margin-top:17px;display:flex}.mk-page-intro{padding-top:50px;padding-bottom:45px}.mk-page-intro>p{font-size:17px}.mk-feature-list{padding-block:25px}.mk-feature-list article{gap:35px;padding-block:42px}.mk-feature-list h2{font-size:30px}.mk-feature-symbol{padding:28px}.mk-note{margin-bottom:55px;padding:32px}.mk-use-case{grid-template-columns:1fr;gap:35px}.mk-integration-options article{padding:27px}.mk-integration-options h2{font-size:30px}.mk-integration-options p{font-size:14px}.mk-connection-steps{gap:40px;padding-block:65px}.mk-pricing{gap:35px}.mk-price-card{padding:27px}.mk-price-card h2{font-size:44px}.mk-price-card .mk-check-list li{font-size:12px}.mk-pricing-context h2{font-size:29px}.mk-docs{grid-template-columns:1fr;gap:40px;padding-top:35px}.mk-docs-sidebar{position:static}.mk-docs-sidebar nav{flex-flow:wrap;display:flex}.mk-docs-sidebar .mk-eyebrow{margin-bottom:14px}.mk-search{max-width:360px}.mk-docs-help{display:none}.mk-search-results{max-width:420px}.mk-release-log{grid-template-columns:160px 1fr;gap:30px}}@media (width<=560px){.mk-container{width:calc(100% - 40px)}.mk-nav-wrap{gap:14px;width:calc(100% - 32px);min-height:69px}.mk-nav{top:69px}.mk-brand{letter-spacing:-.6px;gap:7px;font-size:16px}.mk-brand .brand-symbol{width:25px;height:25px}.mk-header .mk-action{gap:5px;padding:9px 10px;font-size:10px}.mk-header .mk-action>svg{width:12px}.mk-menu{padding:7px}.mk-nav-actions{gap:7px}.mk-hero{gap:26px;padding-top:33px;padding-bottom:30px}.mk-release{margin-bottom:25px;font-size:10px}.mk-hero h1{font-size:clamp(54px,15vw,79px)}.mk-hero-copy>p{margin-bottom:20px;font-size:19px;line-height:1.45}.mk-hero .mk-actions{gap:14px}.mk-hero .mk-action{gap:15px;padding:12px 17px;font-size:12px}.mk-hero .mk-text-link{font-size:11px}.mk-hero .mk-fine{font-size:10px}.mk-demo{border-radius:6px}.mk-demo-toolbar{gap:6px;padding:10px}.mk-demo-toolbar>div{gap:7px}.mk-demo-toolbar strong{font-size:9px}.mk-demo-sample{display:none}.mk-device-toggle button{padding:5px 7px}.mk-device-toggle button>span{display:none}.mk-demo-body{height:285px}.mk-demo-body.mk-demo-mobile{height:420px}.mk-demo-caption{align-items:flex-start;gap:8px;padding:10px;font-size:9px}.mk-demo-caption>span{max-width:153px;line-height:1.5}.mk-demo-caption button{white-space:nowrap;gap:4px;padding:7px;font-size:9px}.mk-demo-under{padding-top:12px;font-size:10px}.mk-demo-under>span:last-child{display:none}.mk-capabilities{padding-block:42px 22px;display:block}.mk-capabilities article,.mk-capabilities article:last-child{border-top:1px solid var(--mk-line);padding:24px 0}.mk-capabilities article>div{margin-bottom:20px}.mk-capabilities h2{max-width:260px;font-size:26px}.mk-capabilities p{font-size:14px}.mk-agent-section{padding-block:45px}.mk-agent-grid h2{font-size:34px}.mk-agent-grid{gap:35px}.mk-agent-prompt,.mk-agent-reply{padding:20px}.mk-agent-prompt p{font-size:16px}.mk-agent-reply pre{font-size:10px}.mk-agent-reply>span{font-size:8px}.mk-agent-result{padding:16px;font-size:9px}.mk-workflow{padding-block:55px}.mk-section-heading{display:block}.mk-section-heading>a{margin-top:24px}.mk-workflow-steps{margin-top:35px;display:block}.mk-workflow-steps article{margin-top:25px}.mk-workflow-steps h3{margin-top:18px}.mk-workflow-steps p{max-width:none}.mk-faq{gap:30px;padding-block:48px}.mk-faq h2{font-size:33px}.mk-faq summary{padding-block:19px;font-size:13px}.mk-faq details p{font-size:13px}.mk-closing{margin-bottom:48px;padding:35px 27px;display:block}.mk-closing h2{font-size:55px}.mk-closing>div:last-child{padding-top:28px}.mk-closing .mk-fine{max-width:none}.mk-closing .mk-eyebrow{margin-bottom:23px;font-size:9px}.mk-footer-top{grid-template-columns:1fr 1fr;gap:32px 20px}.mk-footer-top>div:first-child,.mk-footer-top>div:last-child{grid-column:1/-1}.mk-footer-bottom{flex-wrap:wrap;gap:9px 20px;font-size:9px}.mk-footer-bottom>span:nth-child(2){display:none}.mk-page-intro{padding-top:40px;padding-bottom:35px}.mk-page-intro h1{font-size:clamp(39px,10.8vw,60px)}.mk-page-intro>p{margin-top:24px;font-size:16px}.mk-eyebrow{margin-bottom:20px;font-size:9px}.mk-feature-list article{grid-template-columns:1fr;gap:27px}.mk-feature-symbol{min-height:165px}.mk-feature-symbol>svg{width:40px;height:40px}.mk-note{padding:25px}.mk-note h2{font-size:29px}.mk-note p{font-size:14px}.mk-choice-tabs{border:1px solid var(--mk-line);border-radius:4px;grid-template-columns:1fr;gap:0;display:grid}.mk-choice-tabs button{justify-content:space-between;padding:13px 16px}.mk-use-case{padding-block:35px 50px}.mk-use-case h2{font-size:36px}.mk-use-case .mk-code pre{font-size:16px}.mk-code>div{gap:12px;padding:11px 13px;font-size:9px}.mk-code pre{padding:19px;font-size:11px}.mk-integration-options{grid-template-columns:1fr;gap:20px}.mk-integration-options article{padding:27px}.mk-integration-options article>.mk-eyebrow{margin-bottom:28px}.mk-connection-steps{grid-template-columns:1fr;gap:38px;padding-block:50px}.mk-connection-steps li:last-child{padding-bottom:0}.mk-connection-steps li:last-child p{margin-bottom:0}.mk-pricing{grid-template-columns:1fr;gap:42px;padding-bottom:45px}.mk-price-card{padding:25px}.mk-price-card .mk-check-list li{font-size:13px}.mk-release-log{grid-template-columns:1fr;gap:18px;padding-top:26px;padding-bottom:45px}.mk-release-log article>h2{font-size:32px}.mk-release-log aside{align-items:center;gap:13px;display:flex}.mk-release-log aside p{margin:0}.mk-data-page{margin-inline:auto;padding-bottom:50px}.mk-prose h2{margin-top:37px;font-size:25px}.mk-prose h1{font-size:42px}.mk-prose .mk-lead{font-size:17px}.mk-docs{gap:33px;padding-bottom:50px}.mk-docs-sidebar nav{gap:4px}.mk-docs-sidebar nav a{padding:7px 9px;font-size:11px}.mk-prose th,.mk-prose td{padding:11px;font-size:12px}.mk-prose td:first-child{min-width:115px}.mk-prose .mk-endpoints td:first-child{min-width:190px}.mk-callout{padding:17px 19px;font-size:13px}.mk-doc-detail{padding:12px}.mk-prose{font-size:14px}}@media (prefers-reduced-motion:reduce){.marketing *,.marketing :before,.marketing :after{scroll-behavior:auto!important;transition:none!important}}.chatgpt-setup{max-width:860px;padding-top:64px;padding-bottom:88px}.chatgpt-heading{max-width:650px;margin-bottom:30px}.chatgpt-heading h1{letter-spacing:-.045em;margin:16px 0;font-size:clamp(36px,6vw,62px);line-height:1.05}.chatgpt-heading p,.chatgpt-card p,.chatgpt-connection-status p{color:var(--muted-foreground);line-height:1.65}.chatgpt-device{gap:8px;margin-bottom:20px;display:flex}.chatgpt-device button{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.chatgpt-device button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.chatgpt-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:32px}.chatgpt-card h2{letter-spacing:-.025em;margin:0 0 10px;font-size:23px}.chatgpt-card .mk-action{font:inherit;cursor:pointer}.chatgpt-step{grid-template-columns:32px minmax(0,1fr);gap:16px;padding-bottom:28px;display:grid}.chatgpt-step+.chatgpt-step{border-top:1px solid var(--border);padding-top:28px}.chatgpt-step>span{border:1px solid var(--border);border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.chatgpt-fields{border:1px solid var(--border);border-radius:12px;margin:20px 0;overflow:hidden}.chatgpt-fields>div{padding:14px}.chatgpt-fields>div+div{border-top:1px solid var(--border)}.chatgpt-fields dt{color:var(--muted-foreground);margin-bottom:6px;font-size:12px}.chatgpt-fields dd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0;display:flex}.chatgpt-fields code{overflow-wrap:anywhere}.chatgpt-fields button{min-height:40px;color:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.chatgpt-card .chatgpt-note{font-size:13px}.chatgpt-prompt{border-left:2px solid var(--foreground);margin:16px 0;padding:10px 18px;line-height:1.6}.chatgpt-card summary{cursor:pointer;min-height:44px;padding-top:12px}.chatgpt-status-label{border:1px solid var(--border);border-radius:100px;margin-bottom:18px;padding:6px 12px;font-size:12px;display:inline-block}.chatgpt-actions{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}.chatgpt-connection-status{border:1px solid var(--border);border-radius:16px;margin-top:20px;padding:22px}.chatgpt-connection-status a{margin:8px 18px 0 0;display:inline-block}.pf-chatgpt-entry{border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:18px}.pf-chatgpt-entry h3{margin:0 0 8px}.pf-chatgpt-entry p{color:var(--muted-foreground);margin:0 0 14px;line-height:1.5}.pf-chatgpt-entry a{align-items:center;text-decoration:none;display:inline-flex}@media (width<=640px){.chatgpt-setup{padding-top:32px;padding-bottom:48px}.chatgpt-card{border-radius:16px;padding:22px 18px}.chatgpt-step{grid-template-columns:24px minmax(0,1fr);gap:10px}.chatgpt-step>span{width:24px;height:24px}.chatgpt-device button{flex:1;padding:10px 12px}.chatgpt-actions{flex-direction:column;align-items:stretch}}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-400.ttf)format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/geist-500.ttf)format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/geist-600.ttf)format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/geist-700.ttf)format("truetype")}.marketing{--page:var(--lightningcss-light,#f5f2ed)var(--lightningcss-dark,#25221f);--foreground:var(--lightningcss-light,#2c2926)var(--lightningcss-dark,#f0ebe4);--card:var(--lightningcss-light,#fbf9f6)var(--lightningcss-dark,#302b27);--muted-foreground:var(--lightningcss-light,#655f58)var(--lightningcss-dark,#c1b7ac);--border:var(--lightningcss-light,#ddd7cf)var(--lightningcss-dark,#4b433c);--border-strong:var(--lightningcss-light,#716a62)var(--lightningcss-dark,#aca195);--primary:var(--foreground);--primary-foreground:var(--card);--primary-hover:var(--lightningcss-light,#45403b)var(--lightningcss-dark,#ddd7cf);--hover:var(--lightningcss-light,#eeebe5)var(--lightningcss-dark,#3b352f);--mk-pressed:var(--lightningcss-light,#e2dcd3)var(--lightningcss-dark,#4b433c);--mk-caption:var(--lightningcss-light,#716a62)var(--lightningcss-dark,#aca195);--mk-flow-line:var(--lightningcss-light,#9b8773)var(--lightningcss-dark,#aca195);font-family:Geist,Arial,sans-serif}.marketing .mk-action,.mk-home-button{border:1px solid var(--primary);border-radius:8px;gap:8px;min-height:48px;padding:13px 27px;font-size:13px;font-weight:600;line-height:20px}.marketing .mk-action-secondary{border-color:var(--border-strong)}.marketing a:focus-visible,.marketing button:focus-visible,.marketing select:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.marketing .mk-action:active,.mk-home-button-primary:active{background:var(--primary-hover)}.marketing .mk-action-secondary:active{background:var(--mk-pressed)}.marketing .mk-header{background:var(--page);border-bottom:0;position:relative}.marketing .mk-nav-wrap{gap:32px;width:min(1328px,100% - 112px);min-height:104px}.marketing .mk-brand{letter-spacing:-.5px;gap:8px;font-size:17px}.marketing .mk-brand .brand-symbol{width:32px;height:32px}.marketing .mk-nav{color:var(--muted-foreground);gap:24px;font-weight:500}.marketing .mk-nav-actions{gap:32px;margin-left:auto;font-size:13px;font-weight:600}.marketing .mk-header .mk-brand .brand-wordmark{display:inline}.marketing .mk-header .mk-action>svg{display:none}.marketing .mk-menu{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px}.marketing .mk-menu:hover{background:var(--hover)}.marketing .mk-menu:active{background:var(--mk-pressed)}.mk-home-container{width:min(1328px,100% - 112px);margin-inline:auto}.mk-home{padding-top:52px}.marketing .mk-home h1,.marketing .mk-home h2,.marketing .mk-home h3{letter-spacing:-.025em;text-wrap:initial;font-weight:700}.marketing .mk-home h1{font-size:clamp(40px,4.73vw,68px);line-height:96px}.marketing .mk-home-hero>p{letter-spacing:-.025em;margin:0;font-size:28px;line-height:40px}.mk-home-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.mk-home-button{justify-content:center;align-items:center;width:fit-content;text-decoration:none;transition:background .15s;display:inline-flex}.marketing .mk-home-button-primary{background:var(--primary);color:var(--primary-foreground)}.mk-home-button-primary:hover{background:var(--primary-hover)}.mk-home-button-secondary{border-color:var(--border-strong);background:0 0}.mk-home-button-tertiary{background:0 0;border-color:#0000}.mk-home-button-secondary:hover,.mk-home-button-tertiary:hover{background:var(--hover)}.mk-home-button-secondary:active,.mk-home-button-tertiary:active{background:var(--mk-pressed)}.mk-agent-icon{width:20px;height:20px;-webkit-mask:var(--agent-icon) center / contain no-repeat;mask:var(--agent-icon) center / contain no-repeat;background:currentColor;flex:0 0 20px;display:inline-block}.mk-agent-icon-openai{--agent-icon:url(/marketing/openai.svg)}.mk-agent-icon-claude{--agent-icon:url(/marketing/claude.svg)}.mk-home-section{margin-top:80px}.marketing .mk-home h2{margin-bottom:32px;font-size:32px;line-height:48px}.mk-home-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;display:grid}.mk-home-projects article{min-height:280px}.mk-project-preview{aspect-ratio:656/220;border-radius:8px;width:100%;height:auto;display:block}.marketing .mk-home-projects h3{letter-spacing:0;margin-top:8px;font-size:16px;line-height:24px}.marketing .mk-home-projects p{color:var(--mk-caption);margin:4px 0 0;font-size:13px;line-height:20px}.marketing .mk-home-submit{margin:24px 0 0;font-size:14px;line-height:24px}.mk-home-submit a{text-underline-offset:4px;text-decoration:underline}.mk-home-submit a:hover{color:var(--foreground)}.mk-home-flow{aspect-ratio:1328/444;position:relative}.mk-flow-lines{width:100%;height:100%;color:var(--mk-flow-line);position:absolute;inset:0;overflow:visible}.mk-flow-prompts{flex-direction:column;justify-content:space-between;width:23.494%;height:70.27%;display:flex;position:absolute;top:14.865%;left:1.205%}.mk-flow-prompt{background:var(--card);border:1px solid var(--border);border-radius:12px;grid-template-columns:20px minmax(0,1fr) 32px;align-items:start;gap:12px;min-height:88px;padding:15px;display:grid}.mk-flow-prompt:first-child{transform:rotate(2deg)}.mk-flow-prompt:nth-child(2){transform:rotate(-2deg)}.mk-flow-prompt:nth-child(3){transform:rotate(2deg)}.marketing .mk-flow-prompt p{margin:0;font-size:14px;line-height:1.4}.mk-flow-prompt img{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:32px;height:32px}.mk-flow-brand{aspect-ratio:1;width:8.434%;position:absolute;top:37.387%;left:33.735%}.mk-flow-brand .brand-mark{width:100%;height:100%;display:block}.mk-home-flow ul{margin:0;padding:0;list-style:none}.mk-flow-outputs{flex-direction:column;justify-content:space-between;width:19.277%;height:78.378%;display:flex;position:absolute;top:10.81%;left:51.205%}.mk-flow-consumers{flex-direction:column;justify-content:space-between;width:21.988%;height:75.676%;display:flex;position:absolute;top:12.162%;left:76.807%}.mk-home-flow li{background:var(--card);border:1px solid var(--border);border-radius:8px;min-height:48px;padding:12px 16px;font-size:14px;font-weight:600;line-height:22px}.mk-flow-consumers li{align-items:center;gap:16px;padding:11px 20px;display:flex}.mk-flow-mobile-arrow{display:none}.mk-home-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.mk-home-features article{border:1px solid var(--border);background:var(--card);border-radius:12px;min-height:156px;padding:20px}.marketing .mk-home-features h3{letter-spacing:0;font-size:16px;line-height:24px}.marketing .mk-home-features p{margin:10px 0 0;font-size:14px;line-height:1.4}.mk-home-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mk-home-story{border-radius:12px;display:block}.mk-home-story img{aspect-ratio:2;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.marketing .mk-home-story h3{letter-spacing:0;align-items:center;gap:8px;margin-top:20px;font-size:20px;line-height:28px;display:flex}.mk-home-story h3 svg{opacity:0;transition:opacity .15s}.mk-home-story:hover h3 svg,.mk-home-story:focus-visible h3 svg{opacity:1}.marketing .mk-home-story p{margin:12px 0 0;font-size:14px;line-height:20px}.mk-home-more{justify-content:center;margin-top:32px;display:flex}.mk-home-footer{color:var(--mk-caption);align-items:center;gap:100px;margin-top:80px;padding-block:0 56px;font-size:12px;display:flex}.mk-home-footer nav{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mk-home-footer a:hover{color:var(--foreground)}.mk-home-footer .theme-control{margin-left:auto}@media (width>=1101px) and (width<=1399px){.marketing .mk-nav-wrap{gap:24px}.marketing .mk-nav{gap:18px}.marketing .mk-nav-actions{gap:20px}.mk-flow-prompt{grid-template-columns:20px minmax(0,1fr) 24px;gap:8px;min-height:76px;padding:12px}.mk-flow-prompt img{width:24px;height:24px}.marketing .mk-flow-prompt p,.mk-home-flow li{font-size:13px}.mk-home-flow li{min-height:42px;padding:9px 12px}}@media (width<=1100px){.marketing .mk-nav-wrap,.mk-home-container{width:calc(100% - 64px)}.marketing .mk-nav-wrap{gap:20px;min-height:88px}.marketing .mk-nav-actions{gap:20px;margin-left:auto}.marketing .mk-menu{display:inline-flex}.marketing .mk-nav{background:var(--page);border-bottom:1px solid var(--border);box-shadow:0 12px 20px var(--shadow);margin:0;padding:20px 32px;display:none;position:absolute;top:88px;left:0;right:0}.marketing .mk-nav.is-open{flex-direction:column;align-items:stretch;gap:4px;display:flex}.marketing .mk-nav a{padding:12px 0;font-size:15px}.marketing .mk-home h1{line-height:1.2}.marketing .mk-home-hero>p{margin-top:12px;font-size:24px;line-height:1.4}.mk-home-flow{aspect-ratio:auto;flex-direction:column;align-items:center;gap:24px;display:flex}.mk-flow-lines{display:none}.mk-flow-prompts,.mk-flow-outputs,.mk-flow-consumers{gap:16px;width:100%;height:auto;display:grid;position:static}.mk-flow-prompts{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-flow-prompt{grid-template-columns:20px minmax(0,1fr)}.mk-flow-prompt img{display:none}.mk-flow-prompt:nth-child(n){transform:none}.mk-flow-brand{width:96px;margin:16px;position:relative;inset:auto}.mk-flow-brand:before{content:"";border:1px solid var(--border);opacity:.5;border-radius:50%;position:absolute;inset:-32px}.mk-flow-mobile-arrow{color:var(--mk-caption);display:block}.mk-flow-outputs{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-flow-consumers,.mk-home-features{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-home-projects article{min-height:0}.mk-home-footer{gap:32px}}@media (width<=600px){.marketing .mk-nav-wrap,.mk-home-container{width:calc(100% - 40px)}.marketing .mk-nav-wrap{gap:12px;min-height:80px}.marketing .mk-nav{top:80px}.marketing .mk-nav-actions{gap:12px}.marketing .mk-nav-actions>.mk-action{display:none}.marketing .mk-brand .brand-symbol{width:28px;height:28px}.marketing .mk-brand{font-size:16px}.marketing .mk-nav-actions .theme-control{display:none}.mk-home{padding-top:32px}.marketing .mk-home h1{font-size:clamp(36px,9.4vw,52px);line-height:1.12}.marketing .mk-home-hero>p{font-size:21px}.mk-home-actions{flex-direction:column;align-items:stretch}.mk-home-actions .mk-home-button{width:100%}.mk-home-section{margin-top:56px}.marketing .mk-home h2{margin-bottom:24px;font-size:28px;line-height:1.25}.mk-home-projects,.mk-home-stories{grid-template-columns:1fr;gap:28px}.mk-project-preview{object-fit:cover;min-height:140px}.mk-flow-prompts{grid-template-columns:1fr}.mk-flow-prompt{grid-template-columns:20px minmax(0,1fr) 32px;min-height:80px}.mk-flow-prompt img{display:block}.mk-flow-outputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mk-flow-consumers{grid-template-columns:1fr;gap:12px}.mk-home-flow li{align-items:center;padding:12px;font-size:13px;display:flex}.mk-home-features{grid-template-columns:1fr;gap:12px}.mk-home-features article{min-height:0}.mk-home-footer{flex-wrap:wrap;gap:24px;margin-top:56px;padding-bottom:32px}.mk-home-footer nav{order:3;gap:20px;width:100%}}.mk-connector-hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(250px,360px);align-items:end;gap:72px;min-height:430px;padding-block:104px 88px;display:grid}.mk-connector-hero>div>.mk-agent-icon,.mk-connector-hero>div>svg{width:32px;height:32px;margin-bottom:30px;display:block}.marketing .mk-connector-hero h1,.marketing .mk-pricing-hero h1{letter-spacing:-.065em;text-transform:none;max-width:920px;font-size:clamp(48px,7vw,96px);line-height:.95}.marketing .mk-connector-hero p{max-width:690px;margin:28px 0 0;font-size:clamp(20px,2vw,28px);line-height:1.35}.mk-chatgpt-badge{border:1px solid var(--border);background:var(--card);border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px 14px;padding:24px;display:grid}.mk-chatgpt-badge .mk-agent-icon{grid-row:1/span 2;width:38px;height:38px}.mk-chatgpt-badge span:last-child{width:fit-content;color:var(--muted-foreground);background:var(--hover);border-radius:999px;padding:4px 8px;font-size:11px}.mk-connector-flow{border-bottom:1px solid var(--border);grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(48px,8vw,120px);padding-block:96px;display:grid}.mk-connector-flow-heading{align-self:start;position:sticky;top:100px}.marketing .mk-connector-flow-heading h2,.marketing .mk-custom-clients h2,.marketing .mk-connector-closing h2{letter-spacing:-.05em;font-size:clamp(34px,4vw,56px);line-height:1.03}.marketing .mk-connector-flow-heading>p,.marketing .mk-custom-clients>div:first-child>p,.marketing .mk-connector-closing>p{margin-top:22px;font-size:17px;line-height:1.55}.mk-connector-values{gap:10px;margin-top:36px;display:grid}.mk-connector-values .mk-code{margin:0}.mk-connector-steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.mk-connector-steps>li{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(0,1fr);gap:24px;margin-bottom:56px;padding:0 0 56px;display:grid}.mk-connector-steps>li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.mk-connector-steps>li>span{border:1px solid var(--foreground);border-radius:50%;place-items:center;width:44px;height:44px;font-size:12px;font-weight:700;display:grid}.marketing .mk-connector-steps h3{margin:6px 0 10px;font-size:26px;line-height:1.2}.mk-connector-steps code{color:var(--muted-foreground);font:inherit;margin-bottom:12px;font-size:12px;display:inline-block}.marketing .mk-connector-steps p{margin:0;font-size:15px;line-height:1.6}.mk-connector-steps img{object-fit:contain;object-position:left top;border:1px solid var(--border);background:#f5f5f5;border-radius:10px;width:100%;height:auto;max-height:470px;margin-top:28px;display:block}.marketing .mk-connector-projects>h2{margin-bottom:32px;font-size:28px}.marketing .mk-connector-projects>p{text-align:right;margin-top:28px}.mk-connector-projects>p a{text-underline-offset:4px;align-items:center;gap:7px;text-decoration:underline;display:inline-flex}.mk-custom-clients{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(48px,8vw,120px);padding-block:96px;display:grid}.mk-custom-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mk-custom-client-grid article{border:1px solid var(--border);background:var(--card);border-radius:10px;flex-direction:column;min-height:180px;padding:24px;display:flex}.mk-custom-client-grid svg{margin-bottom:auto}.mk-custom-client-grid span{color:var(--muted-foreground);font-size:12px}.mk-connector-closing{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr) auto;align-items:end;gap:40px;padding-top:96px;display:grid}.mk-pricing-redesign{padding-bottom:112px}.mk-pricing-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mk-pricing-plans article{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;min-height:520px;padding:36px;display:flex}.mk-pricing-plans article.is-featured{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.mk-pricing-plans .is-featured .mk-destination-label,.mk-pricing-plans .is-featured p{color:color-mix(in srgb, var(--primary-foreground) 72%, transparent)}.marketing .mk-pricing-plans h2{letter-spacing:-.045em;min-height:92px;font-size:clamp(32px,3vw,46px);line-height:1}.marketing .mk-pricing-plans article>p{min-height:72px;margin:18px 0 28px;font-size:15px}.mk-pricing-plans .mk-action{justify-content:space-between;width:100%}.mk-pricing-plans ul{gap:14px;margin:auto 0 0;padding:32px 0 0;list-style:none;display:grid}.mk-pricing-plans li{align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.mk-pricing-plans li svg{flex:none}.marketing .mk-pricing-note{color:var(--muted-foreground);text-align:center;margin:56px auto 0;font-size:15px}@media (width<=900px){.mk-connector-hero,.mk-connector-flow,.mk-custom-clients,.mk-connector-closing{grid-template-columns:1fr}.mk-connector-hero{min-height:0}.mk-connector-flow-heading{position:static}.mk-pricing-plans{grid-template-columns:1fr}.mk-pricing-plans article,.marketing .mk-pricing-plans h2,.marketing .mk-pricing-plans article>p{min-height:0}.mk-pricing-plans ul{margin-top:32px}}@media (width<=600px){.mk-connector-page,.mk-pricing-redesign{padding-bottom:72px}.mk-connector-hero,.mk-pricing-hero{padding-block:72px 56px}.mk-connector-flow,.mk-custom-clients{gap:44px;padding-block:64px}.mk-custom-client-grid{grid-template-columns:1fr}.mk-custom-client-grid article{min-height:150px}.mk-connector-steps>li{grid-template-columns:36px minmax(0,1fr);gap:14px;margin-bottom:40px;padding-bottom:40px}.mk-connector-steps>li>span{width:34px;height:34px}.marketing .mk-connector-steps h3{margin-top:3px;font-size:22px}.mk-connector-projects{padding-top:64px}.mk-pricing-plans article{padding:28px}}@media (prefers-reduced-motion:reduce){.mk-home-button,.mk-home-story h3 svg{transition:none}}.mk-redesign-footer{border-top:1px solid var(--border);grid-template-columns:2fr repeat(4,1fr);gap:48px;margin-top:80px;padding-block:32px 56px;font-size:12px;display:grid}.mk-redesign-footer-brand>a{letter-spacing:-.04em;font-size:18px;font-weight:700}.mk-redesign-footer-brand p{color:var(--muted-foreground);margin:16px 0 56px;line-height:1.5}.mk-redesign-footer-brand small{color:var(--muted-foreground)}.mk-redesign-footer nav{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.mk-redesign-footer nav strong{margin-bottom:5px;font-size:12px}.mk-redesign-footer nav a{color:var(--muted-foreground)}.mk-redesign-footer nav a:hover{color:var(--foreground)}.mk-redesign-footer .theme-control{margin-top:auto}@media (width<=800px){.mk-redesign-footer{grid-template-columns:repeat(2,1fr);gap:36px 24px}.mk-redesign-footer-brand{grid-column:1/-1}.mk-redesign-footer-brand p{margin-bottom:16px}}@media (width<=480px){.mk-redesign-footer{grid-template-columns:1fr 1fr;padding-bottom:36px}}.mk-destination-intro{max-width:940px;margin-bottom:48px}.mk-destination-label{color:var(--mk-caption);margin-bottom:16px;font-size:13px;font-weight:600;display:block}.marketing .mk-destination-intro h1{font-size:clamp(36px,4.2vw,60px);line-height:1.12}.marketing .mk-destination-intro>p{max-width:720px;margin:24px 0 0;font-size:22px;line-height:1.5}.mk-destination-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.mk-filter-group{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.mk-destination-toolbar .mk-filter-group{margin:0}.mk-filter-group button{border:1px solid var(--border);min-height:44px;color:var(--foreground);background:0 0;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}.mk-filter-group button:hover{background:var(--hover)}.mk-filter-group button:active{background:var(--mk-pressed)}.mk-filter-group button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.mk-project-details{border-top:1px solid var(--border);margin-top:16px;padding-top:12px;font-size:14px}.mk-project-details summary{cursor:pointer;width:fit-content}.marketing .mk-project-details p{color:var(--muted-foreground);margin:12px 0}.mk-project-details a,.mk-destination-callout>a,.mk-setup-aside>a{text-underline-offset:4px;align-items:center;gap:8px;font-size:14px;text-decoration:underline;display:inline-flex}.mk-submission{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:80px;margin-top:80px;padding-top:64px;display:grid}.marketing .mk-submission h2{margin-bottom:24px;line-height:1.2}.mk-submission-form{flex-direction:column;gap:20px;display:flex}.mk-submission-form label{flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.mk-submission-form input:not([type=checkbox]),.mk-submission-form textarea{background:var(--card);border:1px solid var(--border);width:100%;min-height:48px;color:var(--foreground);font:inherit;border-radius:8px;padding:13px 16px}.mk-submission-form textarea{resize:vertical}.mk-submission-form input::placeholder,.mk-submission-form textarea::placeholder{color:var(--mk-caption)}.mk-submission-form input:hover,.mk-submission-form textarea:hover{border-color:var(--border-strong)}.mk-submission-form input:focus,.mk-submission-form textarea:focus{outline:2px solid var(--foreground);outline-offset:-2px}.mk-submission-form .mk-submission-consent{flex-direction:row;align-items:flex-start;font-weight:400}.mk-submission-consent input{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin:2px 0 0}.marketing .mk-form-note{margin:0;font-size:13px}.mk-submission-draft{border:1px solid var(--border);background:var(--card);overflow-wrap:anywhere;border-radius:12px;padding:24px}.marketing .mk-submission-draft h3{align-items:center;gap:8px;margin-bottom:16px;font-size:18px;line-height:1.4;display:flex}.mk-submission-draft pre{white-space:pre-wrap;font:inherit;margin:20px 0;font-size:14px;line-height:1.5}.mk-destination-callout{background:var(--card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:32px;margin-top:64px;padding:32px;display:flex}.marketing .mk-destination-callout h2{margin-bottom:12px;font-size:24px;line-height:1.3}.marketing .mk-destination-callout p{max-width:650px;margin:0}.mk-destination-callout>a{flex-shrink:0}.mk-back-link{align-items:center;gap:8px;margin-bottom:32px;font-size:14px;display:inline-flex}.mk-article-cover{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:520px;display:block}.mk-article-body{max-width:760px;margin:56px auto 0;font-size:17px;line-height:1.8}.marketing .mk-article-body h2{margin:40px 0 20px;font-size:28px;line-height:1.3}.mk-article-body p a,.mk-setup-steps p a{text-underline-offset:4px;text-decoration:underline}.mk-article-body .mk-home-button{margin-top:16px}.mk-connection-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.mk-connection-options article{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-start;padding:32px;display:flex}.mk-connection-options article>.mk-agent-icon,.mk-connection-options article>svg{flex-basis:32px;width:32px;height:32px}.marketing .mk-connection-options h2{margin:24px 0 12px;font-size:24px;line-height:1.3}.mk-connection-options .mk-home-button{margin-top:auto}.mk-setup-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:64px;display:grid}.mk-setup-steps{min-width:0}.mk-setup-step{border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);gap:20px;margin-bottom:32px;padding-bottom:32px;display:grid}.mk-setup-step:last-child{border:0;margin-bottom:0;padding-bottom:0}.mk-setup-step>span{border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.marketing .mk-setup-step h2{margin-bottom:16px;font-size:24px;line-height:36px}.mk-setup-step p:last-child{margin-bottom:0}.mk-setup-step .mk-code{margin-block:24px}.mk-setup-step .mk-filter-group{margin-bottom:24px}.mk-setup-aside{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px}.marketing .mk-setup-aside h2{margin:20px 0 24px;font-size:20px;line-height:1.4}.marketing .mk-setup-aside h3{letter-spacing:0;margin-bottom:8px;font-size:15px;line-height:1.5}.mk-setup-aside p{font-size:14px;line-height:1.6}.mk-destination .mk-code{max-width:100%}.mk-destination .mk-code pre{white-space:pre-wrap;overflow-wrap:anywhere}.mk-destination .mk-home-projects a:hover h3{text-underline-offset:4px;text-decoration:underline}@media (width<=1100px){.mk-setup-layout{grid-template-columns:minmax(0,1fr) 280px;gap:32px}.mk-submission{gap:40px}.mk-connection-options{gap:16px}.mk-connection-options article{padding:24px}.mk-connection-options .mk-home-button{padding-inline:16px}}@media (width<=800px){.mk-setup-layout,.mk-submission,.mk-connection-options{grid-template-columns:1fr}.mk-destination-callout{flex-direction:column;align-items:flex-start}.mk-destination-intro{margin-bottom:32px}.marketing .mk-destination-intro>p{font-size:19px}.mk-article-body{margin-top:32px}}@media (width<=600px){.mk-submission{margin-top:56px;padding-top:40px}.mk-filter-group{gap:8px}.mk-filter-group button{padding-inline:14px}.mk-setup-step{grid-template-columns:28px minmax(0,1fr);gap:12px}.mk-setup-step>span{width:28px;height:28px}.marketing .mk-setup-step h2{font-size:21px;line-height:28px}.mk-destination-callout{padding:24px}}.mk-blog-redesign{padding-block:52px 24px}.mk-blog-redesign-hero{border-bottom:1px solid var(--border);max-width:900px;min-height:321px;padding-bottom:42px}.mk-blog-redesign-hero>span,.mk-blog-older article>span{letter-spacing:.04em;font-size:12px;font-weight:600;display:block}.marketing .mk-blog-redesign-hero h1{letter-spacing:-.045em;margin-top:22px;font-size:48px;line-height:1.33}.marketing .mk-blog-redesign-hero p{max-width:900px;color:var(--foreground);margin:24px 0 0;font-size:22px;line-height:1.4}.mk-blog-redesign-body{max-width:900px;padding-block:44px 104px;font-size:17px;line-height:1.4}.marketing .mk-blog-redesign-body p{color:var(--foreground);margin-bottom:18px}.marketing .mk-blog-redesign-body h2{letter-spacing:0;margin:30px 0 12px;font-size:16px;line-height:1.4}.mk-blog-older{border-top:1px solid var(--border);padding-top:56px}.marketing .mk-blog-older>h2{margin-bottom:28px;font-size:28px;line-height:1.2}.mk-blog-older>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.mk-blog-older article{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 55%, transparent);border-radius:8px;flex-direction:column;min-height:290px;padding:22px;display:flex}.marketing .mk-blog-older article h3{letter-spacing:-.02em;min-height:80px;margin-top:16px;font-size:16px;line-height:1.4}.marketing .mk-blog-older article p{min-height:72px;margin:14px 0 24px;font-size:13px;line-height:1.4}.mk-blog-older article time{margin-top:auto;font-size:11px}.mk-community-redesign{width:min(1312px,100% - 128px);padding-block:40px 0}.mk-community-socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.mk-community-socials>a{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 55%, transparent);border-radius:10px;align-items:flex-start;gap:24px;min-height:216px;padding:30px;display:flex}.mk-community-socials>a:hover{background:var(--hover)}.mk-community-socials strong,.mk-community-socials small{display:block}.mk-community-socials strong{margin:3px 0 18px;font-size:17px}.mk-community-socials small{max-width:430px;color:var(--muted-foreground);font-size:12px;line-height:1.5}.mk-instagram-icon{border:3px solid;border-radius:10px;flex:0 0 38px;width:38px;height:38px;position:relative}.mk-instagram-icon:before{content:"";border:3px solid;border-radius:50%;position:absolute;inset:8px}.mk-instagram-icon:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;right:5px}.mk-youtube-icon{width:44px;height:32px;color:var(--primary-foreground);background:var(--primary);border-radius:8px;flex:0 0 44px;place-items:center;margin-top:3px;display:grid}.mk-community-featured{margin-top:72px}.mk-community-featured>.mk-home-projects{margin-bottom:64px}.marketing .mk-community-featured>h1{letter-spacing:-.035em;min-height:42px;margin-bottom:30px;font-size:30px;line-height:1.2}.mk-community-mosaic{height:1588px;position:relative}.mk-community-tile{color:#1e1d1b;letter-spacing:-.035em;border-radius:8px;flex-direction:column;padding:22px;font-size:clamp(17px,1.65vw,24px);font-weight:700;line-height:1.05;display:flex;position:absolute;overflow:hidden}.mk-community-tile span{display:block}.mk-community-tile.is-prompt{background:#c5f36a;width:304px;height:304px;top:0;left:0}.mk-community-tile.is-pick{background:#dedad5;width:304px;height:380px;top:0;left:328px}.mk-community-tile.is-decision{background:#78d1c0;width:304px;height:304px;top:0;left:656px}.mk-community-tile.is-workflow{background:#edc17d;width:328px;height:410px;top:0;left:984px}.mk-community-tile.is-together{background:#d9cbf4;width:304px;height:380px;top:328px;left:0}.mk-community-tile.is-critique{background:#aac4dc;width:304px;height:304px;top:404px;left:328px}.mk-community-tile.is-systems{background:#bdddbc;width:304px;height:380px;top:328px;left:656px}.mk-community-tile.is-study{background:#cec8c2;width:328px;height:328px;top:434px;left:984px}.mk-community-video{color:#1f1e1b;background:#171717;border-radius:8px;place-items:center;display:grid;position:absolute}.mk-community-video svg{box-sizing:content-box;color:#1f1e1b;background:#f6f2ec;border-radius:50%;padding:12px}.mk-community-video.is-video-one{width:632px;height:356px;top:732px;left:0}.mk-community-video.is-video-two{background:#25231f;width:656px;height:369px;top:786px;left:656px}.mk-community-tile.is-chatgpt{background:#e6a7a2;width:304px;height:304px;top:1112px;left:0}.mk-community-tile.is-week{background:#ddd7a5;width:304px;height:380px;top:1112px;left:328px}.mk-community-tile.is-notes{background:#b7cba6;width:304px;height:304px;top:1179px;left:656px}.mk-community-tile.is-learned{background:#cdbce2;width:328px;height:410px;top:1179px;left:984px}.mk-community-participate{margin-top:98px}.marketing .mk-community-participate>h2{min-height:48px;margin-bottom:24px;font-size:28px}.mk-community-participate>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.mk-community-participate article{border:1px solid var(--border);border-radius:8px;min-height:246px;padding:22px}.marketing .mk-community-participate h3{letter-spacing:0;font-size:15px}.marketing .mk-community-participate p{margin:18px 0 0;font-size:12px;line-height:1.55}.marketing .mk-community-submit{min-height:36px;margin:82px 0 0;font-size:14px}.mk-community-submit a{text-underline-offset:4px;text-decoration:underline}.marketing:has(.mk-community-redesign) .mk-redesign-footer{width:min(1312px,100% - 128px);margin-top:56px}.mk-connector-page{padding-bottom:24px}.mk-connector-hero{border-bottom:0;min-height:0;padding-block:82px 72px;display:block}.marketing .mk-connector-hero h1,.marketing .mk-pricing-hero h1{letter-spacing:-.05em;max-width:none;font-size:clamp(42px,4.2vw,60px);line-height:1.05}.marketing .mk-connector-hero p{max-width:920px;margin-top:26px;font-size:20px}.mk-connector-hero-actions{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:30px;display:flex}.mk-chatgpt-plugin{gap:5px;display:grid}.mk-chatgpt-badge{border:1px solid var(--border);min-height:48px;color:var(--muted-foreground);background:var(--hover);border-radius:8px;align-items:center;gap:9px;padding:11px 16px;display:inline-flex}.mk-chatgpt-badge .mk-agent-icon{width:18px;height:18px}.mk-chatgpt-badge strong{font-size:12px}.mk-chatgpt-pending{color:var(--muted-foreground);font-size:10px}.mk-connector-flow,.mk-connector-flow.mk-connector-flow-flat,.mk-connector-flow.mk-connector-flow-chatgpt{border-bottom:0;padding-block:48px 84px;display:block}.mk-connector-flow-heading{margin-bottom:42px;position:static}.marketing .mk-connector-flow-heading h2{letter-spacing:-.035em;font-size:27px;line-height:1.2}.marketing .mk-connector-flow-heading>p{max-width:980px;margin-top:18px;font-size:13px}.mk-connector-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 56px;display:grid}.mk-connector-steps>li{border:0;min-width:0;margin:0;padding:0;display:block}.mk-connector-steps>li>span{width:auto;height:auto;color:var(--muted-foreground);text-align:left;border:0;border-radius:0;margin-bottom:14px;font-size:19px;display:block}.mk-connector-step-content{min-width:0}.mk-connector-step-content>div,.mk-connector-values,.mk-connector-values .mk-code,.mk-connector-values .mk-code pre{min-width:0;max-width:100%}.mk-connector-flow-chatgpt .mk-connector-step-content{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:22px;display:grid}.mk-connector-steps img{object-fit:contain;border-radius:5px;width:100%;height:auto;max-height:none;margin:0}.marketing .mk-connector-steps h3{margin:0 0 12px;font-size:14px}.mk-connector-steps code{margin-bottom:12px;font-size:10px;line-height:1.45;display:block}.marketing .mk-connector-steps p{font-size:11px;line-height:1.55}.mk-connector-values{gap:8px;margin-top:18px}.mk-connector-values .mk-code{border-radius:5px}.mk-connector-values .mk-code pre{font-size:10px}.mk-connector-projects{padding-top:28px}.mk-custom-clients{border-bottom:0;padding-block:44px 76px;display:block}.marketing .mk-custom-clients h2,.marketing .mk-connector-closing h2{letter-spacing:-.04em;font-size:28px;line-height:1.15}.marketing .mk-custom-clients>div:first-child>p{max-width:920px;margin-top:18px;font-size:13px}.mk-custom-client-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}.mk-custom-client-grid article{background:0 0;justify-content:flex-end;min-height:94px;padding:20px}.mk-custom-client-grid strong{margin:0 0 8px;font-size:13px}.mk-connector-closing{border:1px solid var(--border);border-radius:8px;padding:28px;display:block}.marketing .mk-connector-closing>p{max-width:860px;margin:14px 0 0;font-size:12px}.mk-pricing-hero{max-width:none;padding-block:92px 64px}.marketing .mk-pricing-hero p{margin-top:26px;font-size:20px}.mk-pricing-plans article,.mk-pricing-plans article.is-featured{min-height:500px;color:var(--foreground);background:color-mix(in srgb, var(--card) 55%, transparent);border-color:var(--border);padding:30px}.mk-pricing-plans article .mk-destination-label,.mk-pricing-plans article.is-featured .mk-destination-label{color:var(--foreground);margin-bottom:26px;font-size:18px;font-weight:700}.marketing .mk-pricing-plans h2{min-height:0;font-size:36px}.marketing .mk-pricing-plans article>p,.mk-pricing-plans .is-featured p{min-height:64px;color:var(--muted-foreground);margin:24px 0 0}.mk-pricing-plans ul{margin:28px 0;padding:0}.mk-pricing-plans .mk-action{margin-top:auto}.marketing:has(.mk-pricing-redesign) .mk-redesign-footer-brand p{display:none}.marketing .mk-nav a[aria-current]{color:var(--foreground)}.marketing .mk-nav a[aria-current]:after{content:none}.mk-connector-values .mk-code{color:var(--foreground);background:0 0;position:relative;overflow:visible}.mk-connector-values .mk-code>div{color:var(--muted-foreground);background:0 0;border:0;margin-bottom:5px;padding:0;font-family:inherit;font-size:10px;display:block}.mk-connector-values .mk-code button{z-index:1;height:28px;color:var(--foreground);padding:4px 7px;position:absolute;bottom:4px;right:5px}.mk-connector-values .mk-code button:hover{background:var(--hover)}.mk-connector-values .mk-code pre{border:1px solid var(--border);min-height:36px;color:var(--foreground);background:var(--card);border-radius:4px;padding:9px 68px 9px 10px;line-height:16px}@media (width>=1440px){.mk-redesign-footer{height:220px;padding-block:32px 30px}.marketing:has(.mk-home-hero) .mk-redesign-footer{margin-top:52px;margin-bottom:56px}.mk-blog-redesign-body{min-height:988px}.marketing .mk-blog-older>h2{min-height:48px;margin-bottom:24px}.mk-blog-older>div{gap:28px}.mk-blog-older article time{font-size:12px}.mk-blog-older article{height:290px}.marketing:has(.mk-blog-redesign) .mk-redesign-footer{margin-top:74px;margin-bottom:30px}.marketing:has(.mk-community-redesign) .mk-redesign-footer{margin-bottom:68px}.mk-connector-page{padding-bottom:0}.mk-connector-hero{height:208px;padding:0}.marketing .mk-connector-hero h1{letter-spacing:-.05em;width:100%;height:96px;margin:0;font-size:48px;line-height:1.4}.marketing .mk-connector-hero>p{width:100%;max-width:none;height:40px;margin:0;font-size:28px;line-height:1.4}.mk-connector-hero-actions{gap:12px;margin-top:24px}.mk-connector-page-chatgpt .mk-connector-hero{height:232px}.mk-connector-page-chatgpt .mk-connector-hero-actions{min-height:72px}.mk-connector-page-custom .mk-connector-hero{height:208px}.marketing .mk-connector-page-custom .mk-connector-hero h1{height:68px}.marketing .mk-connector-page-custom .mk-connector-hero>p{max-width:1328px;height:50px;margin-top:14px;font-size:16px}.mk-connector-page-custom .mk-connector-hero-actions{margin-top:28px}.mk-connector-flow,.mk-connector-flow.mk-connector-flow-flat,.mk-connector-flow.mk-connector-flow-chatgpt{padding:0}.mk-connector-flow-heading{margin:0}.marketing .mk-connector-flow-heading h2{min-height:52px;margin:0;font-size:28px;line-height:1.4}.marketing .mk-connector-flow-heading>p{width:980px;max-width:980px;height:52px;margin:10px 0 0;font-size:16px;line-height:1.4}.mk-connector-steps{grid-template-columns:repeat(2,656px);column-gap:16px}.mk-connector-steps>li{overflow:hidden}.mk-connector-page-chatgpt .mk-connector-flow{height:968px;margin-top:56px}.mk-connector-page-chatgpt .mk-connector-flow-heading{margin-bottom:36px}.mk-connector-page-chatgpt .mk-connector-steps{row-gap:30px}.mk-connector-page-chatgpt .mk-connector-steps>li{height:360px}.mk-connector-page-claude .mk-connector-flow{height:770px;margin-top:80px}.mk-connector-page-claude .mk-connector-flow-heading{margin-bottom:36px}.mk-connector-page-claude .mk-connector-steps{row-gap:0}.mk-connector-page-claude .mk-connector-steps>li{height:270px}.mk-connector-page-claude .mk-connector-steps>li:nth-child(2){height:300px}.mk-connector-projects{padding-top:0}.marketing .mk-connector-projects>h2{min-height:48px;margin-bottom:32px;line-height:1.4}.mk-connector-page-chatgpt .mk-connector-projects{height:712px;margin-top:110px}.mk-connector-page-chatgpt .mk-connector-projects>p{height:24px;margin-top:24px;line-height:24px}.mk-connector-page-claude .mk-connector-projects{height:540px;margin-top:96px}.mk-connector-page-claude .mk-connector-projects>h2{margin-bottom:24px}.mk-connector-page-claude .mk-home-projects article{height:200px;min-height:200px}.mk-connector-page-claude .mk-project-preview{aspect-ratio:auto;object-fit:cover;height:142px}.mk-connector-page-claude .mk-connector-projects>p{display:none}.mk-connector-page-custom .mk-custom-clients{height:250px;margin-top:80px;padding:0}.marketing .mk-connector-page-custom .mk-custom-clients h2{min-height:40px;margin:0;font-size:28px;line-height:1.4}.marketing .mk-connector-page-custom .mk-custom-clients>div:first-child>p{width:900px;max-width:900px;height:50px;margin:12px 0 0;font-size:16px;line-height:1.4}.mk-connector-page-custom .mk-custom-client-grid{grid-template-columns:repeat(4,308px);gap:24px;margin-top:30px}.mk-connector-page-custom .mk-custom-client-grid article{height:86px;min-height:86px}.mk-connector-page-custom .mk-connector-flow{height:590px;margin-top:72px}.mk-connector-page-custom .mk-connector-flow-heading{margin-bottom:32px}.marketing .mk-connector-page-custom .mk-connector-flow-heading h2{min-height:40px}.mk-connector-page-custom .mk-connector-steps{row-gap:28px}.mk-connector-page-custom .mk-connector-steps>li{height:210px}.mk-connector-page-custom .mk-connector-closing{border-radius:12px;height:150px;min-height:150px;margin-top:74px}.marketing:has(.mk-connector-page-chatgpt) .mk-redesign-footer{margin-top:102px;margin-bottom:56px}.marketing:has(.mk-connector-page-claude) .mk-redesign-footer{margin-top:60px;margin-bottom:110px}.marketing:has(.mk-connector-page-custom) .mk-redesign-footer{margin-top:48px;margin-bottom:32px}.mk-pricing-redesign{padding-bottom:0}.mk-pricing-hero{height:204px;padding:10px 0 0}.marketing .mk-pricing-hero h1{height:76px;margin:0;font-size:48px;line-height:1.4}.marketing .mk-pricing-hero p{height:48px;margin:4px 0 0;font-size:22px;line-height:1.4}.mk-pricing-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;height:470px}.mk-pricing-plans article,.mk-pricing-plans article.is-featured{height:470px;min-height:470px}.marketing .mk-pricing-note{height:40px;margin-top:100px;font-size:16px;line-height:1.4}.marketing:has(.mk-pricing-redesign) .mk-redesign-footer{height:230px;margin-top:110px;margin-bottom:120px;position:relative}.marketing:has(.mk-pricing-redesign) .mk-redesign-footer{grid-template-columns:440px repeat(4,minmax(0,1fr));gap:24px}.marketing:has(.mk-pricing-redesign) .mk-redesign-footer-brand small{position:absolute;top:210px;left:0}}@media (width<=1439px){:is(.marketing:has(.mk-pricing-redesign) .mk-redesign-footer-brand>a,.marketing:has(.mk-pricing-redesign) .mk-redesign-footer-brand small){display:block}.marketing:has(.mk-pricing-redesign) .mk-redesign-footer-brand small{margin-top:16px}.mk-community-mosaic{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(160px,auto);gap:16px;height:auto;display:grid;position:static}.mk-community-mosaic>*{visibility:visible!important;grid-area:auto!important;width:auto!important;height:auto!important;position:static!important}.mk-community-video{min-height:260px;grid-column:1/-1!important}}@media (width<=900px){.mk-community-redesign{width:calc(100% - 48px)}.marketing:has(.mk-community-redesign) .mk-redesign-footer{width:calc(100% - 48px)}.mk-blog-older>div,.mk-community-participate>div,.mk-connector-steps{grid-template-columns:1fr}.mk-community-mosaic{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(160px,auto);gap:16px;height:auto;display:grid;position:static}.mk-community-mosaic>*{visibility:visible!important;grid-area:auto!important;width:auto!important;height:auto!important;position:static!important}.mk-community-video{min-height:260px;grid-column:1/-1!important}.mk-custom-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-connector-flow-chatgpt .mk-connector-step-content{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}}@media (width<=600px){.mk-blog-redesign,.mk-community-redesign{width:calc(100% - 32px);padding-top:48px}.marketing:has(.mk-community-redesign) .mk-redesign-footer{width:calc(100% - 32px)}.marketing .mk-blog-redesign-hero h1{margin-top:28px;font-size:40px}.marketing .mk-blog-redesign-hero p{font-size:18px}.mk-blog-older article{min-height:220px}.mk-community-socials,.mk-community-mosaic,.mk-custom-client-grid{grid-template-columns:1fr}.mk-community-socials>a{min-height:0;padding:24px}.mk-community-mosaic>*{grid-column:1!important}.mk-connector-hero{padding-block:58px 42px}.marketing .mk-connector-hero h1,.marketing .mk-pricing-hero h1{font-size:40px}.marketing .mk-connector-hero p{font-size:18px}.mk-connector-flow,.mk-connector-flow.mk-connector-flow-flat,.mk-connector-flow.mk-connector-flow-chatgpt{padding-block:36px 62px}.mk-connector-flow-chatgpt .mk-connector-step-content{grid-template-columns:1fr}.mk-connector-steps{gap:46px}.mk-pricing-plans article,.mk-pricing-plans article.is-featured{min-height:470px}}.pf-agent-panel.pf-panel{width:300px;max-height:calc(100dvh - 195px);left:auto;right:24px}.pf-agent-summary{border-bottom:1px solid var(--border);flex-shrink:0;padding:17px}.pf-agent-summary p{font-size:var(--font-size-ui);color:var(--muted-foreground);margin:8px 0 13px;line-height:1.6}.pf-agent-legend{font-size:var(--font-size-ui-small);color:var(--muted-foreground);gap:17px;display:flex}.pf-agent-legend span{align-items:center;gap:6px;display:flex}.pf-agent-legend i{border:1.5px solid var(--ring);border-radius:2px;width:12px;height:10px}.pf-agent-legend .is-inspect{border-style:dashed}.pf-agent-list{overscroll-behavior:contain;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.pf-agent-action{border-bottom:1px solid var(--border);gap:10px;padding:17px;display:flex}.pf-agent-action:last-child{border-bottom:0}.pf-agent-action.is-selected{background:var(--selected)}.pf-agent-action-icon{background:var(--muted);width:28px;height:28px;color:var(--muted-foreground);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.pf-agent-action-icon.is-failed{color:var(--destructive)}.pf-agent-action-body{flex:1;min-width:0}.pf-agent-action-meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pf-agent-action-meta strong{font-size:var(--font-size-ui);overflow-wrap:anywhere;font-weight:600}.pf-agent-action-meta time{font-size:var(--font-size-ui-small);color:var(--muted-foreground);white-space:nowrap}.pf-agent-action-body>p{font-size:var(--font-size-ui);overflow-wrap:anywhere;margin:5px 0 8px;line-height:1.5}.pf-agent-targets{flex-wrap:wrap;gap:5px;display:flex}.pf-agent-targets button{border:1px solid var(--border);background:var(--muted);max-width:100%;font-size:var(--font-size-ui);text-align:left;border-radius:5px;justify-content:flex-start;gap:5px;padding:5px 7px;display:inline-flex}.pf-agent-targets button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-agent-targets button>svg,.pf-agent-targets button>small{flex-shrink:0}.pf-agent-targets button:disabled{opacity:1;color:var(--muted-foreground)}.pf-agent-targets small{font-size:var(--font-size-ui-small);font-weight:400}.pf-agent-empty{text-align:center;color:var(--muted-foreground);flex-direction:column;align-items:center;gap:12px;padding:30px 24px;display:flex}.pf-agent-empty strong{color:var(--foreground);font-size:var(--font-size-ui)}.pf-agent-empty p{font-size:var(--font-size-ui);margin:0;line-height:1.7}.pf-activity-control{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.pf-activity-control select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pf-activity-control:focus-within{outline:2px solid var(--ring);outline-offset:3px}.pf-activity-control:has(select:disabled){opacity:.5}.pf-activity-control.is-active{background:var(--selected);border-color:var(--ring)}.pf-agent-overlay{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(320px,100% - 48px);max-height:min(300px,100dvh - 120px);color:var(--activity-log-foreground);font:var(--font-size-ui)/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;text-shadow:none;background:0 0;flex-direction:column;display:flex;position:absolute;bottom:24px;right:24px;overflow:hidden}.pf-agent-overlay-heading{color:inherit;font-size:var(--font-size-ui-small);flex-shrink:0;align-items:center;gap:6px;margin-bottom:8px;display:flex}.pf-agent-overlay-list{flex-direction:column;justify-content:flex-end;gap:9px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.pf-agent-overlay-list>li{flex-shrink:0;transition:opacity .8s}.pf-agent-overlay-meta{min-width:0;font-size:var(--font-size-ui-small);align-items:center;gap:7px;display:flex}.pf-agent-overlay-meta strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.pf-agent-overlay-meta time,.pf-agent-overlay-meta>span{color:inherit;flex-shrink:0}.pf-agent-overlay-meta>span{margin-left:auto}.pf-agent-overlay-meta>svg{color:var(--destructive);flex-shrink:0}.pf-agent-overlay-list p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:2px 0 0;display:-webkit-box;overflow:hidden}.pf-agent-overlay-list .is-latest p{font-weight:600}.pf-agent-overlay-status{color:inherit;margin:0}@media (width<=1000px){.pf-agent-overlay{max-height:min(300px,100dvh - 180px);bottom:96px}}@media (width<=700px){.pf-agent-overlay{width:min(290px,100% - 32px);max-height:min(260px,100dvh - 170px);bottom:88px;right:16px}}@media (prefers-reduced-motion:reduce){.pf-agent-overlay-list>li{transition:none}}.pf-agent-outline{pointer-events:none;z-index:5;border:calc(2px / var(--canvas-zoom,1)) solid var(--selection);box-shadow:0 0 0 calc(1px / var(--canvas-zoom,1)) var(--handle);border-radius:inherit;position:absolute;inset:0}.pf-agent-outline.is-inspect{border-style:dashed}.pf-agent-outline>span{padding:calc(3px / var(--canvas-zoom,1)) calc(6px / var(--canvas-zoom,1));background:var(--selection);color:var(--selection-foreground);font:500 calc(var(--font-size-ui-small) / var(--canvas-zoom,1))/1.4 Inter, sans-serif;white-space:nowrap;position:absolute;top:0;left:0;transform:translateY(-100%)}@media (width>=1001px){.pf-review .pf-review-top{max-width:calc(100% - 505px)}}@media (width<=1000px){.pf-review .pf-review-top{max-width:calc(100% - 265px)}}@media (width<=760px){.pf-agent-panel.pf-panel{width:min(300px,100% - 24px);max-height:43dvh;right:12px}.pf-agent-panel>footer{display:none}.pf-agent-summary{padding:10px 17px}.pf-agent-summary p{margin:6px 0}.pf-agent-empty{padding:20px}}@media (width<=700px){.pf-review .pf-review-top{max-width:calc(100% - 192px)}.pf-review .pf-canvas-name{max-width:max(30px,100vw - 287px)}}.pf-primary,.pf-secondary{border-radius:9px;gap:9px;min-height:40px;padding:10px 17px;font-weight:600;line-height:1.2}.pf-primary{background:var(--accent);color:var(--accent-foreground);border:1px solid #0000}.pf-primary:hover{background:var(--accent-hover)}.pf-secondary{background:var(--card);border:1px solid var(--border)}.pf-muted{color:var(--muted-foreground);line-height:1.6}.pf-error{color:var(--destructive);font-weight:600;line-height:1.5}.pf-eyebrow{font-size:var(--font-size-ui-small);letter-spacing:1.7px;color:var(--muted-foreground);font-weight:700}.pf-text-button{text-underline-offset:4px;font-size:var(--font-size-ui);justify-content:flex-start;padding:5px 0;text-decoration:underline}.pf-loading{place-content:center;gap:20px;min-height:100dvh;display:grid}.pf-stack{flex-direction:column;gap:17px;padding:8px 0 12px;display:flex}.pf-stack h3{font-size:var(--font-size-ui);margin:10px 0 0}.pf-stack p{margin:0}.pf-stack label,.pf-auth-form label,.pf-filters>label,.pf-field-grid label{font-size:var(--font-size-ui);flex-direction:column;gap:8px;font-weight:600;display:flex}.pf-stack input,.pf-stack select,.pf-agent-instructions textarea,.pf-auth-form input,.pf-filters select{border:1px solid var(--border);background:var(--card);border-radius:8px;width:100%;min-height:43px;padding:12px}.pf-stack input:focus,.pf-agent-instructions textarea:focus,.pf-auth-form input:focus,.pf-filters select:focus,.pf-search:focus-within,.pf-comment-compose textarea:focus,.pf-reply textarea:focus{outline:2px solid var(--ring);outline-offset:2px}.pf-avatar{background:var(--selected);border:1px solid var(--border);width:30px;height:30px;font-size:var(--font-size-ui);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pf-agent-avatar{background:var(--accent);color:var(--accent-foreground);border-radius:8px}.pf-auth{background:var(--card);grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.pf-auth-story{--accent:var(--ref-white);background:var(--feature-background);color:var(--feature-text);flex-direction:column;justify-content:center;align-items:center;padding:40px 9%;display:flex;overflow:hidden}.pf-auth-story .mk-brand{color:var(--feature-text);transform-origin:50%;transform:scale(1.7)}.pf-auth-story>div{max-width:480px;padding:65px 0 35px}.pf-auth-story .pf-eyebrow{color:var(--feature-muted)}.pf-auth-story h1{letter-spacing:-3.4px;margin:26px 0;font-size:clamp(40px,4.8vw,74px);font-weight:500;line-height:1.04}.pf-auth-story em,.pf-dashboard h1 em{font-family:Georgia,serif;font-weight:400}.pf-auth-story em{color:var(--accent)}.pf-auth-story p{color:var(--feature-muted);max-width:320px;font-size:15px;line-height:1.7}.pf-auth-story>small{color:var(--feature-muted);font-size:var(--font-size-ui);letter-spacing:.4px}.pf-story-art{height:130px;margin-top:30px;position:relative}.pf-story-art>.brand-mark{width:120px;height:120px;color:var(--feature-text)}.pf-auth-form{flex-direction:column;gap:58px;width:100%;max-width:590px;margin:auto;padding:43px 60px;display:flex}.pf-back{font-size:var(--font-size-ui);color:var(--muted-foreground);align-items:center;gap:8px;text-decoration:none;display:flex}.pf-auth-form h2{letter-spacing:-1.4px;margin:16px 0;font-size:34px;font-weight:500;line-height:1.13}.pf-auth-form form{flex-direction:column;gap:17px;display:flex}.pf-auth-form form>.pf-muted{margin:-3px 0 10px}.pf-auth-form .pf-primary{margin-top:8px}.pf-auth-form small{font-size:var(--font-size-ui)}.pf-auth-switch{font-size:var(--font-size-ui);color:var(--muted-foreground);margin:0}.pf-auth-switch button{color:var(--foreground);padding:0;font-weight:600}.pf-local-entry{border-top:1px solid var(--border);font-size:var(--font-size-ui);color:var(--muted-foreground);flex-direction:column;align-items:flex-start;gap:8px;margin-top:15px;padding-top:23px;display:flex}.pf-local-entry button{font-size:var(--font-size-ui);padding:0}.pf-recovery{background:var(--muted);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:10px;flex-direction:column;gap:15px;margin:25px 0;padding:20px;display:flex}.pf-recovery code{white-space:normal;font-size:var(--font-size-ui)}.pf-dashboard{background:var(--page);min-height:100dvh}.pf-dashboard-header{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;height:86px;padding:0 5%;display:flex}.pf-dashboard-header>div{align-items:center;gap:17px;display:flex}.pf-dashboard-content{width:min(1200px,90%);margin:auto}.pf-dashboard-intro{justify-content:space-between;align-items:flex-end;gap:25px;margin:66px 0 65px;display:flex}.pf-dashboard-intro h1{letter-spacing:-2px;margin:20px 0;font-size:51px;font-weight:400;line-height:1.08}.pf-dashboard-intro p{font-size:var(--font-size-ui);margin:0}.pf-dashboard-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:8px;display:flex}.pf-stack .pf-upload-zone{border:1px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;align-items:center;padding:24px 16px;position:relative}.pf-upload-zone.is-dragging{border-color:var(--foreground);background:var(--card)}.pf-upload-zone input{opacity:0;cursor:pointer;height:100%;position:absolute;inset:0}.pf-upload-zone:focus-within{outline:2px solid var(--foreground);outline-offset:3px}.pf-upload-details{overflow-wrap:anywhere}.pf-library-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.pf-library-heading h2{font-size:16px;font-weight:500}.pf-library-heading h2 span{font-size:var(--font-size-ui);color:var(--muted-foreground);border:1px solid var(--border);border-radius:5px;margin-left:9px;padding:3px 7px}.pf-search{background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);border-radius:8px;align-items:center;gap:8px;padding:9px 11px;display:flex}.pf-search input{font-size:var(--font-size-ui);background:0 0;border:0;width:100%;padding:0}.pf-library-heading .pf-search{width:255px}.pf-project-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.pf-project-card{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:13px;flex-direction:column;align-items:stretch;padding:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.pf-project-card:hover{box-shadow:0 8px 20px var(--shadow);background:var(--card);transform:translateY(-3px)}.pf-project-cover{aspect-ratio:1;background:var(--feature-background);place-items:center;width:100%;padding:28px;display:grid;position:relative}.pf-cover-1{background:var(--ref-neutral-200)}.pf-cover-2{background:var(--ref-neutral-100)}.pf-cover-window{border:1px solid var(--feature-border);background:var(--feature-surface);width:80%;height:116px;box-shadow:7px 7px 0 var(--shadow);border-radius:6px;padding:12px;position:relative}.pf-cover-window>span{background:var(--feature-muted);vertical-align:top;border-radius:50%;width:3px;height:3px;margin-right:3px;display:inline-block}.pf-cover-window>div{background:var(--ref-white);width:50%;height:6px;box-shadow:0 11px 0 var(--feature-muted), 0 22px 0 var(--feature-border);position:absolute;top:45px;left:16px}.pf-cover-window>i{background:var(--ref-white);border-radius:50% 50% 0;width:35px;height:39px;position:absolute;top:45px;right:16px}.pf-cover-label{color:var(--feature-text);background:var(--feature-surface);font-size:var(--font-size-ui-small);border-radius:5px;align-items:center;gap:5px;padding:5px 7px;display:flex;position:absolute;bottom:12px;left:14px}.pf-project-caption{grid-template-columns:1fr 20px;gap:11px;padding:20px;display:grid}.pf-project-members{align-items:center;padding-left:7px;display:flex;position:absolute;bottom:12px;right:12px}.pf-project-member{border:2px solid var(--card);background:var(--muted);width:32px;height:32px;color:var(--foreground);border-radius:50%;flex:none;place-items:center;margin-left:-7px;font-size:10px;font-weight:600;display:grid;overflow:hidden}.pf-project-member>img{object-fit:cover;width:100%;height:100%;display:block}.pf-project-member-more{border-radius:16px;width:auto;min-width:32px;padding:0 5px}.pf-project-caption strong{font-size:var(--font-size-ui);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.pf-project-caption>span{font-size:var(--font-size-ui-small);color:var(--muted-foreground);grid-column:1/-1;align-items:center;gap:3px;display:flex}.pf-empty-library{border:1px dashed var(--border-strong);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:265px;padding:40px;display:flex}.pf-empty-library h2{letter-spacing:-.6px;margin:3px 0;font-size:23px;font-weight:500}.pf-empty-library p{color:var(--muted-foreground);max-width:360px;margin:0;line-height:1.6}.pf-empty-library .pf-primary{margin-top:10px}.pf-workflow{border-top:1px solid var(--border);color:var(--muted-foreground);font-size:var(--font-size-ui-small);gap:50px;margin:42px 0;padding:24px 0;display:flex}.pf-workflow strong{font-weight:400;font-size:var(--font-size-ui);margin-left:10px}.pf-review{background-color:var(--canvas);background-image:radial-gradient(var(--canvas-dot) .7px, transparent .7px);touch-action:none;isolation:isolate;background-size:20px 20px;height:100dvh;position:relative;overflow:clip}.pf-artwork{transform-origin:0 0;pointer-events:none;z-index:0;position:absolute;top:0;left:0}.pf-page-caption{white-space:nowrap;color:var(--muted-foreground);transform-origin:0 100%;line-height:1;position:absolute}.pf-artwork .root-frame{box-shadow:0 5px 30px #11111112}.pf-review-top{background:var(--window-background);border:1px solid var(--window-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px var(--shadow);z-index:5;border-radius:11px;align-items:center;gap:12px;max-width:calc(100% - 380px);min-height:49px;padding:8px;display:flex;position:absolute;top:22px;left:24px}.pf-review-top>button:first-child{padding:7px}.pf-mini-brand{width:28px;height:28px;color:var(--foreground)}.pf-canvas-name{white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-ui);max-width:380px;padding:5px 7px;font-weight:600;display:block;overflow:hidden}.pf-canvas-name:disabled{opacity:1}.pf-live{font-size:var(--font-size-ui-small);white-space:nowrap;color:var(--muted-foreground);align-items:center;gap:5px;padding-right:8px;display:flex}.pf-live i,.pf-connection-state i{background:var(--border-strong);border-radius:50%;width:6px;height:6px;display:inline-block}.pf-live i.is-connected,.pf-connection-state i.is-connected{background:var(--success)}.pf-review-actions{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;top:25px;right:24px}.pf-review-actions>button:last-child{border:1px solid var(--window-border);background:var(--window-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9px;width:40px;height:40px}.pf-review-actions .pf-secondary{background:var(--window-background);border-color:var(--window-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:var(--font-size-ui);box-shadow:0 3px 12px var(--shadow)}.pf-panel{border:1px solid var(--window-border);background:var(--window-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:300px;max-height:calc(100dvh - 195px);box-shadow:0 8px 25px var(--shadow);z-index:6;cursor:default;touch-action:pan-y;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:96px;left:24px;overflow:hidden}.pf-panel>header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 13px 14px 17px;display:flex}.pf-panel>header h2{font-size:var(--font-size-ui);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.pf-panel>header h2>span{font-size:var(--font-size-ui-small);color:var(--muted-foreground);background:var(--muted);border-radius:5px;padding:3px 6px;font-weight:400}.pf-panel>header>div{gap:3px;display:flex}.pf-panel>header button{border-radius:5px;padding:5px}.pf-panel>footer{font-size:var(--font-size-ui-small);color:var(--muted-foreground);border-top:1px solid var(--border);margin-top:auto;padding:17px 20px;line-height:1.6}.pf-all-pages{font-size:var(--font-size-ui);color:var(--muted-foreground);border-bottom:1px solid var(--border);justify-content:flex-start;padding:14px 20px}.pf-page-list{padding:9px;overflow:auto}.pf-page-list>button{text-align:left;border-radius:7px;grid-template-columns:30px 1fr;gap:5px;width:100%;padding:13px 7px;display:grid}.pf-page-list>button:hover{background:var(--selected)}.pf-page-list>button>span{font-size:var(--font-size-ui-small);color:var(--muted-foreground);grid-row:1/3;align-self:center}.pf-page-list strong{font-size:var(--font-size-ui);overflow-wrap:anywhere;font-weight:500}.pf-page-list small{font-size:var(--font-size-ui-small);color:var(--muted-foreground)}.pf-page-list>p{font-size:var(--font-size-ui);padding:5px 10px}.pf-palette{background:var(--window-background);border:1px solid var(--window-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px var(--shadow);z-index:8;cursor:default;border-radius:12px;align-items:center;gap:3px;max-width:calc(100% - 48px);padding:9px;display:flex;position:absolute;bottom:24px;left:24px}.pf-palette>button{min-height:35px;font-size:var(--font-size-ui);white-space:nowrap;border-radius:7px;gap:6px;padding:8px}.pf-palette>i{background:var(--border);width:1px;height:20px;margin:0 6px;display:block}.pf-palette small{background:var(--muted);font-size:var(--font-size-ui-small);border-radius:4px;padding:2px 4px}.pf-palette button.is-active,.pf-panel button.is-active{background:var(--selected);color:var(--selected-foreground)}.pf-palette>button.is-active:first-child{background:var(--accent);color:var(--accent-foreground)}.pf-pin{background:var(--accent);color:var(--accent-foreground);border:2px solid var(--card);width:30px;height:30px;font-size:var(--font-size-ui);box-shadow:0 2px 7px var(--shadow-heavy);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.pf-pin.is-handled{background:var(--card);color:var(--success)}.pf-pin.is-in-progress{background:var(--foreground);color:var(--background)}.pf-pin.is-selected{outline:2px solid var(--ring);outline-offset:2px;z-index:3}.pf-canvas-empty{text-align:center;z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;top:32%;left:350px;right:35px}.pf-canvas-empty h1{letter-spacing:-1.4px;margin:18px 0 0;font-size:42px;font-weight:400}.pf-canvas-empty p{color:var(--muted-foreground);margin:18px 0 24px;line-height:1.7}.pf-canvas-empty small{color:var(--muted-foreground);font-size:var(--font-size-ui-small);margin-top:20px}.pf-tool-hint{background:var(--toast);color:var(--toast-foreground);font-size:var(--font-size-ui);z-index:9;pointer-events:none;border-radius:7px;padding:10px 14px;position:absolute;bottom:95px;left:50%;transform:translate(-50%)}.pf-toast{background:var(--toast);color:var(--toast-foreground);font-size:var(--font-size-ui);z-index:100;border-radius:9px;max-width:90vw;padding:13px 20px;position:fixed;bottom:95px;left:50%;transform:translate(-50%)}.pf-toast button{font-size:var(--font-size-ui);margin-left:15px;text-decoration:underline}.pf-comments{height:640px}.pf-panel.pf-comment-dialog{width:min(356px,100% - 24px);height:auto;color:var(--foreground);z-index:20;overscroll-behavior:contain;outline:none;margin:0;padding:0}.pf-comment-dialog>.pf-error{font-size:var(--font-size-ui);margin:12px 15px 0}.pf-comment-dialog>.pf-thread,.pf-comment-dialog>.pf-comment-compose{overscroll-behavior:contain;min-height:0}.pf-comment-dialog .pf-thread-messages article:last-child{border-bottom:0;padding-bottom:0}.pf-comments>.pf-search{margin:13px 13px 0}.pf-comments>.pf-error{font-size:var(--font-size-ui);margin:12px}.pf-comment-summary{font-size:var(--font-size-ui-small);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;padding:12px 15px;display:flex}.pf-comment-summary>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-comment-summary select{background:var(--card);font-size:var(--font-size-ui);border:0;max-width:104px;padding:0}.pf-comment-list{flex-direction:column;flex:1;gap:12px;padding:0 19px 12px;display:flex;overflow:auto}.pf-comment-row{text-align:left;border-bottom:0;border-radius:7px;flex-direction:column;flex:0 0 116px;align-items:stretch;gap:11px;width:100%;height:116px;min-height:116px;padding:13px 10px;display:flex}.pf-comment-row>div{justify-content:space-between;align-items:center;gap:7px;display:flex}.pf-comment-row small{font-size:var(--font-size-ui-small);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.pf-comment-row>strong{font-size:var(--font-size-ui);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.pf-comment-row>span{font-size:var(--font-size-ui-small);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-comment-row:hover,.pf-comment-row.is-active{background:var(--muted)}.pf-status{font-size:var(--font-size-ui-small);border-radius:5px;align-self:flex-start;align-items:center;gap:4px;padding:4px 7px;font-weight:600;display:inline-flex}.pf-status-new{background:var(--selected);color:var(--selected-foreground)}.pf-status-in_progress{background:var(--accent);color:var(--accent-foreground)}.pf-status-handled{background:var(--muted);color:var(--muted-foreground);border:1px solid var(--border)}.pf-comment-empty{text-align:center;color:var(--muted-foreground);padding:45px 18px}.pf-comment-empty h3{color:var(--foreground);font-size:15px;font-weight:500}.pf-comment-empty p{font-size:var(--font-size-ui);line-height:1.6}.pf-comment-empty button{font-size:var(--font-size-ui);text-decoration:underline}.pf-thread{flex-direction:column;gap:15px;padding:15px;display:flex;overflow:auto}.pf-thread-status{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.pf-thread-status select{font-size:var(--font-size-ui);background:var(--selected);color:var(--selected-foreground);border:1px solid var(--border);border-radius:6px;max-width:140px;padding:8px 5px}.pf-thread-status .pf-secondary{min-height:30px;font-size:var(--font-size-ui);gap:4px;padding:7px 8px}.pf-thread-page{font-size:var(--font-size-ui-small);color:var(--muted-foreground)}.pf-thread-messages{flex-direction:column;gap:15px;display:flex}.pf-thread-messages article{border-bottom:1px solid var(--border);padding:0 0 15px}.pf-author{align-items:center;gap:7px;display:flex}.pf-author strong{font-size:var(--font-size-ui-small);overflow-wrap:anywhere;font-weight:600}.pf-author small{color:var(--muted-foreground);font-size:var(--font-size-ui-small)}.pf-thread-messages article>p{font-size:var(--font-size-ui);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;line-height:1.65}.pf-thread time{font-size:var(--font-size-ui-small);color:var(--muted-foreground)}.pf-reply{flex-direction:column;gap:9px;display:flex}.pf-reply textarea,.pf-comment-compose textarea{resize:vertical;background:var(--muted);border:1px solid var(--border);width:100%;min-height:85px;font-size:var(--font-size-ui);border-radius:8px;padding:11px;line-height:1.6}.pf-reply .pf-primary{min-height:32px;font-size:var(--font-size-ui);align-self:flex-end;padding:8px 15px}.pf-copy-link{font-size:var(--font-size-ui);color:var(--muted-foreground);align-self:flex-start;padding:0}.pf-comment-compose{flex-direction:column;gap:13px;padding:20px;display:flex;overflow:auto}.pf-comment-compose textarea{min-height:160px}.pf-comment-compose p{font-size:var(--font-size-ui-small);margin:0}.pf-comment-compose button{font-size:var(--font-size-ui)}.pf-filters{flex-direction:column;gap:23px;padding:10px 0;display:flex}.pf-filters fieldset{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.pf-filters legend{font-size:var(--font-size-ui);margin-bottom:12px;font-weight:600}.pf-filters fieldset label{font-size:var(--font-size-ui);align-items:center;gap:10px;display:flex}.pf-filters input[type=checkbox]{accent-color:var(--success);width:15px;height:15px}.pf-filters fieldset label span{font-size:var(--font-size-ui);color:var(--muted-foreground);margin-left:auto}.pf-filters>label.pf-checkbox{font-size:var(--font-size-ui);overflow-wrap:anywhere;flex-direction:row;align-items:center;font-weight:400}.pf-dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.pf-field-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.pf-permission-note{background:var(--muted);color:var(--muted-foreground);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.pf-permission-note svg{flex-shrink:0}.pf-permission-note p{font-size:var(--font-size-ui);line-height:1.6}.pf-connection-state{border:1px solid var(--border);border-radius:8px;grid-template-columns:10px 1fr;align-items:center;gap:7px;padding:13px;display:grid}.pf-connection-state strong{font-size:var(--font-size-ui)}.pf-connection-state span{font-size:var(--font-size-ui);color:var(--muted-foreground);grid-column:2}.pf-agent-intro{align-items:flex-start;gap:16px}.pf-agent-intro h3{font-size:22px}.pf-agent-intro .connection-icon{border-radius:12px;width:48px;height:48px}.pf-agent-setup>.pf-muted{line-height:1.6;font-size:var(--font-size-ui);margin:0}.pf-agent-settings summary{cursor:pointer;font-size:var(--font-size-ui);color:var(--muted-foreground)}.pf-agent-settings .pf-field-grid{margin-top:16px}.pf-agent-instructions textarea{resize:vertical;min-height:160px;font-weight:400;font-size:var(--font-size-ui);overflow-wrap:anywhere;line-height:1.65}.pf-agent-setup .pf-primary{justify-content:center}.keys-section .key-list strong{overflow-wrap:anywhere}.pf-invite-link{align-items:center;gap:7px;display:flex}.pf-invite-link input{font-size:var(--font-size-ui)}.pf-access-row{font-size:var(--font-size-ui);border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:10px 0;display:flex}.pf-access-row>span{flex-direction:column;gap:5px;display:flex}.pf-access-row small{color:var(--muted-foreground);font-size:var(--font-size-ui-small)}.pf-access-row button{font-size:var(--font-size-ui)}@media (width>=1500px){.pf-dashboard-content{padding-top:20px}.pf-auth-form{padding:60px}}@media (width<=1000px){.pf-auth-form{padding:40px}.pf-project-grid{grid-template-columns:repeat(2,1fr)}.pf-review-actions .pf-primary,.pf-review-actions .pf-secondary{padding:10px}.pf-review-actions .pf-primary>span,.pf-review-actions .pf-secondary>span{display:none}.pf-review-top{max-width:calc(100% - 200px)}.pf-live{display:none}}@media (width<=700px){.pf-auth{display:block}.pf-auth-story{display:none}.pf-auth-form{justify-content:center;gap:45px;max-width:470px;min-height:100dvh;padding:35px 25px}.pf-dashboard-header{height:72px;padding:0 20px}.pf-dashboard-header>div{gap:10px}.pf-dashboard-header .mk-brand>span:last-child{display:none}.pf-dashboard-intro{margin:40px 0;display:block}.pf-dashboard-intro h1{font-size:40px}.pf-dashboard-actions{justify-content:flex-start;margin-top:25px}.pf-project-grid{grid-template-columns:1fr}.pf-library-heading{flex-direction:column;align-items:flex-start;gap:6px}.pf-library-heading .pf-search{width:100%}.pf-workflow{flex-direction:column;gap:20px}.pf-review-top{gap:3px;max-width:calc(100% - 143px);min-height:42px;padding:5px;top:12px;left:12px}.pf-review-actions{gap:5px;top:14px;right:12px}.pf-review-actions>button:last-child{display:none}.pf-review-actions .pf-secondary{min-height:37px}.pf-canvas-name{font-size:var(--font-size-ui);max-width:calc(100vw - 250px);padding:5px}.pf-mini-brand{width:25px;min-width:25px;height:25px}.pf-panel{width:280px;max-height:calc(100dvh - 158px);top:70px;left:12px}.pf-palette{gap:1px;max-width:calc(100% - 24px);padding:7px;bottom:14px;left:12px;overflow-x:auto}.pf-palette button{min-width:30px;padding:7px}.pf-palette button>span{display:none}.pf-palette>i{margin:0 2px}.pf-canvas-empty{top:40%;left:25px;right:25px}.pf-canvas-empty h1{font-size:30px}.pf-canvas-empty>.pf-eyebrow{display:none}.pf-canvas-empty p{font-size:var(--font-size-ui)}.pf-tool-hint{width:max-content;max-width:90vw;font-size:var(--font-size-ui-small);bottom:80px}.pf-field-grid{grid-template-columns:1fr}.pf-dashboard-header .pf-primary{font-size:var(--font-size-ui);padding:9px}.pf-empty-library{padding:30px 20px}.pf-review .dialog{cursor:default}}@media (prefers-reduced-motion:reduce){.pf-project-card{transition:none}}.pf-dashboard-header .mk-brand,.pf-auth-story .mk-brand{color:inherit;letter-spacing:-.6px;align-items:center;gap:9px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.pf-project-cover>img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:100%;min-width:0;max-width:100%;height:100%;min-height:0}.pf-thumbnail-status{color:var(--feature-text);font-size:var(--font-size-ui-small);place-items:center;display:grid;position:absolute;inset:0}.pf-references{cursor:default;flex-direction:column;gap:16px;display:flex}.pf-references p{margin:0}.pf-reference-note,.pf-reference-optional{font-size:var(--font-size-ui);color:var(--muted-foreground);line-height:1.6}.pf-reference-heading,.pf-reference-card-heading{align-items:center;gap:12px;display:flex}.pf-reference-heading{justify-content:space-between}.pf-references h3{font-size:var(--font-size-ui);margin:0;font-weight:600}.pf-reference-heading>span{font-size:var(--font-size-ui);color:var(--muted-foreground)}.pf-reference-empty{border:1px dashed var(--border);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.pf-reference-empty strong{font-size:var(--font-size-ui)}.pf-reference-empty p{max-width:390px;color:var(--muted-foreground);font-size:var(--font-size-ui);line-height:1.6}.pf-reference-list{flex-direction:column;gap:10px;display:flex}.pf-reference-card{border:1px solid var(--border);border-radius:10px;padding:14px}.pf-reference-card-heading>svg{color:var(--muted-foreground);flex-shrink:0}.pf-reference-card-heading>div{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pf-reference-card-heading strong{font-size:var(--font-size-ui);overflow-wrap:anywhere}.pf-reference-card-heading small{font-size:var(--font-size-ui);color:var(--muted-foreground);overflow-wrap:anywhere}.pf-reference-card .pf-reference-purpose{font-size:var(--font-size-ui);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;line-height:1.6}.pf-reference-form{border-top:1px solid var(--border);flex-direction:column;gap:15px;padding-top:18px;display:flex}.pf-reference-form fieldset{border:0;flex-direction:column;gap:15px;min-width:0;margin:0;padding:0;display:flex}.pf-reference-form label{font-size:var(--font-size-ui);flex-direction:column;gap:7px;font-weight:500;display:flex}.pf-reference-form input,.pf-reference-form select,.pf-reference-form textarea{border:1px solid var(--border);background:var(--card);width:100%;min-width:0;color:var(--foreground);font:inherit;border-radius:7px;padding:10px 12px;font-weight:400}.pf-reference-form textarea{resize:vertical;line-height:1.6}.pf-reference-form .pf-primary{align-self:flex-end}.pf-reference-notice{color:var(--success);font-size:var(--font-size-ui);line-height:1.5}.pf-references .pf-error button{margin-top:8px;text-decoration:underline;display:block}@media (width<=700px){.pf-review-top{max-width:calc(100% - 155px)}.pf-canvas-name{max-width:calc(100vw - 248px)}.pf-references{gap:14px}.pf-reference-form .pf-primary{justify-content:center;align-self:stretch}}.pf-reference-link{font-size:var(--font-size-ui);color:var(--foreground);overflow-wrap:anywhere;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.pf-reference-link:hover{text-decoration:underline}.pf-reference-link svg{flex-shrink:0}.canvas-pages{border-bottom:1px solid var(--border);padding:12px 10px}.canvas-pages-heading{justify-content:space-between;align-items:center;padding:0 6px 8px;font-size:12px;display:flex}.canvas-pages-summary{color:var(--muted-foreground);margin:0;padding:0 6px 10px;font-size:10px}.canvas-pages button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:7px;display:inline-flex}.canvas-pages button:disabled{opacity:.35;cursor:default}.canvas-pages-list{max-height:220px;overflow:auto}.canvas-page-row{border-radius:6px;align-items:center;display:flex}.canvas-page-row.is-active{background:var(--selected)}.canvas-page-row .canvas-page-select{text-align:left;flex:1;justify-content:flex-start;min-width:0}.canvas-page-select span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.canvas-page-row button:focus-visible{outline-offset:-2px;outline:2px solid}.canvas-pages-heading strong{font-weight:600}.pf-frames-heading{margin:16px 20px 8px;font-size:12px;font-weight:600}.pf-history-page{z-index:2;background:var(--background);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;top:12px;left:16px}.pf-history-page select{max-width:200px}.pf-oauth{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.pf-oauth-card{flex-direction:column;gap:18px;width:min(100%,480px);display:flex}.pf-oauth-card h1,.pf-oauth-card p{overflow-wrap:anywhere;margin:0}.pf-oauth-card .mk-brand{color:inherit;align-self:flex-start;text-decoration:none}.pf-oauth-card label{flex-direction:column;gap:8px;display:flex}.pf-oauth-card select{width:100%;min-height:44px;font:inherit;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px}.pf-oauth-card button{min-height:44px}.pf-project-billing{gap:16px;padding:20px;display:grid}.pf-project-billing p{margin:0;line-height:1.5}.pf-install{white-space:nowrap}.pf-auth-form>.pf-install{align-self:flex-end;margin-bottom:20px}.pf-install-steps{padding-block:8px;line-height:1.7}.pf-install-steps li+li{margin-top:10px}.pf-prepaid-balance progress{width:100%;max-width:260px;height:12px;accent-color:var(--foreground);margin:8px 0;display:block}.pf-topup-controls{gap:8px;display:grid}.pf-topup-controls select{font:inherit;border:1px solid var(--border,#d8d8d8);color:inherit;background:0 0;border-radius:6px;padding:8px}.pf-beta-notice{z-index:10000;border:1px solid var(--border-strong);background:var(--card);color:var(--foreground);white-space:nowrap;pointer-events:none;border-radius:20px;padding:6px 12px;font-size:12px;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}@media (width<=560px){.pf-prepaid-balance{flex-direction:column;align-items:stretch}}.pf-prepaid-balance{border:1px solid var(--border,#d8d8d8);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.pf-prepaid-balance strong{font-size:28px;display:block}.pf-billing-projects{gap:16px;display:grid}.pf-billing-projects section{border:1px solid var(--border,#d8d8d8);border-radius:10px;padding:16px}.pf-billing-projects h3{overflow-wrap:anywhere;margin:0 0 6px}.pf-billing-projects dl{gap:8px;margin:16px 0;display:grid}.pf-billing-projects dl>div{justify-content:space-between;gap:20px;display:flex}.pf-billing-projects dd{text-align:right;margin:0}.pf-billing-confirm{gap:12px;margin-top:16px;display:grid}.pf-billing-confirm label{gap:8px;display:grid}.pf-billing-note{border-left:3px solid;padding:12px}.pf-workspace-topbar{z-index:30;min-height:72px;color:var(--foreground);background:color-mix(in srgb, var(--window-background) 94%, transparent);border-bottom:1px solid var(--window-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:6px;padding:8px 20px;display:flex;position:sticky;inset:0 0 auto}.pf-review .pf-workspace-topbar{position:absolute}.pf-workspace-logo{width:40px;height:40px;color:inherit;border-radius:9px;place-items:center;margin-right:4px;display:grid}.pf-workspace-logo:hover{background:var(--muted)}.pf-workspace-logo .brand-mark{width:24px;height:24px}.pf-workspace-primary-nav,.pf-workspace-canvas-nav{align-items:center;gap:3px;display:flex}.pf-workspace-primary-nav{border-right:1px solid var(--border);padding-right:8px}.pf-workspace-nav-button,.pf-workspace-account,.pf-workspace-project-context{min-height:40px;color:var(--muted-foreground);border-radius:8px}.pf-workspace-nav-button{min-width:40px;padding:10px;position:relative}.pf-workspace-nav-button:hover,.pf-workspace-account:hover,.pf-workspace-project-context:hover{background:var(--muted);color:var(--foreground)}.pf-workspace-nav-button.is-selected,.pf-workspace-account.is-selected{background:var(--foreground);color:var(--background)}.pf-workspace-project-context{align-items:center;gap:8px;max-width:300px;padding:9px 12px;display:flex}.pf-workspace-project-context strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pf-workspace-canvas-nav,.pf-workspace-topbar>.pf-profile-trigger,.pf-workspace-topbar>.pf-workspace-account{margin-left:auto}.pf-workspace-page-button{gap:8px;width:auto;max-width:190px}.pf-workspace-page-button>span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pf-workspace-count{background:var(--accent);min-width:16px;height:16px;color:var(--accent-foreground);border-radius:8px;place-items:center;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:4px;right:3px}.pf-workspace-account{background:var(--muted);border:1px solid var(--border);flex:0 0 36px;place-items:center;width:36px;height:36px;margin-left:5px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.pf-workspace-account img{object-fit:cover;width:100%;height:100%}.pf-project-context-menu{z-index:35;background:var(--window-background);border:1px solid var(--window-border);width:260px;box-shadow:0 14px 36px var(--shadow-heavy);border-radius:10px;padding:8px;position:absolute;top:76px;left:128px}.pf-project-context-menu header{border-bottom:1px solid var(--border);margin-bottom:6px;padding:8px 10px 12px}.pf-project-context-menu header strong{overflow-wrap:anywhere;font-size:13px;display:block}.pf-project-context-menu header span{color:var(--muted-foreground);align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.pf-project-context-menu header i{background:var(--border-strong);border-radius:50%;width:6px;height:6px}.pf-project-context-menu header i.is-connected{background:var(--success)}.pf-project-context-menu>button{border-radius:6px;justify-content:flex-start;gap:9px;width:100%;min-height:36px;padding:8px 10px;font-size:12px}.pf-project-context-menu>button:hover{background:var(--muted)}.pf-project-context-menu>div{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;margin-top:6px;padding:9px 7px 2px;font-size:11px;display:flex}.pf-project-context-menu .pf-activity-control{max-width:120px}.pf-dashboard{background:var(--background)}.pf-dashboard-content{padding-bottom:64px}.pf-workspace-home .pf-dashboard-intro{margin:72px 0 54px}.pf-workspace-home .pf-dashboard-intro h1{letter-spacing:-1.2px;margin:12px 0;font-size:38px;line-height:1.1}.pf-load-projects{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:20px;margin:28px 0 0;font-size:12px;display:flex}.pf-workspace-stage{width:calc(100% - 48px);max-width:none;margin:24px auto}.pf-workspace-views{grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:0;width:100%;min-height:calc(100dvh - 72px);margin:0;display:grid}.pf-workspace-view-list,.pf-workspace-account-page>aside{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;padding:18px;display:flex}.pf-workspace-view-list{border:0;border-right:1px solid var(--border);background:0 0;border-radius:0}.pf-workspace-account-page>aside h1{margin:0 0 18px;font-size:18px}.pf-workspace-view-list button,.pf-workspace-account-page>aside button{text-align:left;color:var(--muted-foreground);border-radius:7px;justify-content:flex-start;padding:10px 12px;font-size:13px}.pf-workspace-view-list button{gap:8px}.pf-workspace-view-list button:hover,.pf-workspace-account-page>aside button:hover{background:var(--muted);color:var(--foreground)}.pf-workspace-view-list button[aria-current=page],.pf-workspace-account-page>aside button[aria-current=page]{background:var(--foreground);color:var(--background)}.pf-workspace-view-list>p{border-top:1px solid var(--border);color:var(--muted-foreground);margin:auto 0 0;padding:18px 10px 0;font-size:11px;line-height:1.5}.pf-workspace-view-result{background:0 0;border:0;border-radius:0;min-width:0;padding:24px 31px 32px}.pf-workspace-view-result>header,.pf-workspace-account-page>section>header{border-bottom:0;justify-content:space-between;align-items:flex-start;gap:20px;height:72px;margin-bottom:23px;padding-top:3px;padding-bottom:0;display:flex}.pf-workspace-view-result>header>svg{display:none}.pf-workspace-account-page>section>header:not(.pf-account-section-header){flex-direction:column;justify-content:flex-start;gap:0}.pf-workspace-view-result>header h2,.pf-workspace-account-page h2{letter-spacing:-.7px;width:min(760px,100%);min-height:40px;margin:0;font-size:28px;line-height:40px}.pf-workspace-view-result>header p,.pf-workspace-account-page header p{width:min(760px,100%);min-height:24px;color:var(--muted-foreground);margin:6px 0 0;line-height:24px}.pf-view-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:620px;min-height:560px;margin:auto;display:flex}.pf-view-empty-icon{background:var(--muted);border:1px solid var(--border);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.pf-view-empty h2{margin:24px 0 10px;font-size:26px}.pf-view-empty p{color:var(--muted-foreground);max-width:520px;line-height:1.6}.pf-view-empty>div{flex-direction:column;align-items:center;gap:8px;width:min(100%,560px);margin-top:24px;display:flex}.pf-view-empty>div>span{text-align:center;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.pf-view-empty>div button{text-align:center;border:1px solid var(--border);background:var(--background);border-radius:999px;justify-content:center;width:fit-content;max-width:100%;padding:11px 16px}.pf-view-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,200px));gap:16px;margin-bottom:32px;display:grid}.pf-view-metric{border:1px solid var(--border);background:var(--card);border-radius:9px;height:84px;min-height:84px;padding:14px 16px}.pf-view-metric strong{font-size:24px;display:block}.pf-view-metric span{color:var(--muted-foreground);margin-top:4px;font-size:13px;display:block}.pf-view-projects{gap:8px;display:grid}.pf-view-projects button{border:1px solid var(--border);text-align:left;background:var(--card);border-radius:8px;justify-content:space-between;align-items:center;min-height:66px;padding:12px 16px;display:flex}.pf-view-projects button:hover{border-color:var(--border-strong)}.pf-view-projects button span{min-width:0}.pf-view-projects strong,.pf-view-projects small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pf-view-projects strong{font-size:13px}.pf-view-projects small{color:var(--muted-foreground);margin-top:6px;font-size:11px}.pf-view-project-cards{grid-template-columns:repeat(3,312px);gap:24px;display:grid}.pf-view-project-cards>button{border:1px solid var(--border);background:var(--background);text-align:left;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:312px;min-width:0;height:360px;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.pf-view-project-cards>button:hover{border-color:var(--border-strong);box-shadow:0 8px 20px var(--shadow);transform:translateY(-2px)}.pf-view-project-card-preview{background:var(--muted);flex:0 0 240px;place-items:center;width:100%;height:240px;padding:18px;display:grid;position:relative;overflow:hidden}.pf-view-project-card-preview>img{object-fit:contain;filter:drop-shadow(0 4px 8px #0002);width:100%;min-width:0;height:100%;min-height:0}.pf-view-project-card-footer{justify-content:space-between;align-items:flex-start;gap:10px;height:120px;min-height:120px;padding:16px;display:flex}.pf-view-project-card-footer>span{min-width:0}.pf-view-project-card-footer strong,.pf-view-project-card-footer small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pf-view-project-card-footer strong{font-size:14px;line-height:20px}.pf-view-project-card-footer small{color:var(--muted-foreground);margin-top:12px;font-size:12px}.pf-view-project-card-footer>svg{display:none}.pf-view-table{border:1px solid var(--border);border-radius:10px;margin-top:24px;display:grid;overflow:hidden}.pf-view-table>div{border-bottom:1px solid var(--border);grid-template-columns:1.3fr 1fr 1fr .7fr;gap:14px;padding:14px 16px;font-size:12px;display:grid}.pf-view-table>div:last-child{border-bottom:0}.pf-view-table>div:first-child{background:var(--muted);color:var(--muted-foreground)}.pf-view-status{background:var(--selected);border-radius:9px;width:fit-content;padding:3px 7px}.pf-attention-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.pf-attention-summary article{border:1px solid var(--border);background:var(--card);border-radius:9px;padding:16px}.pf-attention-summary span{color:var(--muted-foreground);font-size:11px}.pf-attention-summary strong{margin-top:12px;display:block}.pf-attention-summary p{color:var(--muted-foreground);font-size:11px;line-height:1.5}.pf-view-result h3{font-size:14px}.pf-view-activity{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.pf-view-activity article{border:1px solid var(--border);background:var(--card);border-radius:9px;min-height:260px;padding:18px}.pf-view-activity h3{margin:0 0 20px;font-size:13px}.pf-view-bars{align-items:end;gap:14px;height:180px;padding-top:24px;display:flex}.pf-view-bars>span{background:var(--foreground);border-radius:5px 5px 0 0;flex:1;min-height:18%;position:relative}.pf-view-bars small{white-space:nowrap;color:var(--muted-foreground);font-size:9px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.pf-view-activity article:last-child>div{border-top:1px solid var(--border);justify-content:space-between;gap:14px;padding:11px 0;font-size:11px;display:flex}.pf-workspace-account-page{grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:24px;min-height:calc(100dvh - 120px);display:grid}.pf-workspace-account-page>aside{gap:8px;padding:19px 11px}.pf-workspace-account-page>aside h1,.pf-workspace-account-page>aside .pf-account-signout{display:none}.pf-workspace-account-page>aside button{min-height:48px}.pf-workspace-account-page>section{border:1px solid var(--border);background:var(--card);border-radius:12px;min-width:0;padding:24px 31px 32px}.pf-account-profile-form{gap:28px;display:grid}.pf-account-profile-card{border:1px solid var(--border);background:var(--background);border-radius:10px;align-content:start;gap:30px;height:330px;padding:23px;display:grid}.pf-account-profile-fields{grid-template-columns:repeat(2,464px);gap:24px 48px;display:grid}.pf-account-profile-wide{grid-column:auto}.pf-account-profile-form label{gap:10px;font-size:13px;font-weight:600;line-height:1.4;display:grid}.pf-account-profile-form input{border:1px solid var(--border);background:var(--card);min-height:48px;color:var(--foreground);font:inherit;border-radius:7px;padding:10px 12px}.pf-account-photo{align-items:center;gap:20px;display:flex}.pf-account-photo>span{background:var(--muted);border-radius:50%;flex:0 0 72px;place-items:center;width:72px;height:72px;font-weight:700;display:grid;overflow:hidden}.pf-account-photo img{object-fit:cover;width:100%;height:100%}.pf-account-photo button,.pf-account-photo>label{border:1px solid var(--border);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:142px;min-height:44px;padding:8px 12px;font-size:12px;display:inline-flex}.pf-account-photo>label input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pf-account-profile-actions{justify-content:flex-end;display:flex}.pf-account-profile-form .pf-primary{justify-content:center;width:157px;min-height:48px}.pf-account-security,.pf-payment-method{border:1px solid var(--border);background:var(--card);border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:20px;display:flex}.pf-account-profile-form+.pf-account-security{align-items:flex-start;height:174px;margin-top:32px;padding:23px}.pf-account-security h3,.pf-account-security p{margin:0}.pf-account-security h3{width:400px;min-height:24px;font-size:16px;line-height:1.4}.pf-account-security p{width:650px;min-height:44px;color:var(--muted-foreground);margin-top:13px;font-size:13px;line-height:1.4}.pf-account-security a,.pf-payment-method a{align-items:center;gap:6px;font-size:12px;text-decoration:underline;display:inline-flex}.pf-account-security a{border:1px solid var(--foreground);width:180px;min-height:44px;color:var(--foreground);border-radius:8px;justify-content:center;margin-top:26px;font-size:14px;line-height:1.4;text-decoration:none}.pf-account-security a svg{display:none}.pf-account-section-header .pf-primary{flex-shrink:0;text-decoration:none}.pf-agent-connections{gap:8px;display:grid}.pf-agent-connections article{border:1px solid var(--border);background:var(--card);border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;min-height:68px;padding:12px 14px;display:grid}.pf-agent-connections article div strong,.pf-agent-connections article div small{display:block}.pf-agent-connections article div small,.pf-agent-connections article>small{color:var(--muted-foreground);font-size:10px}.pf-agent-connections article>span{color:var(--success);font-size:11px}.pf-agent-connections article>a{font-size:11px;text-decoration:underline}.pf-account-empty{text-align:center;border:1px dashed var(--border-strong);border-radius:9px;padding:54px 24px}.pf-account-info{background:var(--muted);border-radius:8px;margin-top:24px;padding:18px}.pf-account-info p{color:var(--muted-foreground);margin:7px 0 0;font-size:12px;line-height:1.5}.pf-credit-card{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:22px}.pf-credit-card>span{color:var(--muted-foreground);font-size:12px}.pf-credit-card>strong{margin:10px 0 14px;font-size:38px;display:block}.pf-credit-card>a{float:right;margin-top:-50px;font-size:12px;text-decoration:underline}.pf-credit-card>div{background:var(--muted);border-radius:4px;height:8px;overflow:hidden}.pf-credit-card>div i{background:var(--foreground);border-radius:inherit;height:100%;display:block}.pf-credit-card>small{color:var(--muted-foreground);margin-top:9px;display:block}.pf-usage-breakdown,.pf-payment-history{border:1px solid var(--border);border-radius:9px;margin-top:24px;overflow:hidden}.pf-usage-breakdown h3,.pf-payment-history h3{background:var(--muted);margin:0;padding:16px;font-size:13px}.pf-usage-breakdown>div{border-top:1px solid var(--border);justify-content:space-between;padding:14px 16px;font-size:12px;display:flex}.pf-payment-method{justify-content:flex-start;margin-top:0}.pf-payment-method>div{flex:1}.pf-payment-method p{color:var(--muted-foreground);margin:5px 0 0;font-size:11px}.pf-payment-history>div{border-top:1px solid var(--border);grid-template-columns:1.2fr 1fr 1fr .7fr;gap:12px;padding:14px 16px;font-size:11px;display:grid}.pf-review>.pf-review-top,.pf-review>.pf-review-actions,.pf-review>.pf-palette{display:none}.pf-review .pf-panel{max-height:calc(100dvh - 120px);top:96px}.pf-review .pf-pages{width:388px;height:556px;top:88px;left:auto;right:44px}.pf-review .pf-pages .canvas-pages-heading{display:none}.pf-review .pf-comments{width:400px;height:520px;left:auto;right:36px}.pf-review .pf-share-panel{width:440px;height:782px;left:auto;right:36px}.pf-workspace-zoom{z-index:12;border:1px solid var(--window-border);background:var(--window-background);width:252px;height:56px;box-shadow:0 8px 24px var(--shadow);border-radius:12px;justify-content:center;gap:2px;padding:6px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.pf-workspace-zoom button{border-radius:6px;min-width:36px;min-height:34px;padding:8px;font-size:12px}.pf-workspace-zoom button:hover{background:var(--muted)}.pf-share-panel .pf-share-content{padding:16px;overflow:auto}.pf-share-content h3{margin:8px 0 0;font-size:13px}.pf-share-content .pf-public-sharing{border-top:1px solid var(--border);padding-top:16px}.pf-workspace-inspector{width:400px;height:732px;left:auto;right:36px}.pf-inspector-empty{text-align:center;padding:40px 22px}.pf-inspector-empty h3{font-size:14px}.pf-inspector-empty p{color:var(--muted-foreground);font-size:12px;line-height:1.5}.pf-inspector-content{padding:20px 19px 0;overflow:auto}.pf-inspector-label{color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}.pf-inspector-selection{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;display:flex}.pf-inspector-selection strong,.pf-inspector-selection small{display:block}.pf-inspector-selection small{color:var(--muted-foreground);margin-top:4px;font-size:10px}.pf-inspector-selection button{border:1px solid var(--border);width:48px;height:32px;min-height:32px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;border-radius:5px;gap:5px;padding:6px 8px;font-size:9px;position:relative;top:1px}.pf-inspector-content section{border-bottom:1px solid var(--border);padding:17px 0}.pf-inspector-content section:first-of-type{margin-top:29px}.pf-inspector-content section+section{margin-top:17px}.pf-inspector-content section:last-child{border-bottom:0}.pf-inspector-content section h3{margin:0 0 10px;font-size:11px}.pf-inspector-grid{gap:8px;display:grid}.pf-inspector-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pf-inspector-value{border:0;justify-content:space-between;align-items:center;gap:20px;height:44px;min-height:44px;padding:12px 16px;display:flex}.pf-inspector-dimensions .pf-inspector-value{padding-inline:12px}.pf-inspector-value>span,.pf-inspector-value>strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pf-inspector-value>span{color:var(--muted-foreground);font-size:10px}.pf-inspector-value>strong{text-align:right;justify-content:flex-end;margin-left:auto;font-size:11px;font-weight:500;display:flex}.pf-inspector-color{align-items:center;gap:7px;display:inline-flex}.pf-inspector-color i{border:1px solid var(--border-strong);border-radius:3px;flex:none;width:15px;height:15px;box-shadow:inset 0 0 0 1px #ffffff42}.pf-measurement-box{z-index:4;pointer-events:none;border:1px solid var(--foreground);position:absolute}.pf-measurement-box.is-hovered{border-style:dashed}.pf-measurement-tag{color:#fff;white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:9px;line-height:1.2;position:absolute}.pf-measurement-width{background:var(--foreground);top:-24px;left:50%;transform:translate(-50%)}.pf-measurement-height{background:var(--foreground);top:50%;right:-48px;transform:translateY(-50%)}.pf-measurement-padding{background:var(--foreground);bottom:6px;left:6px}.pf-comments-count{min-width:24px;color:var(--muted-foreground);text-align:center;font-size:11px}.pf-comment-status-tabs{border:1px solid var(--border);border-radius:7px;flex-shrink:0;grid-template-columns:65px 72px 120px 75px;gap:6px;height:48px;margin:12px 20px 11px;padding:4px;display:grid;overflow:hidden}.pf-comment-status-tabs button{min-width:0;height:38px;min-height:38px;font-size:var(--font-size-ui);white-space:nowrap;border-left:0;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:7px 4px;display:flex}.pf-comment-status-tabs button:first-child{border-left:0}.pf-comment-status-tabs button[aria-checked=true]{background:var(--foreground);color:var(--background)}.pf-comment-status-tabs button>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.pf-comment-status-tabs button>strong{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:9px;min-width:16px;padding:2px 4px;font-size:10px;font-weight:600}.pf-comments-add{background:var(--foreground);width:100%;min-height:36px;color:var(--background);border-radius:7px;justify-content:center;gap:6px;margin:0 0 8px}.pf-review:has(.pf-comment-dialog) .pf-comments-add{display:none}.pf-comment-row-meta{align-items:center;grid-template-columns:24px auto auto minmax(0,1fr) auto!important;gap:8px!important;display:grid!important}.pf-comment-avatar{background:var(--muted);border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-weight:700;display:grid}.pf-comment-row-meta time{color:var(--muted-foreground);grid-column:5;font-size:9px}.pf-comment-row-meta .pf-status{grid-area:1/3;width:fit-content}.pf-comment-row>strong,.pf-comment-row>span{margin-left:32px}.pf-inspector-content section:last-child .pf-inspector-grid{gap:12px}.canvas-pages{padding:12px}.pf-review .canvas-pages-summary{color:var(--foreground);padding:5px 8px 23px;font-size:11px;font-weight:600}.canvas-pages-list{flex-direction:column;gap:4px;max-height:none;display:flex;overflow:visible}.canvas-page-group-wrap{flex-direction:column;gap:4px;display:flex}.canvas-page-row{border-radius:8px;gap:2px;height:44px;min-height:44px;margin:0}.canvas-page-row.is-active{background:var(--foreground);color:var(--background)}.canvas-page-row:hover:not(.is-active),.canvas-page-row:focus-within:not(.is-active){background:var(--muted)}.canvas-page-select small{width:24px;color:var(--muted-foreground);font-size:9px}.canvas-page-row.is-active .canvas-page-select small{color:color-mix(in srgb, var(--background) 65%, transparent)}.canvas-page-copy{opacity:0;width:26px;height:26px;min-height:26px;font-size:8px;border:1px solid!important;border-radius:5px!important;gap:0!important;padding:0!important}.canvas-page-row:hover .canvas-page-copy,.canvas-page-row:focus-within .canvas-page-copy,.canvas-page-row.is-active .canvas-page-copy{opacity:1}.canvas-page-row{position:relative}.canvas-page-actions{align-items:center;display:flex;position:relative}.canvas-page-more{opacity:0}.canvas-page-row:hover .canvas-page-more,.canvas-page-row:focus-within .canvas-page-more,.canvas-page-more:focus-visible,.canvas-page-more[aria-expanded=true]{opacity:1}.canvas-page-menu{z-index:4;border:1px solid var(--border);background:var(--card);min-width:124px;color:var(--foreground);box-shadow:0 8px 20px var(--shadow);border-radius:7px;padding:4px;position:absolute;top:calc(100% + 2px);right:0}.canvas-page-menu button{width:100%;min-height:40px;font-size:var(--font-size-ui);justify-content:flex-start;padding:9px 10px}.canvas-page-menu button:hover{background:var(--muted)}.pf-review:has(.pf-workspace-inspector) .pf-artwork{pointer-events:auto}@media (hover:none),(pointer:coarse){.canvas-page-more,.canvas-page-copy{opacity:1}}.pf-comment-location{color:var(--muted-foreground);font-size:var(--font-size-ui-small);margin:0}.pf-comment-compose>.pf-primary{justify-content:center;width:100%;min-height:38px}.pf-workspace-home{width:calc(100% - 112px);max-width:none;padding-top:0}.pf-workspace-home-header{justify-content:space-between;align-items:center;gap:20px;margin:48px 0 28px;display:flex}.pf-workspace-home-header h1{letter-spacing:-.35px;margin:0;font-size:20px;font-weight:700;line-height:1.4}.pf-workspace-home-tools{justify-content:flex-end;align-items:center;gap:8px;display:flex}.pf-workspace-project-search{width:220px}.pf-workspace-home-tools>button{min-height:38px;padding:9px 11px;font-size:11px}.pf-workspace-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.pf-workspace-project-card{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:12px;flex-direction:column;align-items:stretch;min-height:0;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.pf-workspace-project-card:hover{border-color:var(--border-strong);box-shadow:0 8px 20px var(--shadow);transform:translateY(-2px)}.pf-workspace-project-preview{aspect-ratio:416/300;background:var(--muted);place-items:center;width:100%;padding:24px;display:grid;position:relative;overflow:hidden}.pf-workspace-project-preview>img{object-fit:contain;filter:drop-shadow(0 4px 8px #0002);width:auto;max-width:100%;height:auto;max-height:100%}.pf-workspace-project-footer{align-items:stretch;min-height:132px;padding:16px;display:flex}.pf-workspace-project-copy{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.pf-workspace-project-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pf-workspace-project-copy small{color:var(--muted-foreground);margin-top:auto;font-size:12px}.pf-workspace-project-description{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.pf-workspace-project-card .pf-project-members{z-index:2;position:absolute;bottom:12px;right:14px}.pf-workspace-project-card .pf-project-member{border-color:var(--card);width:27px;height:27px}.pf-project-public-tag{z-index:2;background:color-mix(in srgb, var(--foreground) 88%, transparent);color:var(--background);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:600;position:absolute;bottom:14px;left:14px}.pf-dashboard-project-menu{position:fixed}.pf-view-list-empty{text-align:center;padding:12px 6px}.pf-view-list-empty strong,.pf-view-list-empty span{display:block}.pf-view-list-empty strong{font-size:12px}.pf-view-list-empty span{color:var(--muted-foreground);margin-top:6px;font-size:10px;line-height:1.5}.pf-view-empty-note{margin-top:17px;font-size:11px}.pf-view-prompt-examples>div{border:1px solid var(--border);background:var(--background);text-align:left;border-radius:9px;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;width:100%;padding:8px 8px 8px 14px;display:grid}.pf-view-prompt-examples code{color:var(--foreground);font:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-view-empty .pf-view-prompt-examples button{background:var(--muted);border:0;border-radius:7px;width:34px;height:34px;min-height:34px;padding:0}.pf-generated-view{gap:28px;display:grid}.pf-generated-view-block>h3{margin:0 0 12px;font-size:14px}.pf-view-projects article{border:1px solid var(--border);background:var(--card);border-radius:8px;align-items:center;min-height:66px;padding:12px 16px;display:flex}.pf-view-projects article span{min-width:0}.pf-generated-text{max-width:760px}.pf-generated-text p{color:var(--muted-foreground);white-space:pre-wrap;margin:0;line-height:1.65}.pf-generated-bars{border:1px solid var(--border);border-radius:10px;align-items:flex-end;gap:14px;height:260px;padding:32px 16px 34px;display:flex}.pf-generated-bars>span{flex:1;justify-content:center;align-items:flex-end;min-width:36px;height:100%;display:flex;position:relative}.pf-generated-bars i{background:var(--foreground);border-radius:6px 6px 0 0;width:min(56px,70%);display:block}.pf-generated-bars strong{font-size:11px;position:absolute;top:-22px}.pf-generated-bars small{max-width:100%;color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:10px;position:absolute;bottom:-24px;left:50%;overflow:hidden;transform:translate(-50%)}.pf-view-empty-result{border:1px dashed var(--border-strong);min-height:150px;color:var(--muted-foreground);text-align:center;border-radius:9px;align-content:center;place-items:center;gap:10px;margin-top:24px;display:grid}.pf-view-empty-result p{margin:0}.pf-feature-review-list{gap:12px;display:grid}.pf-feature-review-card{border:1px solid var(--border);background:var(--card);border-radius:10px;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px;display:grid}.pf-feature-review-preview{aspect-ratio:16/9;background:var(--muted);color:var(--muted-foreground);border-radius:7px;place-items:center;font-size:11px;text-decoration:none;display:grid;overflow:hidden}.pf-feature-review-preview img{object-fit:cover;width:100%;height:100%}.pf-feature-review-copy{min-width:0}.pf-feature-review-copy h3{margin:8px 0 4px;font-size:15px}.pf-feature-review-copy p{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.pf-feature-review-copy small{color:var(--muted-foreground);margin-top:9px;font-size:10px;display:block}.pf-feature-status{background:var(--muted);color:var(--muted-foreground);text-transform:capitalize;border-radius:999px;margin-right:6px;padding:3px 7px;font-size:9px;font-weight:600;display:inline-flex}.pf-feature-status.is-featured{background:color-mix(in srgb, var(--success) 18%, var(--card));color:var(--success)}.pf-feature-status.is-private{background:color-mix(in srgb, var(--destructive) 12%, var(--card));color:var(--destructive)}.pf-feature-review-actions{flex-direction:column;gap:7px;display:flex}.pf-feature-review-actions button{min-width:112px}.pf-view-table>.pf-view-team-row{border-bottom:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);text-align:left;border-radius:0;grid-template-columns:1.3fr 1fr 1fr .7fr;align-items:center;gap:14px;padding:12px 16px;font-size:11px;display:grid}.pf-view-table>.pf-view-team-row:last-child{border-bottom:0}.pf-view-table>.pf-view-team-row:hover{background:var(--muted)}.pf-view-person{align-items:center;gap:9px;min-width:0;display:flex}.pf-view-person img,.pf-view-person i{background:var(--muted);object-fit:cover;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:9px;font-style:normal;display:grid}.pf-view-person strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-view-bars>span>b{color:var(--background);font-size:9px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.pf-view-activity article:last-child>button{border-top:1px solid var(--border);text-align:left;border-radius:0;justify-content:space-between;gap:14px;width:100%;padding:11px 0;font-size:11px;display:flex}.pf-view-activity article:last-child>button:hover span{text-decoration:underline}.pf-account-profile-form label>small{color:var(--muted-foreground);font-size:10px;font-weight:400;line-height:1.45}.pf-account-empty>a{width:fit-content;margin:18px auto 0;text-decoration:none}.pf-credit-summary{color:var(--muted-foreground);justify-content:space-between;gap:12px;margin-top:9px;display:flex;background:0 0!important;height:auto!important;overflow:visible!important}.pf-credit-summary small{font-size:10px}.pf-usage-by-agent{border:1px solid var(--border);border-radius:9px;margin-top:24px;overflow:hidden}.pf-usage-by-agent h3{background:var(--muted);margin:0;padding:16px;font-size:13px}.pf-usage-by-agent>div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:12px 16px;display:flex}.pf-usage-by-agent span strong,.pf-usage-by-agent span small{display:block}.pf-usage-by-agent span small{color:var(--muted-foreground);margin-top:4px;font-size:9px}.pf-usage-by-agent em{color:var(--muted-foreground);text-align:right;font-size:10px;font-style:normal}.pf-usage-note{color:var(--muted-foreground);margin:16px 0 0;font-size:11px;line-height:1.5}.pf-payment-history-head{background:var(--muted);color:var(--muted-foreground)}.pf-payment-history-row{align-items:center}.pf-payment-history-row time,.pf-payment-history-row time small{display:block}.pf-payment-history-row time small{color:var(--muted-foreground);text-transform:capitalize;margin-top:4px}.pf-invoice-action{width:fit-content;color:var(--foreground);text-align:left;justify-content:flex-start;gap:5px;padding:5px 0;font-size:10px}.pf-invoice-action:hover{text-decoration:underline}@media (width>=1101px) and (width<=1439px){.pf-view-project-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-view-project-cards>button{width:100%}.pf-account-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-account-security>div{flex:1;min-width:0}.pf-account-security p{width:min(650px,100%)}.pf-account-security a{flex:0 0 180px}}@media (width<=1100px){.pf-workspace-topbar{padding-inline:10px}.pf-workspace-project-context{max-width:170px}.pf-workspace-page-button>span{display:none}.pf-workspace-stage{width:min(100% - 32px,760px);margin-top:28px}.pf-workspace-stage.pf-workspace-views{width:100%;margin:0}.pf-workspace-home{width:calc(100% - 32px)}.pf-workspace-views,.pf-workspace-account-page{grid-template-columns:1fr;gap:14px}.pf-workspace-view-list,.pf-workspace-account-page>aside{flex-flow:wrap;padding:14px}.pf-workspace-account-page>aside h1,.pf-workspace-view-list>p{width:100%}.pf-workspace-view-result,.pf-workspace-account-page>section{padding:24px}.pf-workspace-view-result>header,.pf-workspace-account-page>section>header{height:auto;margin-bottom:28px;padding-bottom:24px}.pf-view-list-empty{width:100%}.pf-feature-review-card{grid-template-columns:160px minmax(0,1fr)}.pf-feature-review-actions{flex-direction:row;grid-column:1/-1;justify-content:flex-end}.pf-view-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-view-project-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-view-project-cards>button{width:auto}.pf-account-profile-card{height:auto;padding:22px}.pf-account-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pf-account-profile-wide{grid-column:1/-1}.pf-account-profile-form+.pf-account-security{height:auto;margin-top:32px}.pf-account-security>div{flex:1;min-width:0}.pf-account-security p{width:min(650px,100%)}.pf-account-security a{flex:0 0 180px}.pf-workspace-account-page>aside .pf-account-signout{margin:0 0 0 auto}.pf-attention-summary{grid-template-columns:1fr}.pf-workspace-home-header{flex-direction:column;align-items:flex-start}.pf-workspace-home-tools{flex-wrap:wrap;justify-content:flex-start;width:100%}.pf-workspace-project-search{flex:220px}.pf-workspace-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.pf-workspace-topbar{gap:2px}.pf-workspace-logo,:is(.pf-dashboard:has(.pf-workspace-views) .pf-workspace-canvas-nav,.pf-dashboard:has(.pf-workspace-account-page) .pf-workspace-canvas-nav){display:none}:is(.pf-dashboard:has(.pf-workspace-views) .pf-workspace-project-context,.pf-dashboard:has(.pf-workspace-account-page) .pf-workspace-project-context){flex:1}.pf-workspace-primary-nav{padding-right:3px}.pf-workspace-project-context{max-width:110px;padding-inline:7px}.pf-workspace-canvas-nav{gap:0}.pf-workspace-nav-button{min-width:34px;padding:8px}.pf-workspace-page-button{max-width:40px}.pf-workspace-account{margin-left:1px}.pf-project-context-menu,.pf-review .pf-pages,.pf-review .pf-comments,.pf-review .pf-share-panel,.pf-review .pf-workspace-inspector{width:auto;left:10px;right:10px}.pf-view-metrics,.pf-view-activity,.pf-view-project-cards,.pf-account-profile-fields{grid-template-columns:1fr}.pf-account-profile-wide{grid-column:auto}.pf-workspace-view-result,.pf-workspace-account-page>section{padding:18px}.pf-account-profile-form{padding:0}.pf-account-profile-card{padding:16px}.pf-account-photo{flex-wrap:wrap;align-items:flex-start}.pf-workspace-account-page>section>header,.pf-account-security,.pf-payment-method{flex-direction:column;align-items:flex-start}.pf-account-security h3,.pf-account-security p,.pf-account-security a{width:100%}.pf-account-security a{flex-basis:auto;margin-top:0}.pf-workspace-account-page>section>header{gap:6px}.pf-workspace-account-page>section>header p{margin-top:0}.pf-view-table{overflow-x:auto}.pf-view-table>div{min-width:620px}.pf-agent-connections article{grid-template-columns:28px minmax(0,1fr) auto}.pf-agent-connections article>small{display:none}.pf-payment-history>div{grid-template-columns:1fr 1fr}.pf-workspace-home-header{margin-top:38px}.pf-workspace-home-tools>.pf-search{flex-basis:100%;width:100%}.pf-workspace-project-grid{grid-template-columns:1fr}.pf-view-table>.pf-view-team-row{min-width:620px}.pf-payment-history-head{display:none!important}}@media (width<=420px){.pf-workspace-topbar{padding-inline:8px}.pf-workspace-nav-button{min-width:32px;padding:7px}.pf-workspace-page-button{max-width:36px}.pf-workspace-project-context{max-width:96px}}.pf-review{--measurement-blue:oklch(58% .2 255);--measurement-green:oklch(59% .15 150);--measurement-amber:oklch(68% .16 72);--measurement-purple:oklch(59% .2 310)}.pf-page-caption{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:18px;display:flex}.pf-page-caption strong{min-width:0;color:var(--foreground);text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.pf-page-caption small{color:var(--muted-foreground);flex:none;font-size:9px}.canvas-page-group,.canvas-page-row{width:calc(100% - var(--page-depth,0) * 32px);margin-left:calc(var(--page-depth,0) * 32px);padding-left:0}.canvas-page-group{height:44px;min-height:44px;font-size:11px;color:var(--muted-foreground)!important;justify-content:flex-start!important}.canvas-page-group:hover{background:var(--muted)!important;color:var(--foreground)!important}.canvas-page-group small,.canvas-page-select small{font-variant-numeric:tabular-nums;width:auto;min-width:24px}.canvas-page-group span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-page-copy span{text-overflow:ellipsis;max-width:48px;overflow:hidden}.pf-share-content{gap:20px;display:grid}.pf-share-panel .pf-share-content{padding:18px}.pf-share-invite,.pf-share-people{gap:12px;display:grid}.pf-share-recipient{gap:7px;font-size:11px;font-weight:600;display:grid}.pf-share-recipient input{border:1px solid var(--border);width:100%;min-height:40px;color:var(--foreground);background:var(--card);border-radius:7px;padding:9px 11px}.pf-share-permissions{gap:7px;display:grid}.pf-share-permissions>strong{margin-bottom:2px;font-size:11px}.pf-share-permissions label{cursor:pointer;align-items:center;gap:8px;min-height:24px;font-size:11px;display:flex}.pf-share-permissions input{appearance:none;border:1px solid var(--border-strong);background:var(--card);border-radius:3px;width:16px;height:16px;position:relative}.pf-share-permissions input:checked:before,.pf-share-permissions input:checked:after{content:"";background:var(--foreground);width:1px;height:10px;position:absolute;top:2px;left:7px}.pf-share-permissions input:checked:before{transform:rotate(45deg)}.pf-share-permissions input:checked:after{transform:rotate(-45deg)}.pf-share-permissions input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.pf-share-permissions label:has(input:disabled){cursor:default}.pf-share-create{justify-content:center;justify-self:end;width:fit-content;margin-top:4px}.pf-generated-invite{border:1px solid var(--border);background:var(--muted);border-radius:8px;gap:10px;padding:12px;display:grid}.pf-generated-invite strong,.pf-generated-invite small{display:block}.pf-generated-invite small{color:var(--muted-foreground);margin-top:4px;font-size:9px}.pf-share-regenerate{width:fit-content;color:var(--muted-foreground);gap:6px;padding:4px 0;font-size:10px}.pf-access-list{display:grid}.pf-share-content .pf-access-row{grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.pf-share-content .pf-access-row>span{min-width:0}.pf-share-content .pf-access-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pf-share-content .pf-access-row select{max-width:112px;color:var(--muted-foreground);background:0 0;border:0;border-radius:6px;padding:6px;font-size:10px}.pf-share-avatar{background:var(--muted);border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid!important}.pf-access-owner{color:var(--muted-foreground);font-size:10px}.pf-open-invitations{border-top:1px solid var(--border);padding-top:12px}.pf-open-invitations summary,.pf-public-advanced summary{cursor:pointer;color:var(--muted-foreground);font-size:11px}.pf-open-invitations summary span{margin-left:5px}.pf-open-invitations .pf-access-row{grid-template-columns:minmax(0,1fr) auto auto}.pf-open-invitations .pf-access-row button{gap:5px;font-size:9px}.pf-share-content .pf-public-sharing{border-top:1px solid var(--border);border-bottom:0;padding:16px 0 0}.pf-public-sharing>summary{cursor:pointer;font-size:13px;font-weight:600}.pf-public-sharing[open]>summary{margin-bottom:10px}.pf-public-sharing>:not(summary){margin-top:10px}.pf-public-card{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:14px}.pf-public-sharing-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.pf-public-sharing-header p{margin:0}.pf-public-sharing-header strong{font-size:11px;display:block}.pf-public-sharing-header p{max-width:220px;color:var(--muted-foreground);margin-top:6px;font-size:10px;line-height:1.45}.pf-public-toggle{flex:none;width:38px;height:22px;position:relative}.pf-public-toggle input{opacity:0;position:absolute;inset:0}.pf-public-toggle span{pointer-events:none;background:var(--muted);border:1px solid var(--border);border-radius:12px;transition:background .12s;position:absolute;inset:0}.pf-public-toggle span:after{content:"";background:var(--muted-foreground);border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px}.pf-public-toggle input:checked+span{background:var(--foreground);border-color:var(--foreground)}.pf-public-toggle input:checked+span:after{background:var(--background);transform:translate(16px)}.pf-public-toggle input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}.pf-public-state{color:var(--muted-foreground);margin:0;font-size:9px}.pf-public-views{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;gap:12px;margin-top:12px;padding:11px 0 0;font-size:10px;display:flex}.pf-public-views strong{color:var(--foreground);font-weight:500}.pf-public-link{margin-top:2px}.pf-public-advanced{margin-top:3px}.pf-public-advanced .pf-stack{margin-top:10px}.pf-feature-submission{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.pf-feature-submission strong{font-size:10px;display:block}.pf-feature-submission p{max-width:220px;color:var(--muted-foreground);margin:4px 0 0;font-size:9px;line-height:1.4}.pf-feature-submission button{flex:none;min-height:32px;padding:7px 10px;font-size:10px}.pf-review .pf-share-panel .pf-share-content{grid-template-columns:minmax(0,1fr);gap:0;padding:20px;display:grid;overflow:auto}.pf-review .pf-share-panel .pf-share-content h3{margin:0;font-size:13px;line-height:16px}.pf-review .pf-share-panel .pf-share-invite{grid-template-rows:16px 44px 80px 44px;gap:12px;height:240px;display:grid}.pf-review .pf-share-panel .pf-share-recipient{height:44px;display:block}.pf-review .pf-share-panel .pf-share-recipient>span,.pf-review .pf-share-panel .pf-generated-invite>.pf-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pf-review .pf-share-panel .pf-share-recipient input{border:1px solid var(--border);width:100%;height:44px;min-height:44px;color:var(--foreground);background:var(--card);font:inherit;border-radius:7px;padding:10px 12px}.pf-review .pf-share-panel .pf-share-permissions{align-content:start;gap:4px;height:80px}.pf-review .pf-share-panel .pf-share-permissions>strong{height:16px;margin:0;line-height:16px}.pf-review .pf-share-panel .pf-share-permissions label{min-height:26px}.pf-review .pf-share-panel .pf-share-create{white-space:nowrap;gap:6px;width:128px;height:44px;min-height:44px;margin:0;padding:10px}.pf-review .pf-share-panel .pf-generated-invite{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;grid-template-rows:16px 44px;gap:12px;height:112px;padding:19px 0 0;display:grid;position:relative}.pf-review .pf-share-panel .pf-generated-invite .pf-invite-link{grid-template-columns:minmax(0,1fr) 44px 44px;gap:12px;height:44px;display:grid}.pf-review .pf-share-panel .pf-generated-invite .pf-invite-link input{border:1px solid var(--border);width:100%;min-width:0;height:44px;color:var(--foreground);background:var(--card);border-radius:7px;padding:10px 12px}.pf-review .pf-share-panel .pf-generated-invite .pf-invite-link button{border:1px solid var(--border);width:44px;height:44px;min-height:44px;color:var(--foreground);background:var(--card);border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.pf-review .pf-share-panel .pf-generated-invite .pf-invite-link button:disabled{color:var(--muted-foreground);opacity:.55}.pf-review .pf-share-panel .pf-generated-invite .pf-share-regenerate{margin:0}.pf-review .pf-share-panel .pf-share-content>.pf-error{margin:0 0 12px;font-size:11px}.pf-review .pf-share-panel .pf-public-sharing{border:0;height:164px;min-height:164px;padding:0;position:relative}.pf-review .pf-share-panel .pf-public-sharing>summary{height:16px;font-size:13px;line-height:16px}.pf-review .pf-share-panel .pf-public-sharing[open]>summary{margin-bottom:8px}.pf-review .pf-share-panel .pf-public-sharing>:not(summary){margin-top:0}.pf-review .pf-share-panel .pf-public-card{height:116px;padding:11px 12px;position:relative}.pf-review .pf-share-panel .pf-public-sharing-header p{text-overflow:ellipsis;white-space:nowrap;max-width:270px;margin-top:3px;line-height:14px;overflow:hidden}.pf-review .pf-share-panel .pf-public-link{grid-template-columns:minmax(0,1fr) 28px 28px;gap:6px;height:28px;margin-top:7px;display:grid}.pf-review .pf-share-panel .pf-public-link input{border:1px solid var(--border);background:var(--card);border-radius:5px;min-width:0;height:28px;padding:5px 7px}.pf-review .pf-share-panel .pf-public-link button,.pf-review .pf-share-panel .pf-public-link a{border:0;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.pf-review .pf-share-panel .pf-public-state{position:absolute;bottom:9px;left:12px}.pf-review .pf-share-panel .pf-public-views{border:0;gap:7px;margin:0;padding:0;position:absolute;bottom:9px;right:12px}.pf-review .pf-share-panel .pf-public-advanced{height:16px;margin-top:8px;line-height:16px}.pf-review .pf-share-panel .pf-public-advanced[open]{z-index:2;border:1px solid var(--border);background:var(--window-background);height:auto;box-shadow:0 8px 24px var(--shadow);border-radius:7px;padding:10px;position:relative}.pf-review .pf-share-panel .pf-share-people{margin-top:28px;display:block}.pf-review .pf-share-panel .pf-access-list{gap:8px;margin-top:14px;display:grid}.pf-review .pf-share-panel .pf-share-content .pf-access-row{height:52px;padding:10px 0}.pf-review .pf-share-panel .pf-share-invite{grid-template-rows:16px 44px 56px 44px;height:224px}.pf-review .pf-share-panel .pf-share-permissions{gap:4px;height:56px}.pf-review .pf-share-panel .pf-share-permissions label,.pf-share-content .pf-access-row select,.pf-access-owner,.pf-open-invitations .pf-access-row button,.pf-share-regenerate{font-size:var(--font-size-ui)}.pf-review .pf-share-panel .pf-generated-invite{background:0 0;border:0;height:auto;min-height:100px;padding:18px 0}.pf-create-invitation-link{background:var(--muted);border:0;justify-content:center;width:100%;height:44px}.pf-review .pf-share-panel .pf-public-sharing{border:0;height:auto;min-height:0;padding:0}.pf-review .pf-share-panel .pf-public-sharing:not([open]){padding-bottom:8px}.pf-review .pf-share-panel .pf-public-card{background:0 0;border:0;border-radius:0;height:auto;min-height:0;padding:4px 0 12px}.pf-public-description-field{font-size:var(--font-size-ui);gap:6px;margin-top:12px;font-weight:600;display:grid}.pf-public-description-field textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:56px;color:var(--foreground);background:var(--card);font:inherit;border-radius:7px;padding:8px 10px;font-weight:400}.pf-review .pf-share-panel .pf-public-state,.pf-review .pf-share-panel .pf-public-views{font-size:var(--font-size-ui);margin-top:10px;position:static}.pf-review .pf-share-panel .pf-public-views{border-top:1px solid var(--border);padding-top:9px}.pf-review .pf-share-panel .pf-share-people{margin-top:20px}.pf-measurements{z-index:5;pointer-events:none;position:absolute;inset:0}.pf-measurement-box{border-color:var(--measurement-blue)}.pf-measurement-box.is-selected{border-width:2px}.pf-measurement-box.is-hovered{border-style:dashed;border-width:1px}.pf-measurement-tag{z-index:8;color:#fff;font-weight:600}.pf-measurement-kind{background:var(--measurement-blue);top:-43px;left:0}.pf-measurement-width,.pf-measurement-height{background:var(--measurement-blue)}.pf-measurement-padding{background:var(--measurement-green);bottom:6px;left:6px;right:auto}.pf-parent-guide{z-index:3;background:var(--measurement-amber);border-radius:0;padding:0;display:block;position:absolute}.pf-parent-guide>b{z-index:1;color:#fff;background:var(--measurement-amber);white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:600;line-height:1.2;position:absolute}.pf-parent-guide.is-top,.pf-parent-guide.is-bottom{width:1px;height:var(--guide-length);left:50%}.pf-parent-guide.is-left,.pf-parent-guide.is-right{width:var(--guide-length);height:1px;top:50%}.pf-parent-guide.is-top{bottom:100%}.pf-parent-guide.is-bottom{top:100%}.pf-parent-guide.is-left{right:100%}.pf-parent-guide.is-right{left:100%}.pf-parent-guide.is-top>b,.pf-parent-guide.is-bottom>b,.pf-parent-guide.is-left>b,.pf-parent-guide.is-right>b{top:50%;left:50%;transform:translate(-50%,-50%)}.pf-parent-guide:before,.pf-parent-guide:after{content:"";background:var(--measurement-amber);position:absolute}.pf-parent-guide.is-top:before,.pf-parent-guide.is-top:after,.pf-parent-guide.is-bottom:before,.pf-parent-guide.is-bottom:after{width:7px;height:1px;left:-3px}.pf-parent-guide.is-top:before,.pf-parent-guide.is-bottom:before{top:0}.pf-parent-guide.is-top:after,.pf-parent-guide.is-bottom:after{bottom:0}.pf-parent-guide.is-left:before,.pf-parent-guide.is-left:after,.pf-parent-guide.is-right:before,.pf-parent-guide.is-right:after{width:1px;height:7px;top:-3px}.pf-parent-guide.is-left:before,.pf-parent-guide.is-right:before{left:0}.pf-parent-guide.is-left:after,.pf-parent-guide.is-right:after{right:0}.pf-orthogonal-distance{z-index:7;background:var(--measurement-purple);display:block;position:absolute}.pf-orthogonal-distance>b{z-index:1;color:#fff;background:var(--measurement-purple);white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:700;line-height:1.2;position:absolute}.pf-orthogonal-distance.is-horizontal{min-width:1px;height:1px}.pf-orthogonal-distance.is-vertical{width:1px;min-height:1px}.pf-orthogonal-distance.is-horizontal>b,.pf-orthogonal-distance.is-vertical>b{top:50%;left:50%;transform:translate(-50%,-50%)}.pf-orthogonal-distance.is-horizontal:before,.pf-orthogonal-distance.is-horizontal:after{content:"";background:var(--measurement-purple);width:1px;height:6px;position:absolute;top:-3px}.pf-orthogonal-distance.is-horizontal:before{left:0}.pf-orthogonal-distance.is-horizontal:after{right:0}.pf-orthogonal-distance.is-vertical:before,.pf-orthogonal-distance.is-vertical:after{content:"";background:var(--measurement-purple);width:6px;height:1px;position:absolute;left:-3px}.pf-orthogonal-distance.is-vertical:before{top:0}.pf-orthogonal-distance.is-vertical:after{bottom:0}@media (width<=620px){.pf-share-content .pf-access-row{grid-template-columns:28px minmax(0,1fr) auto}.pf-share-content .pf-access-row>button:last-child{display:none}.pf-open-invitations .pf-access-row{grid-template-columns:minmax(0,1fr) auto}}.pf-playback{background:var(--canvas);height:100dvh;color:var(--foreground);outline:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.pf-playback button:where(:not(.pf-pin)){border-radius:7px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.pf-playback button:hover:not(:disabled):where(:not(.pf-pin)){background:var(--muted)}.pf-playback button:focus-visible,.pf-playback select:focus-visible,.pf-playback input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.pf-playback-header{justify-content:space-between;align-items:center;gap:24px;min-height:62px;padding:20px 28px 8px;display:flex}.pf-playback-header>div{min-width:0;font-size:var(--font-size-ui);align-items:center;gap:9px;display:flex}.pf-playback-header svg,.pf-playback-header>div>span:first-of-type{flex-shrink:0}.pf-playback-file-name{color:var(--muted-foreground);border-left:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;margin-left:5px;padding-left:10px;overflow:hidden}.pf-playback-header-actions{flex-shrink:0}.pf-playback-header-actions>button{font-size:var(--font-size-ui);flex-shrink:0;padding:9px 12px}.pf-playback-header kbd{color:var(--muted-foreground);font:inherit;font-size:var(--font-size-ui-small);border:1px solid var(--border);border-radius:4px;margin-left:5px;padding:3px 4px}.pf-playback-stage{min-height:0;position:relative;overflow:hidden}.pf-playback-stage>.pf-agent-overlay{max-height:calc(100% - 24px);bottom:12px;right:24px}.pf-playback-log.pf-panel{width:min(320px,100% - 48px);max-height:calc(100% - 24px);inset:12px 24px 12px auto}.pf-playback .pf-playback-log-entry{text-align:left;border-bottom:1px solid var(--border);width:100%;font-size:var(--font-size-ui);overflow-wrap:anywhere;border-radius:0;align-items:flex-start;gap:10px;padding:13px 16px;line-height:1.5;display:flex}.pf-playback-log-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pf-playback-log-entry[aria-current=step]{background:var(--selected)}.pf-playback-log-status{font-size:var(--font-size-ui);padding:0 16px}.pf-playback-canvas{touch-action:none;cursor:grab;position:absolute;inset:0;overflow:clip}.pf-playback-canvas:active{cursor:grabbing}.pf-playback-placeholder{color:var(--muted-foreground);font-size:var(--font-size-ui);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.pf-playback-loading{font-size:var(--font-size-ui);color:var(--muted-foreground);position:absolute;top:15px;left:28px}.pf-playback-player{border:1px solid var(--window-border);background:var(--window-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(960px,100% - 48px);box-shadow:0 8px 30px var(--shadow);border-radius:14px;justify-self:center;min-width:0;margin:12px 0 24px;padding:16px 20px 12px}.pf-playback-scrubber{width:100%;height:14px;accent-color:var(--foreground);cursor:pointer;margin:0;padding:0;display:block}.pf-playback-controls{align-items:center;gap:20px;margin-top:11px;display:flex}.pf-playback-transport{align-items:center;gap:3px;display:flex}.pf-playback-transport>button{width:30px;height:36px}.pf-playback-transport .pf-playback-play{background:var(--foreground);width:40px;height:40px;color:var(--background);border-radius:50%;margin:0 5px}.pf-playback-transport .pf-playback-play:hover:not(:disabled){background:var(--foreground);opacity:.85}.pf-playback-transport select{font:inherit;font-size:var(--font-size-ui);width:68px;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:7px;margin-left:7px;padding:7px 5px}.pf-playback-hint{font-size:var(--font-size-ui-small);color:var(--muted-foreground)}.pf-playback-position{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.pf-playback-position select{opacity:0;cursor:pointer;width:calc(100% - 40px);height:36px;position:absolute;top:0;left:0}.pf-playback-position>span{font-size:var(--font-size-ui);pointer-events:none;text-align:center;border-radius:7px;min-width:75px;padding:10px 24px 10px 10px}.pf-playback-position>span:after{content:"";border-right:1px solid var(--muted-foreground);border-bottom:1px solid var(--muted-foreground);width:5px;height:5px;position:absolute;top:15px;right:54px;transform:rotate(45deg)}.pf-playback-position:has(select:focus-visible)>span{outline:2px solid var(--ring)}.pf-playback-position:has(select:hover)>span{background:var(--muted)}.pf-playback-position>button{width:32px;height:36px}.pf-playback-error{color:var(--destructive);font-size:var(--font-size-ui);align-items:center;gap:10px;margin-bottom:12px;display:flex}.pf-playback-error p{flex:1;margin:0}.pf-playback-error button{padding:5px;text-decoration:underline}@media (width<=760px){.pf-playback-header{gap:12px;min-height:54px;padding:12px 14px 6px}.pf-playback-header>div{font-size:var(--font-size-ui);gap:7px}.pf-playback-header-actions>button{font-size:var(--font-size-ui);padding:8px 0 8px 8px}.pf-playback-header kbd{display:none}.pf-playback-header-actions .pf-activity-control{min-height:34px;padding:8px}.pf-playback-stage>.pf-agent-overlay,.pf-playback-log.pf-panel{right:14px}.pf-playback-file-name{margin-left:0;padding-left:7px}.pf-playback-player{border-radius:11px;width:calc(100% - 24px);margin:8px 0 12px;padding:13px 12px 10px}.pf-playback-controls{gap:6px}.pf-playback-transport{gap:0}.pf-playback-transport>button{width:25px}.pf-playback-transport .pf-playback-play{width:36px;height:36px;margin:0 3px}.pf-playback-transport select{width:62px;margin-left:4px}.pf-playback-hint{display:none}.pf-playback-position{gap:0}.pf-playback-position>span{min-width:60px;padding-left:4px}.pf-playback-position select{width:calc(100% - 32px)}.pf-playback-position>span:after{right:43px}}@media (width<=360px){.pf-playback-transport>button:first-child,.pf-playback-transport>button:nth-child(5){display:none}.pf-playback-file-name{max-width:100px}}@media (height<=520px) and (width>=600px){.pf-playback-header{min-height:40px;padding-top:5px}.pf-playback-player{margin-bottom:8px;padding-top:9px}}@media (width>=1001px){.pf-review .pf-review-top{max-width:calc(100% - 800px)}}@media (width<=1000px){.pf-review .pf-review-top{max-width:calc(100% - 380px)}}@media (width<=700px){.pf-review .pf-review-top{max-width:calc(100% - 290px)}.pf-review-top .pf-mini-brand,.pf-review-top .pf-live{display:none}.pf-review-top .pf-canvas-name{max-width:none}}.pf-canvas-focus{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.pf-canvas-focus polygon{fill:none;stroke:var(--selection);stroke-width:2.5px;stroke-linejoin:round}.pf-canvas-focus circle{fill:var(--selection)}.pf-canvas-focus text{fill:var(--handle);font:600 12px system-ui,sans-serif}.pf-agent-follow{font-size:var(--font-size-ui-small);color:var(--muted-foreground);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 18px;display:flex}.pf-agent-follow input{accent-color:var(--selection)}.pf-walkthrough{border-top:1px solid var(--border);background:var(--muted);flex-shrink:0;padding:12px 18px}.pf-walkthrough header,.pf-walkthrough header>span,.pf-walkthrough footer{align-items:center;gap:8px;display:flex}.pf-walkthrough header{font-size:var(--font-size-ui-small);justify-content:space-between}.pf-walkthrough header>span{overflow-wrap:anywhere;min-width:0}.pf-walkthrough-explanation{max-height:140px;margin:8px 0;overflow-y:auto}.pf-walkthrough p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.pf-walkthrough footer{margin-top:8px}.pf-walkthrough-refocus{color:var(--foreground);background:0 0;border:0;margin-left:auto;text-decoration:underline;font-size:12px!important}.pf-walkthrough small{color:var(--muted-foreground);margin-top:6px;font-size:11px;display:block}.pf-playback-decision{width:min(760px,100%);max-height:180px;margin:0 auto 10px;padding:4px 12px;overflow-y:auto}.pf-playback-decision small{color:var(--muted-foreground);margin-bottom:4px;display:block}.pf-playback-decision strong{display:block}.pf-playback-decision p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.pf-design-agent{z-index:90;width:390px;height:min(730px,100dvh - 100px);color:var(--foreground);background:var(--window-background);border:1px solid var(--window-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 70px var(--shadow-heavy);font:var(--font-size-ui)/1.5 Inter, system-ui, sans-serif;text-align:left;border-radius:18px;flex-direction:column;display:flex;position:fixed;bottom:24px;right:22px;overflow:hidden}.pf-agent-billing{border-top:1px solid var(--border);font-size:var(--font-size-ui-small);flex-shrink:0;padding:10px 18px}.pf-agent-balance-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pf-agent-billing button{color:var(--foreground);background:0 0;border:0;padding:4px 0;text-decoration:underline}.pf-agent-billing p{color:var(--muted-foreground);margin:6px 0}.pf-agent-credit-details{max-height:180px;overflow-y:auto}.pf-agent-usage{grid-template-columns:1fr auto;gap:4px 12px;margin:8px 0;display:grid}.pf-agent-usage dd{font-variant-numeric:tabular-nums;margin:0}.pf-design-agent button{cursor:pointer;font:inherit}.pf-design-agent button:disabled{cursor:default;opacity:.45}.pf-design-agent button:focus-visible,.pf-design-agent textarea:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.pf-design-agent-header{align-items:center;gap:11px;padding:18px 16px;display:flex}.pf-forma-avatar{background:var(--accent);width:39px;height:39px;color:var(--accent-foreground);border-radius:12px;place-items:center;display:grid}.pf-design-agent-header>div{flex:1}.pf-design-agent-header h2{letter-spacing:-.4px;margin:0;font-size:16px}.pf-design-agent-header h2 span{font-size:var(--font-size-ui-small);letter-spacing:0;color:var(--muted-foreground);margin-left:5px;font-weight:400}.pf-design-agent-header p{font-size:var(--font-size-ui);color:var(--muted-foreground);margin:2px 0 0}.pf-agent-icon{color:var(--muted-foreground);background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.pf-agent-icon:hover{background:var(--hover)}.pf-design-agent-context{background:var(--muted);border-block:1px solid var(--border);font-size:var(--font-size-ui);align-items:center;gap:7px;padding:9px 18px;display:flex}.pf-agent-context-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:5px;height:5px}.pf-design-agent-context>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-design-agent-context small{white-space:nowrap;color:var(--muted-foreground);font-size:var(--font-size-ui-small);margin-left:auto}.pf-design-agent-log{overscroll-behavior:contain;flex:1;min-height:0;padding:22px 18px;overflow-y:auto}.pf-agent-eyebrow{font-size:var(--font-size-ui-small);letter-spacing:1.2px;color:var(--muted-foreground);font-weight:600}.pf-design-agent-welcome{padding:15px 2px 6px}.pf-design-agent-welcome h3{letter-spacing:-1.1px;margin:16px 0 13px;font-size:30px;font-weight:500;line-height:1.13}.pf-design-agent-welcome>p{color:var(--muted-foreground);max-width:290px;font-size:var(--font-size-ui);line-height:1.7}.pf-agent-suggestions{gap:7px;margin-top:24px;display:grid}.pf-agent-suggestions button{border:1px solid var(--border);background:var(--card);color:var(--foreground);text-align:left;font-size:var(--font-size-ui);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.pf-agent-suggestions button:hover{background:var(--muted)}.pf-agent-message{overflow-wrap:anywhere;margin-bottom:22px}.pf-agent-message p{white-space:pre-wrap;margin:5px 0 0;line-height:1.7}.pf-agent-message-author{font-size:var(--font-size-ui-small);color:var(--muted-foreground);align-items:center;gap:6px;font-weight:600;display:flex}.pf-agent-message.is-user{background:var(--muted);border:1px solid var(--border);border-radius:12px 12px 3px;margin-left:26px;padding:12px 14px}.pf-agent-message.is-system{font-size:var(--font-size-ui);color:var(--muted-foreground);border-left:2px solid var(--border-strong);padding-left:10px}.pf-agent-working,.pf-agent-loading{color:var(--muted-foreground);font-size:var(--font-size-ui);align-items:center;gap:8px;display:flex}.pf-agent-caret{background:var(--primary);width:4px;height:12px;margin-left:3px;display:inline-block}.pf-agent-error{border:1px solid var(--destructive);color:var(--destructive);font-size:var(--font-size-ui);border-radius:9px;align-items:start;margin:0 14px 10px;padding:10px;display:flex}.pf-agent-error p{flex:1;margin:0}.pf-agent-setup{border:1px solid var(--border);background:var(--muted);font-size:var(--font-size-ui);border-radius:10px;margin:0 16px 12px;padding:12px}.pf-agent-setup p{color:var(--muted-foreground);margin:4px 0 0}.pf-agent-composer{border:1px solid var(--border-strong);background:var(--card);border-radius:12px;margin:0 14px;padding:11px}.pf-agent-composer:focus-within{border-color:var(--ring)}.pf-agent-composer textarea{resize:none;width:100%;color:var(--foreground);font:inherit;font-size:var(--font-size-ui);background:0 0;border:0;outline:none;padding:2px;line-height:1.6;display:block}.pf-agent-composer textarea::placeholder{color:var(--muted-foreground)}.pf-agent-composer-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:9px;display:flex}.pf-agent-voice-button{color:var(--muted-foreground);background:0 0;border:0;align-items:center;gap:7px;padding:4px 2px;display:flex;font-size:var(--font-size-ui)!important}.pf-agent-voice-button.is-active{color:var(--success)}.pf-agent-send{background:var(--primary);width:31px;height:31px;color:var(--primary-foreground);border:0;border-radius:9px;place-items:center;display:grid}.pf-design-agent-footer{font-size:var(--font-size-ui-small);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;padding:11px 16px 13px;display:flex}.pf-design-agent-footer span,.pf-design-agent-footer button{align-items:center;gap:5px;display:flex}.pf-design-agent-footer button{color:inherit;font-size:var(--font-size-ui);background:0 0;border:0;padding:0}.pf-agent-voice{background:var(--selected);color:var(--selected-foreground);font-size:var(--font-size-ui);border-radius:10px;align-items:center;gap:10px;margin:0 15px 10px;padding:9px 12px;display:flex}.pf-agent-voice>span:nth-child(2){flex:1}.pf-agent-voice-bars{align-items:center;gap:2px;height:22px;display:flex}.pf-agent-voice-bars i{background:currentColor;border-radius:3px;width:3px;height:7px}.pf-agent-voice.is-speaking i{animation:.7s ease-in-out infinite alternate pf-voice-wave}.pf-agent-end{border:1px solid var(--border-strong);background:var(--card);color:var(--foreground);border-radius:5px;padding:3px 8px;font-size:var(--font-size-ui)!important}.pf-agent-play{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:7px;align-items:center;gap:7px;margin:0 15px 10px;padding:7px;display:flex}@keyframes pf-voice-wave{to{height:21px}}@media (width<=600px){.pf-design-agent{width:auto;height:calc(100dvh - 78px);max-height:760px;bottom:8px;left:8px;right:8px}}@media (prefers-reduced-motion:reduce){.pf-agent-voice-bars i{animation:none!important}}.pf-agent-currency{gap:6px;margin:12px 0;display:grid}.pf-agent-packages{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;padding:0;display:grid}.pf-agent-packages legend{margin-bottom:8px}.pf-agent-package{border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.pf-agent-package:has(input:checked){border-color:var(--foreground)}.pf-agent-package>span{gap:4px;display:grid}.pf-agent-currency select{border:1px solid var(--border);background:var(--background);width:100%;min-width:0;color:var(--foreground);font:inherit;border-radius:6px;padding:8px}.pf-agent-task{border-top:1px solid var(--border);gap:5px;padding:12px 18px;font-size:12px;display:grid}.pf-agent-task strong{font-weight:600}.pf-agent-task small{opacity:.7}.pf-agent-task button{justify-self:start;padding:4px 0;text-decoration:underline}.pf-showcase{z-index:120}.pf-showcase .pf-artwork{pointer-events:none}.pf-showcase .pf-playback-canvas{background-image:radial-gradient(var(--canvas-dot) .7px, transparent .7px);background-size:20px 20px}.pf-showcase-speaker{z-index:8;pointer-events:none;will-change:transform;width:44px;height:44px;position:absolute;top:0;left:0}.pf-showcase-mark{background:var(--card);width:44px;height:44px;color:var(--foreground);box-shadow:0 4px 18px var(--shadow);border-radius:10px;place-items:center;display:grid}.pf-showcase-mark svg{width:34px;height:34px}.pf-showcase-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pf-showcase-speaker:before,.pf-showcase-speaker:after{content:"";z-index:-1;border:1.5px solid var(--ring);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.pf-showcase-speaker.is-speaking .pf-showcase-mark{outline:1px solid var(--ring);outline-offset:2px}.pf-showcase-speaker.is-speaking:before,.pf-showcase-speaker.is-speaking:after{animation:1.8s ease-out infinite pf-speaking-ripple}.pf-showcase-speaker.is-speaking:after{animation-delay:.9s}.pf-showcase-player{width:min(850px,100% - 48px)}.pf-showcase-player .pf-playback-decision{max-height:min(22dvh,170px)}.pf-showcase-saved{color:var(--muted-foreground);font-size:11px}.pf-showcase-conversation{align-items:center;gap:4px;margin-left:auto;display:flex}.pf-showcase-conversation button{min-height:36px;padding:7px 9px;font-size:12px}.pf-showcase-question{border-top:1px solid var(--border);align-items:flex-end;gap:8px;margin-top:12px;padding-top:12px;display:flex}.pf-showcase-question textarea{resize:none;background:var(--card);border:1px solid var(--border);width:100%;max-height:96px;color:var(--foreground);font:inherit;border-radius:8px;padding:8px;font-size:13px}.pf-showcase-question button{background:var(--primary);width:36px;height:36px;color:var(--primary-foreground);flex-shrink:0}@keyframes pf-speaking-ripple{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@media (width<=760px){.pf-showcase .pf-playback-header{gap:8px;min-height:52px;padding:12px 16px 6px}.pf-showcase .pf-playback-header-actions button{padding:8px;font-size:12px}.pf-showcase .pf-playback-file-name,.pf-showcase .pf-playback-header kbd{display:none}.pf-showcase-player{width:calc(100% - 24px);margin:6px 0 max(12px, env(safe-area-inset-bottom));padding:12px}.pf-showcase-player .pf-playback-decision{max-height:19dvh}.pf-showcase-controls{flex-wrap:wrap;gap:8px}.pf-showcase-saved{display:none}.pf-showcase-conversation{gap:0}.pf-showcase-conversation button{padding:6px}.pf-showcase-conversation button>span{display:none}}@media (prefers-reduced-motion:reduce){.pf-showcase-speaker *,.pf-showcase-speaker,.pf-showcase-speaker:before,.pf-showcase-speaker:after{animation:none!important}}.pf-review[data-design-only=true]>:not(.pf-artwork):not(.canvas-native-scroll),.pf-review[data-design-only=true] .pf-page-caption,.editor[data-design-only=true]>:not(.editor-body),.editor[data-design-only=true]>.editor-body>:not(.canvas-area),.editor[data-design-only=true] .canvas-area>:not(.canvas-stage):not(.canvas-native-scroll){display:none!important}.pf-review[data-design-only=true],.editor[data-design-only=true] .canvas-area{background-image:none}.editor[data-design-only=true] .canvas-area,.editor[data-design-only=true] .design-element{cursor:grab!important}.cookie-notice{z-index:90;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));border:1px solid var(--border);background:var(--card);width:fit-content;max-width:900px;color:var(--muted-foreground);box-shadow:0 3px 16px var(--shadow);border-radius:10px;align-items:center;gap:20px;margin-inline:auto;padding:12px 14px 12px 18px;font-size:12px;line-height:1.6;display:flex;position:fixed}.cookie-notice p{margin:0}.cookie-notice a{color:inherit;text-underline-offset:3px;white-space:nowrap}.cookie-notice button{border:1px solid var(--border);min-height:36px;color:var(--foreground);white-space:nowrap;border-radius:6px;flex-shrink:0;padding:6px 14px}@media (width<=560px){.cookie-notice{align-items:flex-end;gap:12px;padding:12px}.cookie-notice button{min-height:44px}}.pf-public-project{background:var(--card);height:100dvh;color:var(--foreground);flex-direction:column;display:flex}.pf-public-header{border-bottom:1px solid var(--border);align-items:center;gap:20px;min-height:60px;padding:10px 20px;display:flex}.pf-public-brand{color:var(--foreground);white-space:nowrap;flex-shrink:0;align-items:center;gap:9px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.pf-public-brand .brand-mark{width:26px;height:26px}.pf-public-brand:hover{opacity:.75}.pf-public-title{border-left:1px solid var(--border);flex:1;align-items:center;gap:8px;min-width:0;padding-left:20px;display:flex}.pf-public-project .pf-public-project-name{justify-content:flex-start;gap:6px;min-width:0;max-width:60%;padding:6px 4px}.pf-public-project-name strong,.pf-public-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-public-project-name svg{color:var(--muted-foreground);flex-shrink:0}.pf-public-author{color:var(--muted-foreground);font-size:12px}.pf-public-tools{border-left:1px solid var(--border);align-items:center;gap:2px;padding-left:12px;display:flex}.pf-public-tools button[aria-expanded=true]{background:var(--hover);color:var(--foreground)}.pf-public-details .dialog{width:min(400px,100vw - 32px);padding:24px}.pf-public-details .dialog>header h2{overflow-wrap:anywhere;min-width:0}.pf-public-details .dialog>header button{flex-shrink:0}.pf-public-description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted-foreground);margin:0 0 24px;font-size:13px;line-height:1.7}.pf-public-profile{border-top:1px solid var(--border);align-items:flex-start;gap:12px;padding-top:20px;display:flex}.pf-public-profile-avatar{background:var(--hover);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:16px;display:grid;overflow:hidden}.pf-public-profile-avatar img{object-fit:cover;width:100%;height:100%}.pf-public-profile-info{overflow-wrap:anywhere;flex-direction:column;gap:5px;min-width:0;display:flex}.pf-public-profile-label{color:var(--muted-foreground);font-size:11px}.pf-public-profile-info strong{font-size:14px}.pf-public-profile-info a{color:var(--muted-foreground);font-size:12px;line-height:1.5;text-decoration:none}.pf-public-profile-info a svg{vertical-align:middle;margin-left:5px}.pf-public-profile-info a:hover{color:var(--foreground);text-decoration:underline}.pf-public-project button{min-width:36px;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.pf-public-project button:hover{background:var(--hover)}.pf-public-project button:focus-visible,.pf-public-project a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pf-public-body{flex:1;min-height:0;display:flex;position:relative}.pf-public-pages-panel{border-right:1px solid var(--border);background:var(--card);flex-shrink:0;width:250px;padding:18px 12px;overflow-y:auto}.pf-public-pages-panel h2{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;margin:4px 10px 10px;font-size:10px;font-weight:600}.pf-public-pages-panel>button{text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:9px 12px;display:block;overflow:hidden}.pf-public-pages-panel>button[aria-current=page]{background:var(--hover);font-weight:600}.pf-public-canvas{background:var(--canvas);flex:1;min-width:0;position:relative}.pf-public-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.pf-public-viewport:active{cursor:grabbing}.pf-public-artwork{transform-origin:0 0;pointer-events:none;position:absolute}.pf-public-zoom{z-index:1;background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000000a}.pf-public-zoom span{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;font-size:12px}.pf-public-empty{text-align:center;color:var(--muted-foreground);font-size:14px;position:absolute;inset:45% 0 auto}.pf-public-status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px;display:flex}.pf-public-status h1{font-size:24px}.pf-public-status p{max-width:420px}.pf-public-sharing{border-bottom:1px solid var(--border);padding-bottom:24px}.pf-public-sharing h3{margin-top:0}.pf-public-sharing textarea{resize:vertical;min-height:80px}.pf-public-sharing .pf-invite-link a{color:inherit;align-items:center;padding:10px;display:flex}@media (width<=699px){.pf-public-header{gap:10px;padding:8px 10px}.pf-public-brand{gap:0}.pf-public-brand>span{display:none}.pf-public-brand .brand-mark{width:22px;height:22px}.pf-public-title{flex-direction:column;align-items:flex-start;gap:0;padding-left:10px}.pf-public-project .pf-public-project-name{max-width:100%;min-height:24px;padding:2px 0;font-size:12px}.pf-public-author{max-width:100%;font-size:10px}.pf-public-tools{padding-left:8px}.pf-public-tools button{min-width:32px;min-height:32px}.pf-public-pages-panel{z-index:2;width:min(270px,82vw);position:absolute;inset:0 auto 0 0;box-shadow:12px 0 28px #00000012}.pf-public-zoom{top:10px}}.pf-profile-trigger{cursor:pointer;border:1px solid var(--border);flex-shrink:0;padding:0}.pf-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.pf-account-settings{min-width:0}.pf-account-summary{align-items:center;gap:12px;margin:8px 0 24px;display:flex}.pf-account-summary>div{min-width:0}.pf-account-summary strong,.pf-account-summary small{overflow-wrap:anywhere;display:block}.pf-account-summary small{color:var(--muted-foreground);margin-top:5px}.pf-account-summary .pf-avatar{flex-shrink:0;width:44px;height:44px}.pf-account-tabs{background:var(--muted);border-radius:9px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.pf-account-tabs button{border-radius:6px;flex:1;padding:10px 8px;font-size:12px}.pf-account-tabs button[aria-current]{background:var(--card);box-shadow:0 1px 3px var(--shadow);font-weight:600}.pf-profile-photo{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.pf-profile-photo .pf-avatar{width:64px;height:64px;font-size:24px}.pf-profile-photo label{cursor:pointer;flex-direction:row;align-items:center;gap:8px;display:inline-flex;position:relative;overflow:hidden}.pf-profile-photo input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pf-profile-photo label:focus-within{outline:2px solid var(--ring);outline-offset:2px}.pf-account-connection{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.pf-account-connection>span{min-width:0}.pf-account-connection strong,.pf-account-connection small{overflow-wrap:anywhere;display:block}.pf-account-connection small{color:var(--muted-foreground);margin-top:4px;font-size:11px}.pf-account-connection button{flex-shrink:0}.pf-account-confirm{border:1px solid var(--border);border-radius:8px;padding:16px}.pf-account-confirm p{margin:0 0 16px;line-height:1.6}.pf-account-confirm button{margin:0 8px 8px 0}.pf-account-settings h3{margin:8px 0 0;font-size:14px}.pf-connect-chatgpt{color:var(--foreground);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.pf-account-notice{background:var(--muted);border-radius:7px;padding:12px;font-size:13px;line-height:1.5}.pf-account-settings footer{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.pf-social-signin{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.pf-social-signin>button{width:100%;min-height:42px}.pf-social-signin>span{color:var(--muted-foreground);align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.pf-social-signin>span:before,.pf-social-signin>span:after{content:"";background:var(--border);flex:1;height:1px}@media (width<=600px){.pf-account-connection{flex-wrap:wrap}.pf-account-tabs button{padding:10px 4px}}