:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ref-white:#fff;--ref-gray-500:#767676;--ref-neutral-50:#f8f9f5;--ref-neutral-100:#f0f1ed;--ref-neutral-200:#e1e5da;--ref-neutral-300:#c5cdba;--ref-neutral-500:#59634f;--ref-neutral-700:#414f35;--ref-neutral-800:#293324;--ref-neutral-900:#252a24;--ref-dark-50:oklch(95% .008 125);--ref-dark-200:oklch(77% .015 125);--ref-dark-400:oklch(53% .015 125);--ref-dark-600:oklch(35% .012 125);--ref-dark-700:oklch(29% .01 125);--ref-dark-800:oklch(25% .009 125);--ref-dark-900:oklch(22% .008 125);--ref-dark-950:oklch(18% .008 125);--ref-lime:#d8f36a;--ref-lime-pale:#e3f899;--ref-lime-wash:#edf3df;--ref-olive:#61752b;--ref-red:#b43b32;--ref-red-light:#ffa399;--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-neutral-800))var(--lightningcss-dark,var(--ref-lime));--primary-foreground:var(--lightningcss-light,var(--ref-white))var(--lightningcss-dark,var(--ref-neutral-800));--primary-hover:var(--lightningcss-light,var(--ref-neutral-700))var(--lightningcss-dark,var(--ref-lime-pale));--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(--ref-lime);--accent-foreground:var(--ref-neutral-800);--accent-hover:var(--ref-lime-pale);--selected:var(--lightningcss-light,var(--ref-lime-wash))var(--lightningcss-dark,var(--ref-dark-600));--selected-foreground:var(--lightningcss-light,var(--ref-neutral-800))var(--lightningcss-dark,var(--ref-lime));--hover:var(--lightningcss-light,var(--ref-neutral-100))var(--lightningcss-dark,var(--ref-dark-700));--destructive:var(--lightningcss-light,var(--ref-red))var(--lightningcss-dark,var(--ref-red-light));--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(--lightningcss-light,var(--ref-olive))var(--lightningcss-dark,var(--ref-lime));--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(--ref-gray-500);--page:var(--lightningcss-light,var(--ref-neutral-50))var(--lightningcss-dark,var(--ref-dark-950));--success:var(--lightningcss-light,var(--ref-olive))var(--lightningcss-dark,var(--ref-lime));--shadow:var(--lightningcss-light,#28301b15)var(--lightningcss-dark,#00000040);--shadow-heavy:var(--lightningcss-light,#22321e40)var(--lightningcss-dark,#00000080);--backdrop:var(--lightningcss-light,#25331e50)var(--lightningcss-dark,#00000080);--toast:var(--ref-neutral-800);--toast-foreground:var(--ref-neutral-50);--selection:var(--ref-olive);--selection-foreground:var(--ref-white);--handle:var(--ref-white);--artwork-placeholder:#e8eddf;--artwork-placeholder-text:var(--ref-neutral-500);--feature-background:#20291b;--feature-surface:var(--ref-neutral-800);--feature-raised:#35402e;--feature-text:var(--ref-neutral-50);--feature-muted:#c1cbb7;--feature-border:#56624b}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--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<=370px){.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-symbol{color:var(--accent-foreground);background:var(--accent);border-radius:6px;width:27px;height:30px;padding-left:7px;font-size:28px;font-weight:800;line-height:24px;position:relative;overflow:hidden}.brand-symbol span{background:var(--handle);border-radius:1px;width:7px;height:7px;position:absolute;bottom:4px;right:4px}.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);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)}.selection-corner{background:var(--handle);border:1px solid var(--selection);z-index:100;width:7px;height:7px;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}.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}.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{color:var(--accent-foreground);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{color:var(--accent-foreground);width:24px;height:27px;padding-left:6px;font-size: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);background:var(--handle);pointer-events:auto;cursor:crosshair;touch-action:none;transform-origin:50%;border-radius:1px;width:10px;min-width:10px;height:10px;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:31px}.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:"";background:var(--success);bottom:3px;height:2px;position:absolute;inset-inline:0}.mk-nav-actions{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(--accent-foreground);background:var(--accent);text-align:center;border-radius:3px;width:21px;height:23px;font-size:21px;font-weight:700;line-height:21px}.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{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);--primary:var(--ref-neutral-800);--primary-foreground:var(--ref-white);--primary-hover:var(--ref-neutral-700);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:center;gap:100px;padding-bottom:85px;display:grid}.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>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);-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:27px;padding-left:5px;font-size: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}}.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);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{background:var(--feature-background);color:var(--feature-text);flex-direction:column;justify-content:space-between;padding:40px 9%;display:flex;overflow:hidden}.pf-auth-story .mk-brand{color:var(--feature-text)}.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>span{color:var(--accent);letter-spacing:-24px;font-family:Arial,sans-serif;font-size:148px;font-weight:800;line-height:1;display:block;position:absolute;top:-15px;left:10px;transform:rotate(-10deg)}.pf-story-art>i{color:var(--feature-muted);font-size:45px;font-style:normal;position:absolute;top:15px;left:175px}.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-intro>.pf-primary{margin-bottom:8px}.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{background:var(--feature-background);place-items:center;height:200px;padding:28px 30px;display:grid;position:relative}.pf-cover-1{background:#dce3cd}.pf-cover-2{background:#eae7dd}.pf-cover-window{background:#303d28;border:1px solid #6e795e;border-radius:6px;width:80%;height:116px;padding:12px;position:relative;box-shadow:7px 7px #94a67a28}.pf-cover-window>span{vertical-align:top;background:#95a584;border-radius:50%;width:3px;height:3px;margin-right:3px;display:inline-block}.pf-cover-window>div{background:#d8f36a;width:50%;height:6px;position:absolute;top:45px;left:16px;box-shadow:0 11px #c1cbb7,0 22px #6e795e}.pf-cover-window>i{background:#d8f36a;border-radius:50% 50% 0;width:35px;height:39px;position:absolute;top:45px;right:16px}.pf-cover-label{color:#f8f9f5;font-size:var(--font-size-ui-small);background:#293324;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-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{background:var(--accent);color:var(--accent-foreground);letter-spacing:-2px;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding-right:3px;font-size:19px;font-weight:800;display:flex}.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% 50% 50% 4px;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;transform:translate(-3px,-29px)}.pf-pin.is-handled{background:var(--card);color:var(--success)}.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{border-top:1px solid var(--border);flex:1;padding:8px;overflow:auto}.pf-comment-row{text-align:left;border-bottom:1px solid var(--border);border-radius:7px;flex-direction:column;align-items:stretch;gap:11px;width:100%;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-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 small{font-size:var(--font-size-ui-small);line-height:1.6}.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-project-cover{height:235px}.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-intro>.pf-primary{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{object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:100%;max-width:100%;height:100%;max-height:155px}.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}.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-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-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(--ref-white);width:44px;height:44px;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}.is-speaking .pf-showcase-mark{animation:1.4s ease-out infinite pf-speaking-halo}.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-halo{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ring) 30%, transparent)}to{box-shadow:0 0 0 7px #0000}}@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{animation:none!important}}