:root{--cw-ui-font:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--cw-bg:gray;--cw-panel-bg:#d4d0c8;--cw-panel-border:3px solid gray;--cw-section-border:2px solid gray;--cw-toolbar-bg:linear-gradient(180deg, navy 0%, #1084d0 100%);--cw-toolbar-border:3px solid #003;--cw-toolbar-text:white;--cw-toolbar-brand:#ff0;--cw-btn-bg:#d4d0c8;--cw-btn-bg-hover:#e8e4dc;--cw-btn-border:2px outset #aaa;--cw-btn-border-active:2px inset #aaa;--cw-btn-radius:0px;--cw-input-bg:#fff;--cw-input-border:2px inset #888;--cw-accent:navy;--cw-accent-text:#fff;--cw-modal-bg:#d4d0c8;--cw-modal-border:3px outset #f0ece4;--cw-modal-header:linear-gradient(180deg, navy 0%, #1084d0 100%);--cw-modal-radius:0px;--cw-section-hdr-bg:#e0dcd4;--cw-section-hdr-hover:#d0ccc4;--cw-selected-color:#06c}[data-theme=win7]{--cw-ui-font:"Segoe UI", Tahoma, sans-serif;--cw-bg:#3a6ea5;--cw-panel-bg:#f0f0f0;--cw-panel-border:2px solid #bbb;--cw-section-border:1px solid #ddd;--cw-toolbar-bg:linear-gradient(180deg, #2e527a 0%, #5b8ec4 100%);--cw-toolbar-border:2px solid #1e3a5a;--cw-toolbar-brand:#fff;--cw-btn-bg:#f5f5f5;--cw-btn-bg-hover:#dce9f9;--cw-btn-border:1px solid #adadad;--cw-btn-border-active:1px solid #0078d7;--cw-btn-radius:4px;--cw-input-border:1px solid #aaa;--cw-accent:#0078d7;--cw-modal-bg:#f5f5f5;--cw-modal-border:1px solid #aaa;--cw-modal-header:linear-gradient(180deg, #2e527a 0%, #5b8ec4 100%);--cw-modal-radius:6px;--cw-section-hdr-bg:#e8e8e8;--cw-section-hdr-hover:#dbe8f6;--cw-selected-color:#0078d7}[data-theme=mac]{--cw-ui-font:Geneva, "Charcoal", system-ui, sans-serif;--cw-bg:#999;--cw-panel-bg:#ddd;--cw-panel-border:1px solid #999;--cw-section-border:1px solid #aaa;--cw-toolbar-bg:linear-gradient(180deg, #ccc 0%, #aaa 100%);--cw-toolbar-border:1px solid #888;--cw-toolbar-text:#000;--cw-toolbar-brand:#000;--cw-btn-bg:#ddd;--cw-btn-bg-hover:#eee;--cw-btn-border:1px solid #888;--cw-btn-border-active:1px solid #555;--cw-btn-radius:3px;--cw-input-border:1px solid #888;--cw-accent:#000;--cw-accent-text:#fff;--cw-modal-bg:#ddd;--cw-modal-border:1px solid #888;--cw-modal-header:#000;--cw-modal-radius:4px;--cw-section-hdr-bg:#ccc;--cw-section-hdr-hover:#bbb;--cw-selected-color:#333}[data-theme=modern]{--cw-ui-font:-apple-system, "Inter", system-ui, sans-serif;--cw-bg:#f3f4f6;--cw-panel-bg:#fff;--cw-panel-border:1px solid #e5e7eb;--cw-section-border:1px solid #f3f4f6;--cw-toolbar-bg:#1f2937;--cw-toolbar-border:none;--cw-toolbar-brand:#60a5fa;--cw-btn-bg:#fff;--cw-btn-bg-hover:#f9fafb;--cw-btn-border:1px solid #d1d5db;--cw-btn-border-active:1px solid #3b82f6;--cw-btn-radius:8px;--cw-input-border:1px solid #d1d5db;--cw-accent:#3b82f6;--cw-accent-text:#fff;--cw-modal-bg:#fff;--cw-modal-border:1px solid #e5e7eb;--cw-modal-header:#1f2937;--cw-modal-radius:12px;--cw-section-hdr-bg:#f9fafb;--cw-section-hdr-hover:#f3f4f6;--cw-selected-color:#3b82f6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,#root{height:100vh;font-family:var(--cw-ui-font);background:var(--cw-bg);overflow:hidden}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.toolbar{background:var(--cw-toolbar-bg);border-bottom:var(--cw-toolbar-border);min-height:44px;color:var(--cw-toolbar-text);font-family:var(--cw-ui-font);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;display:flex}.toolbar-brand{color:var(--cw-toolbar-brand);white-space:nowrap;letter-spacing:.5px;border-right:2px solid #ffffff4d;padding-right:8px;font-size:14px;font-weight:900}:root .toolbar-brand{text-shadow:1px 1px #000}[data-theme=mac] .toolbar-brand,[data-theme=modern] .toolbar-brand{text-shadow:none}.toolbar-title-input{border:var(--cw-input-border);border-radius:var(--cw-btn-radius);background:var(--cw-input-bg);color:#000;width:180px;padding:3px 8px;font-family:Comic Sans MS,cursive;font-size:13px}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-group--right{margin-left:auto}.view-toggle-btn{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-btn-bg);cursor:pointer;font-size:12px;font-family:var(--cw-ui-font);color:#000;padding:3px 10px}.view-toggle-btn.active{border:var(--cw-btn-border-active);background:var(--cw-input-bg);color:var(--cw-accent);font-weight:700}.view-toggle-btn:hover:not(.active){background:var(--cw-btn-bg-hover)}.toolbar-btn{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-btn-bg);cursor:pointer;font-size:12px;font-family:var(--cw-ui-font);white-space:nowrap;color:#000;padding:3px 10px}.toolbar-btn:hover{background:var(--cw-btn-bg-hover)}.toolbar-btn:active{border:var(--cw-btn-border-active)}.toolbar-btn--export{color:#0f0;background:#040;border-color:#060;font-family:Courier New,monospace;font-weight:700}.toolbar-btn--export:hover{background:#050}.toolbar-btn--preview{color:#0f8;background:#040;border-color:#060}.toolbar-btn--preview:hover{background:#050}.toolbar-btn--exit-preview{color:#fff;background:#800;border-color:#c00;font-weight:700}.toolbar-btn--exit-preview:hover{background:#a00}.toolbar-btn--code{color:#a0d8ff;background:#1a1a2e;border-color:#448;font-family:Courier New,monospace}.toolbar-btn--code:hover{background:#252540}.toolbar-btn--help{color:#640;background:#fff8dc;border-color:#ca0;font-weight:700}.toolbar-btn--help:hover{background:#fff0a0}.toolbar-btn--save{color:#adf;background:#036;border-color:#048}.toolbar-btn--save:hover{background:#048}.toolbar-btn--load{color:#afa;background:#240;border-color:#360}.toolbar-btn--load:hover{background:#360}.toolbar-btn--new{color:#fad;background:#402;border-color:#603}.toolbar-btn--new:hover{background:#603}.toolbar-theme-select{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-btn-bg);color:#000;cursor:pointer;font-size:11px;font-family:var(--cw-ui-font);max-width:130px;padding:3px 6px}.sidebar{background:var(--cw-panel-bg);border-right:var(--cw-panel-border);width:240px;font-family:var(--cw-ui-font);flex-shrink:0;overflow:hidden auto}.sidebar-section{border-bottom:var(--cw-section-border);padding:10px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--cw-accent);border-bottom:1px solid #aaa;margin-bottom:8px;padding-bottom:4px;font-size:11px;font-weight:700}.sidebar-props-header{justify-content:space-between;align-items:center;display:flex}.prop-duplicate-btn{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-btn-bg);cursor:pointer;font-size:10px;font-family:var(--cw-ui-font);color:#000;white-space:nowrap;padding:1px 7px}.prop-duplicate-btn:hover{background:var(--cw-btn-bg-hover)}.prop-duplicate-btn:active{border:var(--cw-btn-border-active)}.add-element-btns{flex-direction:column;gap:4px;display:flex}.add-el-btn{background:var(--cw-input-bg);border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);cursor:pointer;font-size:12px;font-family:var(--cw-ui-font);text-align:left;align-items:center;gap:8px;padding:6px 8px;display:flex}.add-el-btn:hover{background:var(--cw-btn-bg-hover)}.add-el-btn:active{border:var(--cw-btn-border-active)}.add-el-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.sidebar-hint{color:#555;font-size:11px;line-height:1.4}.sidebar-props{padding:8px 10px}.prop-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.prop-label{color:#333;flex-shrink:0;width:52px;font-size:11px;font-weight:700}.prop-input{border:var(--cw-input-border);border-radius:var(--cw-btn-radius);background:var(--cw-input-bg);min-width:0;font-size:11px;font-family:var(--cw-ui-font);flex:1;padding:2px 4px}.prop-input--short{flex:none;width:55px}.prop-textarea{border:var(--cw-input-border);border-radius:var(--cw-btn-radius);font-size:11px;font-family:var(--cw-ui-font);resize:vertical;flex:1;width:100%;padding:3px}.prop-select{border:var(--cw-input-border);border-radius:var(--cw-btn-radius);background:var(--cw-input-bg);flex:1;padding:2px 4px;font-size:11px}.prop-color{border:var(--cw-input-border);border-radius:var(--cw-btn-radius);cursor:pointer;flex-shrink:0;width:30px;height:22px;padding:0}.prop-range{flex:1}.prop-range-val{text-align:right;flex-shrink:0;width:18px;font-size:11px}.prop-unit{color:#666;flex-shrink:0;font-size:11px}.prop-toggle-group{gap:2px;display:flex}.prop-toggle{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-btn-bg);cursor:pointer;font-size:12px;font-family:var(--cw-ui-font);min-width:28px;padding:2px 7px}.prop-toggle.active{border:var(--cw-btn-border-active);background:#fff3b0}.prop-toggle:hover:not(.active){background:var(--cw-btn-bg-hover)}.prop-divider{border:none;border-top:1px solid #aaa;margin:8px 0}.prop-delete-btn{color:#fff;border-radius:var(--cw-btn-radius);cursor:pointer;width:100%;font-size:12px;font-family:var(--cw-ui-font);background:#c00;border:2px outset #f44;margin-top:4px;padding:5px}.prop-delete-btn:hover{background:#a00}.prop-delete-btn:active{border:2px inset #f44}.prop-upload-btn{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-btn-bg);cursor:pointer;font-size:11px;font-family:var(--cw-ui-font);padding:3px 8px}.prop-upload-btn:hover{background:var(--cw-btn-bg-hover)}.prop-upload-btn:active{border:var(--cw-btn-border-active)}.prop-clear-btn{border-radius:var(--cw-btn-radius);cursor:pointer;background:#ccc;border:1px solid #888;padding:1px 5px;font-size:10px}.canvas-scroll-area{background:var(--cw-bg);flex:1;padding:16px;position:relative;overflow:auto}.viewport-label{text-align:center;color:#fff;text-shadow:1px 1px #000;margin-bottom:6px;font-family:Courier New,monospace;font-size:11px}.page-canvas{background:#fff;min-height:400px;margin:0 auto;transition:width .25s;box-shadow:4px 4px 12px #00000080}.section-block{border:2px dashed #0000;transition:border-color .1s;position:relative}.section-block--active{border-color:var(--cw-selected-color)}.section-header{background:var(--cw-section-hdr-bg);cursor:pointer;border-bottom:1px solid #aaa;justify-content:space-between;align-items:center;min-height:24px;padding:2px 6px;display:flex}.section-header:hover{background:var(--cw-section-hdr-hover)}.section-type-badge{color:var(--cw-accent);letter-spacing:.5px;font-size:10px;font-weight:700}.section-header-controls{align-items:center;gap:4px;display:flex}.section-bg-control{cursor:default;align-items:center;gap:3px;font-size:10px;display:flex}.section-bg-control input[type=color]{cursor:pointer;border:1px inset #888;width:22px;height:18px;padding:0}.section-clear-bg{cursor:pointer;border-radius:var(--cw-btn-radius);background:#ccc;border:1px solid #888;padding:0 4px;font-size:9px;line-height:16px}.section-ctrl-btn{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-btn-bg);cursor:pointer;font-size:10px;font-family:var(--cw-ui-font);padding:1px 5px}.section-ctrl-btn:hover{background:var(--cw-btn-bg-hover)}.section-ctrl-btn:active{border:var(--cw-btn-border-active)}.section-ctrl-btn--delete{color:#c00;background:#fcc;border-color:#c88}.section-ctrl-btn--delete:hover{background:#faa}.flow-section-wrapper{cursor:default;min-height:60px;padding:16px}.flow-section-wrapper.section-selected{outline:1px solid var(--cw-selected-color);outline-offset:-1px}.flow-element{vertical-align:top;cursor:pointer;display:inline-block}.flow-element--selected{outline:2px dashed var(--cw-selected-color);outline-offset:2px}.flow-empty-hint{color:#aaa;text-align:center;border:2px dashed #ccc;padding:20px;font-size:12px;font-style:italic}.canvas-section-wrapper{position:relative}.canvas-section-wrapper.section-selected>.canvas-section-inner{outline:1px solid var(--cw-selected-color);outline-offset:-1px}.canvas-section-inner{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:20px 20px}.canvas-empty-hint{color:#bbb;text-align:center;pointer-events:none;white-space:nowrap;border:2px dashed #ddd;padding:16px 24px;font-size:12px;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drag-badge{background:var(--cw-selected-color);color:#fff;white-space:nowrap;pointer-events:none;border-radius:2px;padding:1px 5px;font-size:9px;position:absolute;top:-18px;left:0}.canvas-resize-handle{background:var(--cw-panel-bg);cursor:ns-resize;color:#666;letter-spacing:1px;-webkit-user-select:none;user-select:none;border-top:2px solid gray;justify-content:center;align-items:center;height:12px;font-size:9px;display:flex}.canvas-resize-handle:hover{background:var(--cw-btn-bg-hover)}.add-section-row{border-top:2px dashed #ccc;justify-content:center;gap:8px;padding:12px;display:flex}.add-section-btn{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-btn-bg);cursor:pointer;color:var(--cw-accent);padding:6px 16px;font-family:Comic Sans MS,cursive;font-size:12px}.add-section-btn:hover{background:var(--cw-btn-bg-hover)}.add-section-btn:active{border:var(--cw-btn-border-active)}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--cw-modal-bg);border:var(--cw-modal-border);border-radius:var(--cw-modal-radius);width:700px;max-width:95vw;max-height:90vh;font-family:var(--cw-ui-font);flex-direction:column;display:flex;box-shadow:4px 4px 20px #00000080}.modal--sm{width:360px}.modal--code{width:900px;height:80vh}.modal-header{background:var(--cw-modal-header);border-radius:calc(var(--cw-modal-radius) - 1px) calc(var(--cw-modal-radius) - 1px) 0 0;color:#fff;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;font-weight:700;display:flex}[data-theme=mac] .modal-header{color:#fff}.modal-close-btn{color:#fff;border-radius:var(--cw-btn-radius);cursor:pointer;font-size:12px;font-family:var(--cw-ui-font);background:#c00;border:2px outset #f44;padding:1px 7px;font-weight:700}.modal-close-btn:hover{background:#a00}.modal-close-btn:active{border:2px inset #f44}.modal-body{flex:1;padding:12px;overflow-y:auto}.modal-footer{border-top:2px solid #aaa;justify-content:flex-end;gap:8px;padding:8px 12px;display:flex}.modal-btn{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-btn-bg);cursor:pointer;font-size:12px;font-family:var(--cw-ui-font);padding:4px 16px}.modal-btn:hover{background:var(--cw-btn-bg-hover)}.modal-btn:active{border:var(--cw-btn-border-active)}.modal-btn--primary{background:var(--cw-accent);color:var(--cw-accent-text);border-color:var(--cw-accent)}.modal-btn--primary:hover{opacity:.9}.export-instructions{margin-bottom:10px;font-size:12px;line-height:1.5}.export-textarea{color:#d4d4d4;resize:vertical;tab-size:2;background:#1e1e1e;border:2px inset #888;width:100%;height:380px;padding:8px;font-family:Courier New,monospace;font-size:11px}.export-options{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.export-option{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-input-bg);padding:10px 12px}.export-option--muted{opacity:.7}.export-option-title{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.export-option-tag{color:#888;border:1px solid #ccc;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:400}.export-option-desc{color:#555;margin-bottom:8px;font-size:11px;line-height:1.4}.export-option-btns{gap:6px;display:flex}.export-preview-details{margin-top:8px}.export-preview-details summary{color:#666;cursor:pointer;margin-bottom:6px;font-size:11px}.bg-type-toggle{gap:0;margin-bottom:12px;display:flex}.bg-type-btn{border:var(--cw-btn-border);background:var(--cw-btn-bg);cursor:pointer;font-size:12px;font-family:var(--cw-ui-font);border-radius:0;flex:1;padding:5px}.bg-type-btn.active{border:var(--cw-btn-border-active);background:var(--cw-input-bg);color:var(--cw-accent);font-weight:700}.bg-type-btn:hover:not(.active){background:var(--cw-btn-bg-hover)}.toolbar--preview{background:linear-gradient(#060 0%,#0a0 100%)}.preview-badge{color:#000;letter-spacing:1px;background:#0f0;border:1px solid #060;padding:2px 8px;font-size:10px;font-weight:900}.canvas-scroll-area--preview{padding:0}.canvas-scroll-area--preview .page-canvas{box-shadow:none}@keyframes cw-blink{0%,to{opacity:1}50%{opacity:0}}.element-palette{flex-direction:column;gap:6px;display:flex}.element-group-label{text-transform:uppercase;letter-spacing:.8px;color:#888;margin-bottom:2px;font-size:9px}.element-group-btns{grid-template-columns:1fr 1fr;gap:3px;display:grid}.sidebar-section-title--toggle{text-align:left;text-transform:uppercase;letter-spacing:.8px;width:100%;color:var(--cw-accent);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--cw-ui-font);background:0 0;border:none;border-bottom:1px solid #aaa;margin-bottom:8px;padding:0 0 4px}.sidebar-section-title--toggle:hover{opacity:.75}.template-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.template-btn{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-input-bg);cursor:pointer;font-family:var(--cw-ui-font);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.template-btn:hover{background:var(--cw-btn-bg-hover)}.template-btn:active{border:var(--cw-btn-border-active)}.template-icon{font-size:18px;line-height:1}.template-name{color:#333;font-size:10px}.prop-row--block-toggle{cursor:pointer;background:#fffbe6;border:1px solid #dc4;border-radius:2px;gap:8px;padding:4px 6px}.prop-label-inline{color:#333;font-size:11px}.prop-textarea--code{color:#d4d4d4!important;background:#1e1e1e!important;font-family:Courier New,monospace!important;font-size:10px!important}.sidebar-section--sections{background:var(--cw-section-hdr-bg)}.add-section-btns{grid-template-columns:1fr 1fr;gap:4px;display:grid}.add-section-sidebar-btn{border:var(--cw-btn-border);border-radius:var(--cw-btn-radius);background:var(--cw-input-bg);cursor:pointer;color:var(--cw-accent);justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-family:Comic Sans MS,cursive;font-size:12px;display:flex}.add-section-sidebar-btn:hover{background:var(--cw-btn-bg-hover)}.add-section-sidebar-btn:active{border:var(--cw-btn-border-active)}.code-modal-notice{color:#640;background:#fff3cd;border-bottom:1px solid #c80;padding:6px 12px;font-size:11px}.codemirror-container{flex:1;min-height:0;overflow:hidden}.codemirror-container .cm-editor{height:100%}.lightbox-backdrop{z-index:9999;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;cursor:default;max-width:90vw;max-height:88vh;image-rendering:pixelated;box-shadow:0 0 40px #000c}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fff6;padding:4px 10px;font-family:inherit;font-size:18px;position:absolute;top:16px;right:20px}.lightbox-close:hover{background:#ffffff4d}.lightbox-hint{color:#ffffff80;pointer-events:none;font-size:11px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.img-lightbox-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:3px;padding:2px 6px;font-size:13px;position:absolute;bottom:4px;right:4px}.img-lightbox-btn:hover{background:#000000d9}.gallery-image-list{flex-direction:column;gap:4px;display:flex}.gallery-slot{flex-direction:column;gap:2px;display:flex}.gallery-image-row{align-items:center;gap:4px;display:flex}.gallery-thumb{object-fit:cover;cursor:zoom-in;border:1px solid #aaa;flex-shrink:0;width:36px;height:28px}.gallery-thumb--empty{background:#fff3cd;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:28px;font-size:14px;display:flex}.gallery-add-row{gap:4px;margin-top:4px;display:flex}.prop-select--short{flex:none;width:60px}.gallery-slot-details{background:#f5f3ef;border:1px solid #d0ccc4;border-radius:2px;flex-direction:column;gap:2px;margin-top:2px;padding:4px 6px;display:flex}.modal--help{width:680px;max-height:82vh}.help-body{flex-direction:column;gap:0;display:flex;overflow-y:auto}.help-section{border-bottom:1px solid #e0dcd4;padding:10px 0}.help-section:last-child{border-bottom:none}.help-heading{color:var(--cw-accent);margin:0 0 6px;font-size:13px;font-weight:700}.help-section p{margin:0 0 5px;font-size:12px;line-height:1.5}.help-list{margin:4px 0;padding-left:18px;font-size:12px;line-height:1.6}.help-list li{margin-bottom:3px}.site-props-section-label{color:var(--cw-accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.toolbar-btn--nav{color:#acf;background:#226;border-color:#348}.toolbar-btn--nav:hover{background:#338}.modal--md{width:480px}.nav-items-list{flex-direction:column;gap:4px;display:flex}.nav-item-row{border-bottom:1px dashed #ccc;align-items:center;gap:4px;padding:4px 0;display:flex}.nav-item-fields{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nav-item-controls{flex-shrink:0;align-items:center;gap:2px;display:flex}.nav-replicate-btn{border:var(--cw-btn-border);background:var(--cw-btn-bg);width:100%;color:var(--cw-text);font-family:var(--cw-font);cursor:pointer;text-align:center;margin:6px 0;padding:4px 8px;font-size:11px;display:block}.nav-replicate-btn:hover{background:var(--cw-btn-bg-hover)}.canvas-mobile-mode-badge{color:#8af;letter-spacing:.3px;text-align:center;background:#1a1a40;border-bottom:1px solid #334;padding:2px 8px;font-family:Courier New,monospace;font-size:10px}.canvas-flow-mobile-view{min-height:60px;padding:8px}.canvas-flow-mobile-view.section-selected{outline:1px solid var(--cw-selected-color);outline-offset:-1px}.mobile-nav-stub{text-align:center;color:#aac;background:#1a1a2e;margin-bottom:4px;padding:3px 8px;font-family:Courier New,monospace;font-size:10px}