:root{--bg: #edf2f0;--panel: #ffffff;--panel-soft: #f7faf9;--panel-muted: #eef4f2;--border: #dbe5e1;--border-strong: #c7d5d0;--text: #14211e;--muted: #68766f;--accent: #0f766e;--accent-strong: #0b5f59;--accent-soft: #e1f2ed;--warning: #b45309;--warning-soft: #fff4df;--danger: #b42318;--danger-soft: #fdecea;--radius: 8px;--shadow: 0 12px 34px rgba(24, 54, 46, .09);font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(15,118,110,.05),transparent 28%),var(--bg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:#c7d4d0;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app-loading,.app-error{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted)}.app-error h2{margin:0;color:var(--text)}.app-error p{margin:0}.button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover{background:var(--accent-strong)}.button-secondary{color:var(--text);border-color:var(--border);background:var(--panel-soft)}.button-secondary:hover{border-color:var(--border-strong);background:var(--panel-muted)}.button-ghost{color:var(--muted);background:transparent}.button-ghost:hover{color:var(--text);background:var(--panel-muted)}.button-danger{color:var(--danger);border-color:#f2c9c5;background:var(--danger-soft)}.icon-button{width:30px;height:30px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:6px;color:var(--muted);background:transparent}.icon-button:hover:not(:disabled),.icon-button.is-active{color:var(--accent);border-color:var(--border);background:var(--accent-soft)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-title{color:var(--muted);font-size:11px;font-weight:600}.field-help{color:var(--muted);font-size:10px;line-height:1.45}.field-error{color:var(--danger);font-size:10px}.text-input,.select-input,.text-area{width:100%;border:1px solid var(--border);border-radius:6px;background:var(--panel);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.text-input,.select-input{height:32px;padding:0 9px;font-size:12px}.text-area{min-height:64px;padding:9px;font-size:12px;line-height:1.55;resize:vertical}.text-input:focus,.select-input:focus,.text-area:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1a}.is-monospace{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.checkbox-row{min-height:30px;display:flex;align-items:center;gap:8px;font-size:12px}.checkbox-row input{accent-color:var(--accent)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px;border:1px solid var(--border);border-radius:7px;background:var(--panel-muted)}.segmented button{border:none;border-radius:5px;padding:6px 8px;color:var(--muted);background:transparent;font-size:11px;font-weight:600}.segmented button.is-active{color:var(--text);background:var(--panel);box-shadow:0 1px 4px #16302914}.muted-text{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.eyebrow{color:var(--accent);font-size:10px;font-weight:700}.link-button{align-self:flex-start;border:none;padding:0;color:var(--accent);background:transparent;font-size:11px}.link-button.danger{color:var(--danger)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-alert,.inline-note{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border);border-radius:7px;padding:9px 10px;font-size:11px;line-height:1.5}.inline-note{color:var(--muted);background:var(--panel-soft)}.inline-alert-error{color:var(--danger);border-color:#f1c9c5;background:var(--danger-soft)}.inline-alert-success{color:var(--accent-strong);border-color:#bce0d6;background:var(--accent-soft)}.color-field{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px}.color-field input[type=color]{width:34px;height:32px;padding:2px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-field{display:flex;flex-direction:column;gap:8px}.asset-preview{min-height:110px;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--border-strong);border-radius:7px;color:var(--muted);background:var(--panel-muted);font-size:11px}.asset-preview img{width:100%;height:130px;object-fit:contain}.asset-actions{display:flex;align-items:center;gap:8px}.expression-input{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:5px}.expression-toggle{width:32px;height:32px;border:1px solid var(--border);border-radius:6px;color:var(--muted);background:var(--panel);font-family:Georgia,serif;font-style:italic}.expression-toggle.is-active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.json-editor{display:flex;flex-direction:column;gap:4px}.order-buttons{display:flex;align-items:center;gap:2px}.spinner-row{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.spinner{width:15px;height:15px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0f1e1a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{max-width:calc(100vw - 32px);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:0 24px 70px #0819143d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:15px}.modal-body{min-height:0;overflow:auto;padding:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--panel-soft)}.library-shell{height:100vh;overflow:auto}.library-header{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:28px 24px 18px}.library-brand{display:flex;align-items:center;gap:14px}.library-brand h1{margin:0;font-size:28px;line-height:1.15}.library-brand p{margin:5px 0 0;color:var(--muted);font-size:12px}.brand-mark{width:32px;height:32px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:7px;color:#fff;background:var(--accent);font-weight:700}.brand-mark.large{width:48px;height:48px;font-size:21px}.library-main{max-width:1180px;margin:0 auto;padding:0 24px 48px}.library-start{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;border:1px solid #c7ddd6;border-radius:8px;background:#f5fbf8}.library-start-copy{min-width:0}.library-start-copy h2{margin:5px 0 6px;font-size:22px;line-height:1.3}.library-start-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.library-start-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}.library-create-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.creation-wizard{display:flex;flex-direction:column;gap:18px}.wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--panel-soft)}.wizard-step{min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid var(--border);color:var(--muted);font-size:10px}.wizard-step:last-child{border-right:0}.wizard-step>span{width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:var(--panel);font-size:9px}.wizard-step.is-current{color:var(--accent-strong);background:var(--accent-soft)}.wizard-step.is-current>span,.wizard-step.is-done>span{color:#fff;border-color:var(--accent);background:var(--accent)}.wizard-section{display:flex;flex-direction:column;gap:15px}.wizard-heading h2{margin:0;font-size:18px}.wizard-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.choice-card{min-height:118px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid var(--border);border-radius:7px;padding:14px;color:var(--text);background:var(--panel);text-align:left}.choice-card svg{color:var(--accent)}.choice-card strong{font-size:12px}.choice-card span{color:var(--muted);font-size:10px;line-height:1.5}.choice-card:hover,.choice-card.is-selected{border-color:var(--accent);background:var(--accent-soft)}.audience-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.audience-choice{min-height:62px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:7px;padding:10px 12px;color:var(--text);background:var(--panel);text-align:left}.audience-choice>span{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.audience-choice strong{font-size:11px}.audience-choice small{color:var(--muted);font-size:9px}.audience-choice:hover,.audience-choice.is-selected{border-color:var(--accent);background:var(--accent-soft)}.feature-choice-grid{display:flex;flex-wrap:wrap;gap:7px}.example-heading{color:var(--muted);font-size:10px}.example-choice-list{display:flex;flex-wrap:wrap;gap:7px}.example-choice{min-height:32px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--muted);background:var(--panel);font-size:10px}.example-choice svg{color:var(--accent)}.example-choice:hover{color:var(--accent-strong);border-color:#9fcbbf;background:var(--accent-soft)}.feature-groups{display:flex;flex-direction:column;gap:12px}.feature-group{display:flex;flex-direction:column;gap:7px}.feature-group h3{margin:0;color:var(--muted);font-size:10px;font-weight:650}.feature-choice{min-height:31px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--muted);background:var(--panel);font-size:10px}.feature-choice:hover,.feature-choice.is-selected{color:var(--accent-strong);border-color:#9fcbbf;background:var(--accent-soft)}.requirement-summary{display:flex;flex-direction:column;gap:7px;border:1px solid var(--border);border-radius:7px;padding:13px 14px;background:var(--panel-soft)}.requirement-summary-heading{display:flex;align-items:center;gap:7px;color:var(--accent)}.requirement-summary-heading strong{color:var(--text);font-size:11px}.requirement-summary p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.library-panel{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.panel-heading{display:flex;align-items:center;gap:8px;color:var(--accent)}.panel-heading h2{margin:0;color:var(--text);font-size:14px}.library-form{display:flex;flex-direction:column;gap:11px}.ai-create-panel{background:linear-gradient(135deg,rgba(15,118,110,.06),transparent 52%),var(--panel)}.library-error{margin-top:14px}.library-projects{margin-top:28px}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.section-heading-row h2{margin:3px 0 0;font-size:18px}.library-empty{display:grid;place-items:center;padding:48px 24px;border:1px dashed var(--border-strong);border-radius:8px;color:var(--muted);background:#ffffff8c;text-align:center}.library-empty h3{margin:10px 0 4px;color:var(--text);font-size:15px}.library-empty p{margin:0;font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.project-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--panel);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.project-card:hover{border-color:#9dc8bf;transform:translateY(-1px);box-shadow:var(--shadow)}.project-main{min-height:150px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:16px;border:none;text-align:left;background:transparent}.project-kicker{color:var(--accent);font-size:10px;font-weight:700}.project-main h3{margin:0;font-size:17px}.project-main p{flex:1;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.project-meta{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.project-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 16px;border-top:1px solid var(--border);background:var(--panel-soft)}.project-open{display:inline-flex;align-items:center;gap:5px;border:none;padding:0;color:var(--accent);background:transparent;font-size:11px;font-weight:600}.editor-shell{height:100vh;min-width:1040px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.editor-topbar{height:56px;display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(300px,1fr);align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar-left,.topbar-center,.topbar-right{display:flex;align-items:center;gap:6px;min-width:0}.topbar-center{justify-content:center}.topbar-right{justify-content:flex-end}.brand{display:inline-flex;align-items:center;gap:6px;margin:0 3px;white-space:nowrap;font-size:13px}.topbar-divider{width:1px;height:20px;margin:0 4px;background:var(--border)}.project-name-input{width:min(240px,22vw);height:30px;border:1px solid transparent;border-radius:5px;padding:0 7px;background:transparent;font-size:13px;font-weight:600}.project-name-input:hover,.project-name-input:focus{border-color:var(--border);background:var(--panel-soft);outline:none}.save-state{color:var(--muted);font-size:10px;white-space:nowrap}.save-state.is-dirty{color:var(--warning)}.save-state.is-saved{color:var(--accent)}.save-state.is-error{max-width:180px;overflow:hidden;color:var(--danger);text-overflow:ellipsis}.mode-button{height:30px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;padding:0 10px;color:var(--text);background:var(--panel-soft);font-size:11px;font-weight:600}.mode-button.is-active{color:#fff;border-color:var(--accent);background:var(--accent)}.editor-topbar .select-input{width:188px}.editor-body{min-height:0;flex:1;display:grid;grid-template-columns:248px minmax(0,1fr) 340px;position:relative}.editor-body.is-workflow{grid-template-columns:minmax(0,1fr) 360px}.editor-body.is-grid .canvas-stage{background-image:linear-gradient(to right,rgba(35,94,81,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(35,94,81,.07) 1px,transparent 1px),linear-gradient(to right,rgba(15,118,110,.13) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,118,110,.13) 1px,transparent 1px);background-size:16px 16px,16px 16px,80px 80px,80px 80px}.external-image-drop-layer{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:32px;background:#ddeee8e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.external-image-drop-panel{width:min(460px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;border:2px dashed var(--accent);border-radius:8px;padding:34px 24px;color:var(--accent-strong);background:#ffffffe0;box-shadow:0 18px 48px #124a3d24}.external-image-drop-panel strong{font-size:17px}.external-image-drop-panel span{color:var(--muted);font-size:12px}.image-drop-status{position:absolute;left:50%;bottom:22px;z-index:31;max-width:min(560px,calc(100% - 48px));display:flex;align-items:center;gap:8px;transform:translate(-50%);border:1px solid #b8d7ce;border-radius:6px;padding:9px 13px;color:#155e52;background:#f4fffb;box-shadow:0 10px 28px #11413529;font-size:12px;line-height:1.45;pointer-events:none}.image-drop-status.is-error{border-color:#f0c1bb;color:#8f2c21;background:#fff7f5}.image-drop-status.is-success{border-color:#a7d7c7;color:#145e4f;background:#f2fff9}.is-spinning{animation:image-upload-spin .9s linear infinite}@keyframes image-upload-spin{to{transform:rotate(360deg)}}.editor-left,.editor-right{min-height:0;display:flex;flex-direction:column;background:var(--panel)}.editor-left{border-right:1px solid var(--border)}.editor-right{border-left:1px solid var(--border)}.left-tabs{height:40px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border-bottom:1px solid var(--border)}.left-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-size:11px;font-weight:600}.left-tabs button.is-active{color:var(--accent);border-bottom-color:var(--accent)}.left-scroll,.editor-right{overflow:auto}.left-scroll{min-height:0;flex:1}.editor-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#e8eeec}.workflow-shell{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;background:#eef3f1}.workflow-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--panel)}.workflow-title{display:flex;align-items:center;gap:9px;color:var(--accent)}.workflow-title h2{margin:2px 0 0;color:var(--text);font-size:14px}.workflow-toolbar-actions{display:flex;align-items:center;gap:6px}.workflow-hint{height:32px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--border);color:var(--muted);background:var(--panel-soft);font-size:10px}.workflow-legend-dot{width:8px;height:8px;border-radius:50%}.workflow-legend-dot.is-page{background:var(--accent)}.workflow-legend-dot.is-event{margin-left:8px;background:#d97706}.workflow-legend-line{width:22px;height:0;margin-left:8px;border-top:2px solid var(--accent)}.workflow-canvas{min-height:0;flex:1;background:radial-gradient(circle at 20% 10%,rgba(15,118,110,.04),transparent 30%),#eef3f1}.workflow-canvas .react-flow__attribution{border-radius:4px 0 0;background:#fffc;font-size:8px}.workflow-canvas .react-flow__controls{overflow:hidden;border:1px solid var(--border);border-radius:6px;box-shadow:0 5px 18px #142d261a}.workflow-canvas .react-flow__controls-button{border-bottom-color:var(--border);background:var(--panel)}.workflow-canvas .react-flow__minimap{overflow:hidden;border:1px solid var(--border);border-radius:6px;background:#ffffffe6}.workflow-node{width:268px;display:flex;flex-direction:column;gap:5px;border:1px solid var(--border);border-left-width:4px;border-radius:7px;padding:12px;background:var(--panel);box-shadow:0 7px 22px #142d261a;transition:box-shadow .12s ease,outline-color .12s ease}.workflow-prototype-node{width:300px;gap:8px;padding:12px;border-left-width:1px;border-top:3px solid var(--accent)}.workflow-page-head{display:flex;flex-direction:column;gap:3px;min-width:0}.workflow-page-head .workflow-node-head{justify-content:flex-start}.workflow-page-trigger-count{margin-left:auto;color:var(--muted);font-size:9px}.workflow-prototype-frame{position:relative;width:272px;height:412px;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#f5f7f6;box-shadow:inset 0 0 0 1px #ffffffb3}.workflow-prototype-scale{pointer-events:none;transform-origin:top left}.workflow-page-foot{color:var(--muted);font-size:9px;text-align:center}.workflow-hotspot{position:absolute;z-index:8;min-width:38px;min-height:22px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1px solid #e7b96f;border-radius:999px;padding:2px 8px;color:#7c4a12;background:#fff8ebf5;box-shadow:0 3px 10px #50340a29;font-size:9px;font-weight:700;line-height:1;white-space:nowrap;cursor:default}.workflow-hotspot:hover,.workflow-hotspot.is-selected{color:#fff;border-color:var(--accent);background:var(--accent)}.workflow-hotspot-count{border-radius:3px;padding:1px 3px;color:inherit;background:#ffffff5c;font-size:8px;font-style:normal}.workflow-hotspot-handle{right:-6px!important;top:50%!important;width:10px!important;height:10px!important;transform:translateY(-50%)!important;border:2px solid #fff!important;background:#d97706!important}.workflow-hotspot:hover .workflow-hotspot-handle,.workflow-hotspot.is-selected .workflow-hotspot-handle{background:var(--accent)!important}.workflow-add-hotspot{position:absolute;z-index:9;width:18px;height:18px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;padding:0;color:#fff;background:var(--accent);box-shadow:0 3px 10px #0f766e40;font-size:14px;font-weight:700;line-height:1;opacity:0;pointer-events:none;transform:scale(.86);transition:opacity .1s ease,transform .1s ease}.workflow-prototype-node:hover .workflow-add-hotspot,.workflow-prototype-node.is-selected .workflow-add-hotspot{opacity:1;pointer-events:auto;transform:scale(1)}.workflow-add-hotspot:hover{background:var(--accent-strong)}.workflow-node:hover{box-shadow:0 10px 28px #142d2624}.workflow-node.is-selected{outline:2px solid var(--accent);outline-offset:2px}.workflow-page-node{border-left-color:var(--accent)}.workflow-event-node{border-left-color:#d97706;background:#fffdf8}.workflow-node-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px;color:var(--muted);font-size:10px}.workflow-badge{border-radius:3px;padding:2px 5px;color:var(--accent-strong);background:var(--accent-soft);font-size:9px;font-weight:700}.workflow-badge-event{color:#92400e;background:#fef3c7}.workflow-start{border-radius:3px;padding:2px 5px;color:#fff;background:var(--accent);font-size:8px;font-weight:700}.workflow-node strong{overflow:hidden;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.workflow-path{overflow:hidden;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.workflow-meta{color:var(--muted);font-size:9px}.workflow-action-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.workflow-chip{max-width:100%;overflow:hidden;border:1px solid #ead6b8;border-radius:4px;padding:2px 5px;color:#7c4a12;background:#fff8eb;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.workflow-chip.is-empty{color:var(--muted);border-style:dashed;border-color:var(--border-strong);background:var(--panel-soft)}.workflow-handle{width:10px!important;height:10px!important;border:2px solid var(--panel)!important;background:var(--accent)!important}.workflow-handle-source{right:-6px!important}.workflow-handle-target{left:-6px!important}.workflow-handle-static{background:#9fb4ae!important}.workflow-page-summary,.workflow-event-summary{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:8px 9px;color:var(--muted);background:var(--panel-soft);font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.workflow-event-summary strong{color:var(--text);font-family:inherit}.workflow-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.workflow-stats div{display:flex;flex-direction:column;gap:3px;border:1px solid var(--border);border-radius:6px;padding:10px;background:var(--panel-soft)}.workflow-stats strong{color:var(--accent);font-size:20px}.workflow-stats span{color:var(--muted);font-size:10px}.workflow-event-list{display:flex;flex-direction:column;gap:5px}.workflow-event-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:6px;padding:8px 9px;color:var(--text);background:var(--panel-soft);text-align:left}.workflow-event-list button:hover{border-color:#a8cec5;background:var(--accent-soft)}.workflow-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.workflow-quick-actions .button{width:100%}.workflow-event-list button>span:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.workflow-event-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workflow-event-list small{color:var(--muted);font-size:9px}.workflow-action-count{flex:0 0 auto;color:var(--muted);font-size:9px}.page-tabs{height:40px;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:0 10px;border-bottom:1px solid var(--border);background:var(--panel)}.page-tabs>button:not(.icon-button){height:26px;flex:0 0 auto;border:1px solid transparent;border-radius:5px;padding:0 10px;color:var(--muted);background:transparent;font-size:11px;font-weight:600}.page-tabs>button:not(.icon-button).is-active{color:var(--accent);border-color:#bcded5;background:var(--accent-soft)}.palette-panel{padding:12px}.palette-group{margin-bottom:18px}.palette-group h3{margin:0 0 8px;color:var(--muted);font-size:10px;font-weight:700}.palette-group-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.palette-group-head h3{margin:0}.component-palette-list{display:flex;flex-direction:column;gap:6px}.component-palette-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:2px}.component-palette-item .palette-item{grid-template-columns:24px minmax(0,1fr) auto;width:100%}.component-palette-item.is-current .palette-item{border-color:#a8cec5;background:var(--accent-soft)}.component-palette-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-palette-meta{color:var(--muted);font-size:9px}.component-create-dialog{display:flex;flex-direction:column;gap:12px}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette-item{min-width:0;display:grid;grid-template-columns:26px minmax(0,1fr) 14px;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;padding:7px 8px;color:var(--text);background:var(--panel-soft);font-size:11px;text-align:left;touch-action:none}.palette-item:hover{border-color:#a8cec5;background:var(--accent-soft)}.palette-item.is-dragging{opacity:.55}.palette-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;color:var(--accent);background:#fff}.palette-plus{color:var(--muted)}.layer-tree{padding:7px 0}.layer-row{width:100%;min-height:30px;display:flex;align-items:center;gap:6px;border:none;border-left:2px solid transparent;padding-right:8px;color:var(--text);background:transparent;font-size:11px;text-align:left}.layer-row:hover{background:var(--panel-soft)}.layer-row.is-selected{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.layer-icon{color:var(--muted)}.layer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-tag{margin-left:auto;border-radius:4px;padding:1px 4px;color:var(--accent);background:#fff;font-size:9px}.canvas-stage{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;overflow:auto;padding:24px;background-color:#e8eeec;background-image:radial-gradient(#c8d6d1 .75px,transparent .75px);background-size:14px 14px}.canvas-empty{display:grid;place-items:center;min-height:100%;color:var(--muted);font-size:12px}.component-editing-banner{margin-bottom:10px;border:1px solid #b8ddd3;border-radius:6px;padding:5px 10px;color:var(--accent-strong);background:var(--accent-soft);font-size:10px}.phone-frame{display:flex;flex-direction:column;flex:0 0 auto;overflow:hidden;border:7px solid #1a2723;border-radius:26px;background:#fff;box-shadow:0 20px 54px #122a2333}.phone-viewport{min-height:0;flex:1;position:relative;overflow:auto;background:#f5f7f6}.canvas-grid-overlay{position:absolute;inset:0;z-index:20;background-image:linear-gradient(to right,rgba(15,118,110,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,118,110,.09) 1px,transparent 1px),linear-gradient(to right,rgba(15,118,110,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,118,110,.16) 1px,transparent 1px);background-size:16px 16px,16px 16px,80px 80px,80px 80px;box-shadow:inset 0 0 0 1px #0f766e1f;pointer-events:none}.editor-body:not(.is-grid) .canvas-grid-overlay{display:none}.preview-frame{border-width:6px;background:#fff}.preview-statusbar{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#26312e;background:#fff;font-size:9px;font-weight:600}.preview-page{min-height:100%}.preview-tabbar{height:52px;display:flex;align-items:stretch;border-top:1px solid var(--border)}.preview-tabbar button{min-width:0;flex:1;border:none;padding:0 4px;color:var(--muted);background:transparent;font-size:11px}.preview-tabbar button.is-active{font-weight:700}.preview-toast{position:absolute;left:50%;bottom:68px;transform:translate(-50%);max-width:78%;border-radius:7px;padding:8px 12px;color:#fff;background:#14211ee6;font-size:11px;pointer-events:none}.canvas-node{position:relative;min-width:0;outline:1px solid transparent;outline-offset:-1px}.canvas-node.is-editable{cursor:pointer}.canvas-node.is-editable:hover{outline-color:#93c8bd}.canvas-node.is-selected{outline:2px solid var(--accent);outline-offset:-2px}.canvas-node.is-condition-hidden{opacity:.45}.canvas-node-container,.canvas-node-form{min-height:28px}.canvas-node-text{overflow-wrap:anywhere}.checkbox-control{width:18px;height:18px;accent-color:var(--accent)}.canvas-node-checkbox{display:flex;align-items:center;gap:8px}.canvas-node-radio{min-width:0;margin:0;border:0}.radio-option{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:11px}.radio-option input{accent-color:var(--accent)}.slider-control{width:100%;accent-color:var(--accent)}.canvas-node-progress{display:flex;align-items:center;gap:8px}.progress-track{min-width:0;flex:1;overflow:hidden;border-radius:999px;background:#e4ebe7}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.progress-label{color:var(--muted);font-size:10px}.media-placeholder,.map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:inherit;color:var(--muted);background:#f1f5f3;font-size:11px}.map-placeholder strong{color:var(--text);font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.carousel-node{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:#f4f7f5}.carousel-item{width:100%;min-width:100%;height:100%;scroll-snap-align:start}.carousel-dots{position:absolute;right:0;bottom:8px;left:0;display:flex;justify-content:center;gap:5px;pointer-events:none}.carousel-dots span{width:6px;height:6px;border-radius:50%;background:#ffffffd9;box-shadow:0 1px 3px #0000002e}.icon-glyph{width:1em;height:1em;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-weight:800;line-height:1}.node-type-badge{position:absolute;top:1px;left:2px;z-index:2;max-width:calc(100% - 4px);overflow:hidden;border-radius:3px;padding:1px 4px;color:#fff;background:#0f766edb;font-size:8px;line-height:1.3;opacity:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.canvas-node.is-editable:hover>.node-type-badge,.canvas-node.is-selected>.node-type-badge{opacity:1}.drop-zone{height:14px;flex:0 0 auto;margin:3px 0;border:1px dashed transparent;border-radius:4px;color:transparent;font-size:9px;text-align:center;line-height:12px}.canvas-node-container:hover>.drop-zone,.canvas-node-form:hover>.drop-zone{border-color:#b7d2cb}.drop-zone.is-over{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.drop-zone.is-empty{height:54px;display:grid;place-items:center;border-color:#b7d2cb;color:var(--muted);background:#ffffff57}.node-field-label{display:block;margin-bottom:5px;color:#66736f;font-size:12px}.required-mark{margin-left:2px;color:var(--danger);font-weight:700}.node-field-control{display:block;width:100%;border:1px solid var(--border);outline:none}textarea.node-field-control{resize:vertical}.switch-control{width:34px;height:20px;accent-color:var(--accent)}.image-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);background:#e7eeeb;font-size:11px}.component-preview-shell{position:relative;margin:4px;border:1px dashed #83b9ae;border-radius:7px;padding:7px}.component-badge{position:absolute;top:-8px;left:8px;z-index:2;border-radius:3px;padding:1px 5px;color:#fff;background:var(--accent);font-size:8px}.component-preview-content{pointer-events:none}.component-missing{border:1px dashed var(--danger);padding:12px;color:var(--danger);font-size:11px}.editor-right{min-width:0}.inspector-content{display:flex;flex-direction:column;gap:12px;padding:14px}.inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.inspector-heading h2{margin:3px 0 0;font-size:15px}.inspector-heading .order-buttons{flex-wrap:wrap;justify-content:flex-end}.inspector-section{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.inspector-section h3{margin:0;font-size:12px}.empty-inspector{padding:20px;color:var(--muted);font-size:12px}.component-save-box{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:7px;padding:10px;background:var(--panel-soft)}.action-editor{display:flex;flex-direction:column;gap:7px}.action-card{border:1px solid var(--border);border-radius:7px;padding:8px;background:var(--panel-soft)}.action-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px}.action-card-header strong{font-size:11px}.action-card-actions{display:flex;gap:1px}.action-fields{display:flex;flex-direction:column;gap:8px}.action-add-row{display:flex;justify-content:flex-end}.action-add-row .select-input{width:130px}.event-editor{display:flex;flex-direction:column;gap:10px}.event-block{border-bottom:1px solid var(--border);padding-bottom:10px}.event-block:last-child{border-bottom:none;padding-bottom:0}.event-block>header{min-height:28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.event-block>header strong{color:var(--accent);font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.branch-editor{display:flex;flex-direction:column;gap:5px;border:1px solid var(--border);border-radius:6px;padding:7px;background:#fff}.branch-editor>span{color:var(--muted);font-size:10px;font-weight:600}.tabbar-editor{display:flex;flex-direction:column;gap:7px}.tabbar-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:6px}.prop-definition{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:7px;padding:9px;background:var(--panel-soft)}.data-dialog-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;min-height:420px}.data-summary{display:flex;flex-direction:column;gap:8px}.data-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:7px;padding:10px;background:var(--panel-soft)}.data-card strong{font-size:12px}.data-card span{color:var(--muted);font-size:10px}.data-json{min-width:0}.diagnostics-bar{height:30px;display:flex;align-items:center;gap:12px;padding:0 12px;border-top:1px solid var(--border);background:var(--panel);font-size:10px}.diagnostic-summary{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-weight:600}.diagnostic-summary.is-ok{color:var(--accent)}.diagnostic-summary.has-warning{color:var(--warning)}.diagnostic-summary.has-error{color:var(--danger)}.diagnostic-list{min-width:0;flex:1;display:flex;align-items:center;gap:5px;overflow:hidden}.diagnostic-pill{max-width:240px;overflow:hidden;border-radius:4px;padding:2px 6px;color:var(--muted);background:var(--panel-muted);text-overflow:ellipsis;white-space:nowrap}.diagnostic-pill.is-error{color:var(--danger);background:var(--danger-soft)}.diagnostic-pill.is-warning{color:var(--warning);background:var(--warning-soft)}.diagnostic-count{flex:0 0 auto;color:var(--muted)}.ai-panel{position:fixed;top:56px;right:0;bottom:30px;z-index:60;width:368px;display:flex;flex-direction:column;gap:13px;overflow:auto;border-left:1px solid var(--border);padding:16px;background:var(--panel);box-shadow:-14px 0 36px #102a231f;animation:slide-in .16s ease-out}@keyframes slide-in{0%{transform:translate(18px);opacity:0}to{transform:translate(0);opacity:1}}.ai-panel-header{display:flex;align-items:flex-start;justify-content:space-between}.ai-panel-header h2{margin:3px 0 0;font-size:16px}.ai-context{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:7px;padding:9px 10px;background:var(--panel-soft);font-size:10px}.ai-context span{color:var(--muted)}.ai-context strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-prompt{min-height:118px}.ai-actions{display:flex;align-items:center;gap:8px}.ai-loading{padding:10px;border-radius:7px;background:var(--panel-soft)}.ai-suggestion{display:flex;flex-direction:column;gap:9px;border:1px solid #b9ddd4;border-radius:8px;padding:11px;background:#f6fcfa}.ai-suggestion-heading{display:flex;align-items:flex-start;gap:7px;color:var(--accent-strong);font-size:12px}.ai-diagnostics{display:flex;flex-direction:column;gap:4px}.ai-diagnostics p{display:flex;align-items:flex-start;gap:5px;margin:0;font-size:10px;line-height:1.45}.diag-error{color:var(--danger)}.diag-warning{color:var(--warning)}.code-layout{height:min(70vh,720px);display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px}.code-tree{min-height:0;overflow:auto;border:1px solid var(--border);border-radius:7px;padding:8px;background:var(--panel-soft)}.code-tree-title{display:flex;align-items:center;gap:6px;padding:5px 6px 9px;color:var(--accent);font-size:11px;font-weight:700}.code-group{margin-bottom:9px}.code-dir{display:flex;align-items:center;gap:5px;padding:3px 5px;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.code-group button{width:100%;display:block;overflow:hidden;border:none;border-radius:4px;padding:4px 6px 4px 20px;color:var(--text);background:transparent;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.code-group button:hover,.code-group button.is-active{color:var(--accent);background:var(--accent-soft)}.code-main{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#10201c}.code-main-header{height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 0 12px;border-bottom:1px solid rgba(255,255,255,.1);color:#a9c2ba;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.code-main-header .button{color:#c8ddd7}.code-main-header .button:hover{color:#fff;background:#ffffff14}.code-view{min-height:0;flex:1;overflow:auto;margin:0;padding:14px;color:#dcece7;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.65;tab-size:2}.code-view .token.comment,.code-view .token.prolog,.code-view .token.doctype,.code-view .token.cdata{color:#6f9288}.code-view .token.punctuation{color:#9fbab2}.code-view .token.property,.code-view .token.tag,.code-view .token.boolean,.code-view .token.number,.code-view .token.constant,.code-view .token.symbol{color:#6ed6c6}.code-view .token.selector,.code-view .token.attr-name,.code-view .token.string,.code-view .token.char,.code-view .token.builtin{color:#b6dc85}.code-view .token.operator,.code-view .token.entity,.code-view .token.url{color:#e4c07a}.code-view .token.atrule,.code-view .token.attr-value,.code-view .token.keyword{color:#79b8e8}.code-view .token.function,.code-view .token.class-name{color:#e5a57e}.export-dialog,.settings-dialog,.settings-section{display:flex;flex-direction:column;gap:12px}.license-panel{display:flex;flex-direction:column;gap:13px;border:1px solid var(--border);border-radius:8px;padding:13px;background:var(--panel-soft)}.license-panel-header{display:flex;align-items:flex-start;gap:10px}.license-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:var(--accent);background:var(--accent-soft)}.license-heading{min-width:0;flex:1}.license-heading>div{display:flex;align-items:center;gap:8px}.license-heading strong{font-size:12px}.license-heading p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.license-state{border-radius:20px;padding:2px 7px;color:var(--warning);background:var(--warning-soft);font-size:9px;font-weight:650}.license-state.is-valid{color:var(--accent-strong);background:var(--accent-soft)}.license-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--border)}.license-detail-grid>div{min-width:0;display:flex;flex-direction:column;gap:3px;padding:9px 10px;background:var(--panel)}.license-detail-grid span,.license-detail-grid small,.settings-license-summary span{color:var(--muted);font-size:9px}.license-detail-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.license-detail-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.license-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.license-actions{display:flex;align-items:center;gap:10px}.license-installation{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.settings-license-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--border)}.settings-license-summary>div{display:flex;flex-direction:column;gap:4px;padding:9px 10px;background:var(--panel)}.settings-license-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.settings-advanced{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.settings-advanced h3{margin:0;font-size:12px}.devtools-hint{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border);border-radius:7px;padding:9px 10px;color:var(--muted);background:var(--panel-soft);font-size:10px;line-height:1.5}.api-settings-dialog{display:flex;flex-direction:column;gap:13px}.api-source-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.api-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed var(--border-strong);border-radius:8px;color:var(--muted);background:var(--panel-soft);text-align:center}.api-empty strong{color:var(--text);font-size:12px}.api-empty span{max-width:420px;font-size:10px;line-height:1.55}.api-endpoint-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:5px}.api-endpoint-heading>div{display:flex;flex-direction:column;gap:3px}.api-endpoint-heading strong{font-size:12px}.api-endpoint-heading span{color:var(--muted);font-size:9px}.api-endpoint-list{display:flex;flex-direction:column;gap:9px;max-height:440px;overflow:auto}.api-endpoint-item{display:flex;flex-direction:column;gap:9px;border:1px solid var(--border);border-radius:7px;padding:11px;background:var(--panel)}.api-endpoint-grid{display:grid;grid-template-columns:1.2fr 100px 1.4fr 1.2fr;gap:9px}.api-endpoint-actions{display:flex;align-items:center;gap:8px}.api-endpoint-actions .button{margin-left:auto}.api-test-success,.api-test-error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.api-test-success{color:var(--accent-strong)}.api-test-error{color:var(--danger)}.api-delete-source{align-self:flex-start}.version-dialog{display:flex;flex-direction:column;gap:12px}.version-create{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.version-list{max-height:420px;overflow:auto;border:1px solid var(--border);border-radius:7px;background:var(--panel)}.version-item{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border-bottom:1px solid var(--border)}.version-item:last-child{border-bottom:0}.version-item-main{min-width:0;display:flex;flex-direction:column;gap:4px}.version-item-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.version-item-main span{color:var(--muted);font-size:9px}.version-item-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.version-empty{min-height:120px;display:grid;place-items:center;color:var(--muted);font-size:10px}@media(max-width:620px){.license-detail-grid,.license-entry-grid,.settings-license-summary{grid-template-columns:1fr}.license-actions{align-items:flex-start;flex-direction:column}.license-installation{width:100%;white-space:normal;overflow-wrap:anywhere}.version-create{grid-template-columns:1fr}.version-item,.library-start{align-items:flex-start;flex-direction:column}.library-start-actions{width:100%;align-items:flex-start;flex-direction:column}.wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-step:nth-child(2){border-right:0}.wizard-step:nth-child(-n+2){border-bottom:1px solid var(--border)}.choice-grid,.audience-list{grid-template-columns:1fr}.example-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.api-source-toolbar,.api-endpoint-grid{grid-template-columns:1fr}}.export-result{display:flex;flex-direction:column;gap:8px;border:1px solid #b9ddd4;border-radius:7px;padding:12px;background:#f6fcfa;font-size:11px}.export-result-title{display:flex;align-items:center;gap:7px;color:var(--accent-strong)}.export-result p{margin:0;line-height:1.55}.export-result code{margin-left:4px;font-family:SFMono-Regular,Consolas,monospace}@media(max-width:900px){body{overflow:auto}.library-header,.library-main{padding-left:16px;padding-right:16px}.library-create-grid{grid-template-columns:1fr}.library-header{align-items:flex-start}.editor-shell{min-width:1040px}}.marketing-shell{height:100vh;overflow:auto;color:#17231f;background:#fbfaf6}.marketing-nav{position:sticky;top:0;z-index:20;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid #dfe6e0;background:#fbfaf6f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.marketing-brand{display:inline-flex;align-items:center;gap:10px;color:#17231f;text-decoration:none}.marketing-brand strong{font-size:18px;letter-spacing:.02em}.marketing-links{display:flex;align-items:center;gap:28px}.marketing-links a{color:#5f6e67;font-size:12px;font-weight:600;text-decoration:none}.marketing-links a:hover{color:var(--accent)}.marketing-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.marketing-login,.marketing-primary,.marketing-secondary{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:6px;padding:8px 15px;font-size:12px;font-weight:700}.marketing-login{color:#25322d;background:transparent}.marketing-login:hover{background:#edf3ef}.marketing-primary{color:#fff;background:#0d6b61}.marketing-primary:hover{background:#09544d}.marketing-secondary{color:#23312c;border-color:#cfd9d4;background:#fff}.marketing-secondary:hover{border-color:#9fb5ac;background:#f5f8f6}.marketing-primary.is-large,.marketing-secondary.is-large{min-height:46px;padding:11px 20px;font-size:13px}.marketing-hero{width:min(1240px,calc(100% - 56px));min-height:calc(100vh - 68px);display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(32px,5vw,68px);margin:0 auto;padding:58px 0 82px}.marketing-kicker{display:inline-flex;align-items:center;gap:7px;color:#af5c0b;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.marketing-hero h1{margin:18px 0 20px;color:#10231d;font-size:58px;line-height:1.05;letter-spacing:0}.marketing-hero-copy>p{max-width:560px;margin:0;color:#5b6b64;font-size:16px;line-height:1.8}.marketing-hero-actions{display:flex;align-items:center;gap:10px;margin-top:28px}.marketing-proof{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;color:#63716b;font-size:11px}.marketing-proof span{display:inline-flex;align-items:center;gap:5px}.marketing-proof svg{color:#17806f}.marketing-product{position:relative;overflow:visible;border:1px solid #cbd8d2;border-radius:8px;background:#fff;box-shadow:0 28px 70px #18372c26}.marketing-product-topbar{height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid #e1e8e4;color:#5e6c66;font-size:10px}.marketing-window-dots{display:flex;gap:5px}.marketing-window-dots i{width:7px;height:7px;border-radius:50%;background:#d8e0dc}.marketing-window-dots i:first-child{background:#e7a35b}.marketing-window-dots i:nth-child(2){background:#d9c36c}.marketing-window-dots i:last-child{background:#6cbb9f}.marketing-product-live{justify-self:end;border-radius:4px;padding:3px 6px;color:#11665b;background:#e7f4ef;font-size:9px;font-weight:700}.marketing-product-body{min-height:470px;display:grid;grid-template-columns:116px minmax(220px,1fr) 136px;gap:0;padding:18px;background:#eef2ef}.marketing-product-library,.marketing-product-inspector{display:flex;flex-direction:column;gap:5px;align-self:stretch;border:1px solid #d7e0dc;padding:10px;background:#fbfcfb}.marketing-product-library{border-radius:6px 0 0 6px}.marketing-product-inspector{border-radius:0 6px 6px 0}.marketing-product-library strong,.marketing-product-inspector strong{margin-bottom:5px;font-size:10px}.marketing-product-library span{min-height:29px;display:flex;align-items:center;gap:6px;border-radius:4px;padding:0 7px;color:#596761;font-size:9px}.marketing-product-library span.is-active{color:#0b655b;background:#e1f0eb;font-weight:700}.marketing-product-inspector>span{margin-top:8px;color:#738079;font-size:8px}.marketing-swatch{width:100%;height:27px;border-radius:4px;background:#0d6b61}.marketing-control-line{width:100%;height:7px;border-radius:3px;background:#e3e9e6}.marketing-action-line{display:block;border:1px solid #d6e1dc;border-radius:4px;padding:7px;color:#486159;background:#fff;font-size:8px;line-height:1.45}.marketing-phone{width:232px;min-height:432px;justify-self:center;align-self:center;overflow:hidden;border:7px solid #1b2924;border-radius:25px;background:#fbf6ee;box-shadow:0 18px 40px #18342b33}.marketing-phone-status{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#fff;font-size:8px;font-weight:700}.marketing-phone-content{padding:21px 16px 0}.marketing-mini-kicker{color:#a6611e;font-size:8px;font-weight:800;letter-spacing:.08em}.marketing-phone-content h3{margin:7px 0 16px;font-size:21px;line-height:1.25}.marketing-coffee-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:11px;padding:9px;border:1px solid #e2d9cc;border-radius:7px;background:#fff}.marketing-coffee-art{height:82px;display:grid;place-items:center;border-radius:5px;background:#d8b28b}.marketing-coffee-art span{width:34px;height:28px;border:4px solid #fff7ed;border-top:0;border-radius:4px 4px 12px 12px}.marketing-coffee-card div{min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center}.marketing-coffee-card strong{font-size:10px}.marketing-coffee-card small{color:#7c7165;font-size:7px}.marketing-coffee-card b{color:#0d6b61;font-size:12px}.marketing-phone-content>button{width:100%;height:35px;margin-top:12px;border:0;border-radius:5px;color:#fff;background:#0d6b61;font-size:9px;font-weight:700}.marketing-phone-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:31px -16px 0;border-top:1px solid #e6ded3;padding:11px 14px;color:#887e72;font-size:8px;text-align:center}.marketing-phone-nav .is-active{color:#0d6b61;font-weight:800}.marketing-flow-chip{position:absolute;right:-24px;bottom:30px;display:flex;align-items:flex-start;gap:8px;border:1px solid #b8d4ca;border-radius:6px;padding:10px 12px;color:#11665b;background:#f4fcf8;box-shadow:0 12px 28px #19423524}.marketing-flow-chip>span{display:flex;flex-direction:column;gap:2px;font-size:8px}.marketing-flow-chip strong{font-size:10px}.marketing-capabilities,.marketing-steps,.marketing-pricing{padding:88px max(28px,calc((100vw - 1180px)/2))}.marketing-capabilities{border-top:1px solid #e1e6e1;border-bottom:1px solid #e1e6e1;background:#f3f5f0}.marketing-section-heading{max-width:700px}.marketing-section-heading>span{color:#a65d13;font-size:11px;font-weight:800;letter-spacing:.06em}.marketing-section-heading h2,.marketing-workflow-copy h2,.marketing-final-cta h2{margin:12px 0 0;color:#14251f;font-size:42px;line-height:1.15;letter-spacing:0}.marketing-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:48px}.marketing-feature{border-top:2px solid #b7c9c1;padding-top:20px}.marketing-feature-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:6px;color:#0d6b61;background:#dceee8}.marketing-feature h3{margin:16px 0 8px;font-size:16px}.marketing-feature p{margin:0;color:#62716a;font-size:12px;line-height:1.7}.marketing-workflow-section{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:62px;padding:104px max(28px,calc((100vw - 1180px)/2));background:#102b24}.marketing-workflow-copy h2{color:#f6f2e8}.marketing-workflow-copy>p{margin:20px 0 0;color:#b9c9c2;font-size:14px;line-height:1.8}.marketing-workflow-copy ul{display:flex;flex-direction:column;gap:13px;margin:27px 0 0;padding:0;list-style:none}.marketing-workflow-copy li{display:flex;align-items:center;gap:9px;color:#dfe8e4;font-size:12px}.marketing-workflow-copy li svg{color:#e7a95f}.marketing-flow-board{min-height:380px;position:relative;border:1px solid #315148;background-color:#17372f;background-image:linear-gradient(to right,rgba(212,235,225,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(212,235,225,.08) 1px,transparent 1px);background-size:20px 20px}.marketing-flow-node{width:170px;position:absolute;z-index:2;display:flex;flex-direction:column;gap:7px;border:1px solid #668078;border-left:4px solid #68b9a3;border-radius:6px;padding:13px;background:#f7fbf9;box-shadow:0 16px 32px #02120d4d}.marketing-flow-node span{color:#73837b;font-size:8px}.marketing-flow-node strong{font-size:12px}.marketing-flow-node i{align-self:flex-start;border-radius:3px;padding:3px 6px;color:#97560d;background:#ffe7c4;font-size:8px;font-style:normal}.marketing-flow-node.is-home{top:48px;left:36px}.marketing-flow-node.is-form{top:164px;left:calc(50% - 85px)}.marketing-flow-node.is-done{right:30px;bottom:38px}.marketing-flow-line{position:absolute;z-index:1;height:2px;transform-origin:left center;background:#e6a85e}.marketing-flow-line:after{content:"";position:absolute;top:-4px;right:-1px;width:8px;height:8px;border-top:2px solid #e6a85e;border-right:2px solid #e6a85e;transform:rotate(45deg)}.marketing-flow-line.is-one{width:196px;top:122px;left:170px;transform:rotate(13deg)}.marketing-flow-line.is-two{width:194px;top:244px;left:calc(50% + 46px);transform:rotate(24deg)}.marketing-steps{background:#fbfaf6}.marketing-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:44px;border-top:1px solid #d8e0db;border-bottom:1px solid #d8e0db}.marketing-step-grid article{min-height:190px;padding:26px 30px;border-right:1px solid #d8e0db}.marketing-step-grid article:first-child{padding-left:0}.marketing-step-grid article:last-child{border-right:0}.marketing-step-grid article>span{color:#c47528;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700}.marketing-step-grid h3{margin:24px 0 9px;font-size:17px}.marketing-step-grid p{margin:0;color:#65736c;font-size:12px;line-height:1.7}.marketing-pricing{background:#f2f5f0}.marketing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;margin-top:42px}.marketing-plan{position:relative;display:flex;flex-direction:column;border:1px solid #d3ddd7;border-radius:8px;padding:24px;background:#fff}.marketing-plan.is-featured{border-color:#0d6b61;box-shadow:0 18px 38px #1540341a}.marketing-plan-badge{position:absolute;top:14px;right:14px;border-radius:4px;padding:3px 7px;color:#fff;background:#0d6b61;font-size:9px;font-weight:800}.marketing-plan h3{margin:0;font-size:18px}.marketing-plan>p{min-height:42px;margin:8px 0 18px;color:#6a7771;font-size:11px;line-height:1.6}.marketing-price{display:flex;align-items:baseline;gap:4px;min-height:54px}.marketing-price small{font-size:14px}.marketing-price strong{font-size:36px;line-height:1}.marketing-price span{color:#728079;font-size:11px}.marketing-plan ul{display:flex;flex:1;flex-direction:column;gap:10px;margin:24px 0;padding:20px 0 0;border-top:1px solid #e2e8e4;list-style:none}.marketing-plan li{display:flex;align-items:center;gap:7px;color:#53635c;font-size:11px}.marketing-plan li svg{color:#11806f}.marketing-plan>button{width:100%}.marketing-final-cta{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:76px max(28px,calc((100vw - 1180px)/2));color:#fff;background:#a95916}.marketing-final-cta h2{max-width:730px;color:#fff8ee}.marketing-final-cta .marketing-kicker{color:#ffddb6}.marketing-final-cta .marketing-primary{flex:0 0 auto;color:#6d3509;background:#fff2df}.marketing-final-cta .marketing-primary:hover{background:#fff}.marketing-footer{min-height:92px;display:flex;align-items:center;gap:18px;padding:0 max(28px,calc((100vw - 1180px)/2));color:#718078;background:#fbfaf6;font-size:11px}.marketing-footer span:nth-child(2){flex:1}.marketing-footer button{border:0;color:#326c60;background:transparent;font-size:11px;font-weight:700}.customer-auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(460px,1.08fr);overflow:auto;background:#fbfaf6}.customer-auth-story{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:32px 54px 34px;color:#f4f7f3;background:#102b24}.customer-auth-back{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;border:0;color:#b8c9c2;background:transparent;font-size:11px}.customer-auth-story-body{max-width:500px;margin:80px 0}.customer-auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:48px}.customer-auth-brand .brand-mark{background:#d67b25}.customer-auth-story .marketing-kicker{color:#e9ad6c}.customer-auth-story h1{margin:18px 0 20px;font-size:48px;line-height:1.1;letter-spacing:0}.customer-auth-story p{margin:0;color:#b8c9c2;font-size:14px;line-height:1.8}.customer-auth-points{display:flex;flex-direction:column;gap:12px;margin:28px 0 0;padding:0;list-style:none}.customer-auth-points li{display:flex;align-items:center;gap:8px;color:#dce7e2;font-size:12px}.customer-auth-points svg{color:#e9ad6c}.customer-auth-caption{color:#81968d;font-size:10px}.customer-auth-form-wrap{display:grid;place-items:center;padding:48px 28px}.customer-auth-form{width:min(416px,100%);display:flex;flex-direction:column;gap:14px}.customer-auth-heading{margin-bottom:8px}.customer-auth-heading>span{color:#a65d13;font-size:10px;font-weight:800;letter-spacing:.06em}.customer-auth-heading h2{margin:8px 0;font-size:30px;line-height:1.2}.customer-auth-heading p{margin:0;color:#6d7b74;font-size:12px;line-height:1.6}.customer-auth-field{position:relative;display:flex;flex-direction:column;gap:7px}.customer-auth-field>span:first-child{color:#53625b;font-size:11px;font-weight:700}.customer-auth-field>svg{position:absolute;left:12px;bottom:13px;color:#829088;pointer-events:none}.customer-auth-field-icon{position:absolute;left:13px;bottom:13px;color:#829088;font-size:11px;font-weight:800;pointer-events:none}.customer-auth-field input{height:43px;border:1px solid #d3ddd7;border-radius:6px;padding:0 12px 0 39px;background:#fff;outline:none;font-size:12px}.customer-auth-field input:focus{border-color:#0d6b61;box-shadow:0 0 0 3px #0d6b611a}.customer-auth-error{border:1px solid #efc7c2;border-radius:6px;padding:9px 11px;color:#8e2e24;background:#fff5f3;font-size:11px;line-height:1.5}.customer-auth-message{border:1px solid #b4dccc;border-radius:6px;padding:9px 11px;color:#155e52;background:#f2fff9;font-size:11px;line-height:1.55}.customer-auth-forgot{align-self:flex-end;margin-top:-6px;border:0;padding:0;color:#0d6b61;background:transparent;font-size:11px;font-weight:700}.customer-auth-submit{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;border:0;border-radius:6px;color:#fff;background:#0d6b61;font-size:12px;font-weight:800}.customer-auth-submit:hover:not(:disabled){background:#09544d}.customer-auth-switch{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:6px;color:#77847e;font-size:11px}.customer-auth-switch button{border:0;padding:0;color:#0d6b61;background:transparent;font-size:11px;font-weight:800}.customer-auth-terms{margin:14px 0 0;color:#8a958f;font-size:9px;line-height:1.55;text-align:center}.console-header-actions{display:flex;align-items:center;gap:10px}.console-home-link{border:0;color:#64726b;background:transparent;font-size:11px;font-weight:600}.console-account{display:flex;align-items:center;gap:8px;border-left:1px solid var(--border);padding-left:12px}.console-account>span:last-child{display:flex;flex-direction:column;gap:2px}.console-account strong{font-size:11px}.console-account small{max-width:180px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.console-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:6px;color:#0d6b61;background:#e1f2ed}.console-overview{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 0 20px}.console-overview h2{margin:5px 0;font-size:28px}.console-overview p{margin:0;color:var(--muted);font-size:11px}.console-plan{border:1px solid #c7ddd6;border-radius:5px;padding:5px 9px;color:#0d6b61;background:#f0f9f6;font-size:10px;font-weight:700}.console-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.console-stats>div{display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--border);padding:14px 18px}.console-stats>div:first-child{padding-left:15px}.console-stats>div:last-child{border-right:1px solid var(--border)}.console-stats span{color:var(--muted);font-size:9px}.console-stats strong{font-size:18px}.palette-simple-hint{margin:4px 2px 14px;border-top:1px solid var(--border);padding-top:12px;color:var(--muted);font-size:10px;line-height:1.55}.password-change-form{display:flex;flex-direction:column;gap:14px}.password-change-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}@media(max-width:1060px){.marketing-hero{grid-template-columns:1fr}.marketing-hero-copy{max-width:760px}.marketing-hero h1{font-size:50px}.marketing-product{width:min(720px,100%);justify-self:center}.marketing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-workflow-section{grid-template-columns:1fr}.customer-auth-page{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr)}.customer-auth-story{padding:30px}.customer-auth-story h1{font-size:42px}}@media(max-width:760px){.marketing-nav{grid-template-columns:1fr auto;padding:0 16px}.marketing-links{display:none}.marketing-nav-actions{gap:4px}.marketing-login,.marketing-primary,.marketing-secondary{padding-left:11px;padding-right:11px}.marketing-hero{width:calc(100% - 32px);gap:38px;padding:42px 0 64px}.marketing-hero h1{font-size:42px}.marketing-section-heading h2,.marketing-workflow-copy h2,.marketing-final-cta h2{font-size:32px}.marketing-hero-copy>p{font-size:14px}.marketing-hero-actions{align-items:stretch;flex-direction:column}.marketing-product-body{min-height:430px;grid-template-columns:1fr}.marketing-product-library,.marketing-product-inspector{display:none}.marketing-phone{width:226px}.marketing-flow-chip{right:8px;bottom:-18px}.marketing-capabilities,.marketing-steps,.marketing-pricing,.marketing-workflow-section,.marketing-final-cta{padding:64px 18px}.marketing-feature-grid,.marketing-step-grid,.marketing-plan-grid{grid-template-columns:1fr}.marketing-step-grid article,.marketing-step-grid article:first-child{min-height:0;border-right:0;border-bottom:1px solid #d8e0db;padding:22px 0}.marketing-step-grid article:last-child{border-bottom:0}.marketing-flow-board{min-height:450px}.marketing-flow-node{width:150px}.marketing-flow-node.is-home{left:18px}.marketing-flow-node.is-form{top:180px;left:36px}.marketing-flow-node.is-done{right:18px}.marketing-flow-line.is-one{width:120px;top:134px;left:140px;transform:rotate(25deg)}.marketing-flow-line.is-two{width:112px;top:278px;left:166px;transform:rotate(30deg)}.marketing-final-cta{align-items:flex-start;flex-direction:column}.marketing-footer{flex-wrap:wrap;padding:24px 18px}.customer-auth-page{grid-template-columns:1fr}.customer-auth-story{min-height:auto;padding:24px 20px 28px}.customer-auth-story-body{margin:42px 0 28px}.customer-auth-brand{margin-bottom:30px}.customer-auth-story h1{font-size:36px}.customer-auth-form-wrap{padding:36px 20px 48px}.console-header{align-items:flex-start;flex-direction:column;gap:16px}.console-header-actions{width:100%;flex-wrap:wrap}.console-account{margin-left:auto}.console-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.console-stats>div:nth-child(2){border-right:1px solid var(--border)}.console-stats>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(13,107,97,.42);outline-offset:2px}.button{min-height:36px;border-radius:7px;padding:8px 14px;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,transform 80ms ease}.button:active:not(:disabled),.icon-button:active:not(:disabled),.mode-button:active:not(:disabled){transform:translateY(1px)}.button-primary{box-shadow:0 5px 14px #0d6b612e}.button-primary:hover:not(:disabled){box-shadow:0 7px 18px #0d6b6138}.button-secondary{background:#fff}.icon-button{width:32px;height:32px;border-radius:7px}.library-shell{background:#f4f7f4}.console-header{position:sticky;top:0;z-index:40;max-width:none;margin:0;padding:14px max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(207,220,213,.9);background:#fafcf9eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.console-header .brand-mark{width:42px;height:42px;border-radius:8px;box-shadow:0 6px 16px #0d6b612e}.console-header .library-brand h1{font-size:20px}.console-header .library-brand p{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-header-tools{min-width:0;display:flex;align-items:center;gap:12px}.console-header .console-account{border:1px solid var(--border);border-left:1px solid var(--border);border-radius:8px;padding:5px 9px 5px 6px;background:#ffffffc7}.console-action-group{display:flex;align-items:center;gap:3px;border:1px solid var(--border);border-radius:8px;padding:3px;background:#ffffffc7}.library-main{max-width:1240px;padding:0 28px 64px}.console-overview{align-items:center;padding:40px 0 24px}.console-overview-copy{min-width:0}.console-overview h2{margin:7px 0;font-size:32px;line-height:1.2;letter-spacing:0}.console-overview p{font-size:12px}.console-overview-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.console-secondary-action{height:36px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:7px;padding:0 13px;color:var(--text);background:#fff;font-size:12px;font-weight:650}.console-secondary-action:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-soft)}.console-stats{gap:12px;margin-bottom:20px;border:0}.console-stats>.console-stat{min-width:0;flex-direction:row;align-items:center;gap:12px;border:1px solid var(--border);border-radius:8px;padding:15px;background:#fff;box-shadow:0 4px 14px #173d320b}.console-stat-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:var(--accent);background:var(--accent-soft)}.console-stat>div{min-width:0;display:flex;flex-direction:column;gap:3px}.console-stat>div>span{color:var(--muted);font-size:9px}.console-stat strong{overflow:hidden;font-size:18px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.console-quick-start,.library-start{min-height:144px;border-color:#c9dcd4;background:#eef6f2}.console-quick-steps{display:flex;align-items:center;gap:8px;flex:0 0 auto}.console-quick-steps>span{min-height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid #c8dcd4;border-radius:7px;padding:0 11px 0 7px;color:#38554c;background:#ffffffb8;font-size:10px;font-weight:650}.console-quick-steps b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:9px}.library-projects{margin-top:34px}.section-heading-row{margin-bottom:16px}.section-heading-row h2{font-size:20px}.project-grid{gap:14px}.project-card{box-shadow:0 4px 16px #173d320d}.project-card:hover{box-shadow:0 14px 34px #173d321c}.library-empty{min-height:230px;align-content:center;gap:7px;padding:34px;background:#ffffffb8}.library-empty>svg{color:var(--accent)}.library-empty .button{margin-top:10px}@media(max-width:980px){.console-header{align-items:flex-start;flex-direction:column}.console-header-tools{width:100%;justify-content:space-between}.console-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.console-quick-steps{width:100%;flex-wrap:wrap}}@media(max-width:680px){.console-header{padding:12px 16px}.console-header-tools{align-items:stretch;flex-direction:column}.console-account{width:100%}.console-action-group{align-self:flex-end}.library-main{padding:0 16px 44px}.console-overview{align-items:flex-start;flex-direction:column;padding-top:28px}.console-overview h2{font-size:27px}.console-overview-actions{width:100%}.console-overview-actions .button,.console-secondary-action{flex:1}.console-stats{grid-template-columns:1fr}.library-start{align-items:flex-start;flex-direction:column}.console-quick-steps{display:grid;grid-template-columns:1fr}.console-quick-steps>span{width:100%}}.platform-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.platform-choice{min-height:70px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:7px;padding:10px 11px;color:var(--text);background:#fff;text-align:left}.platform-choice>svg:first-child{color:var(--accent)}.platform-choice>span{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.platform-choice strong{font-size:11px}.platform-choice small{color:var(--muted);font-size:9px;line-height:1.4}.platform-choice:hover,.platform-choice.is-selected{border-color:var(--accent);background:var(--accent-soft)}.project-platform-badge{max-width:120px;overflow:hidden;border:1px solid #c7ddd6;border-radius:5px;padding:3px 6px;color:var(--accent-strong);background:#edf8f4;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.project-kicker i{margin:0 4px;font-style:normal}.platform-setting-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 10px;border:1px solid var(--border);border-radius:7px;padding:10px 12px;background:var(--panel-soft)}.platform-setting-row span,.platform-setting-row small{color:var(--muted);font-size:9px}.platform-setting-row strong{font-size:11px}.platform-setting-row small{grid-column:2}@media(max-width:680px){.platform-choice-grid{grid-template-columns:1fr}}.editor-topbar{height:60px;padding:0 12px;background:#fcfdfb;box-shadow:0 1px #15372d05}.editor-topbar .topbar-left,.editor-topbar .topbar-right{gap:4px}.editor-topbar .topbar-center{gap:5px;border:1px solid var(--border);border-radius:8px;padding:3px;background:#fff}.editor-topbar .topbar-center .topbar-divider{height:22px;margin:0 2px}.editor-topbar .topbar-right{gap:2px;border:1px solid var(--border);border-radius:8px;padding:3px;background:#fff}.brand .brand-mark{width:28px;height:28px;border-radius:7px;font-size:13px;box-shadow:0 3px 9px #0d6b6129}.project-name-input{height:32px;border-radius:6px}.mode-button{height:32px;border-radius:7px;background:#fff;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.mode-button:hover:not(:disabled){border-color:#a9c8bf;background:#f2f8f5}.mode-button.is-active{box-shadow:0 3px 10px #0d6b612e}.editor-topbar .select-input{height:32px;border-color:transparent;background:transparent;font-size:10px}.editor-topbar .select-input:hover,.editor-topbar .select-input:focus{border-color:var(--border);background:var(--panel-soft)}.left-tabs{height:44px;gap:3px;padding:6px;border-bottom:1px solid var(--border);background:#fbfcfb}.left-tabs>button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:11px;font-weight:650}.left-tabs>button:hover{color:var(--text);background:var(--panel-muted)}.left-tabs>button.is-active{color:var(--accent-strong);background:var(--accent-soft)}