*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;display:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}html,body,#root{height:100%;overflow:hidden}:root{--sand: #f9f8f4;--sand-deep: #f2f1ec;--paper: #ffffff;--line: #e7e4dc;--line-soft: #efedE6;--ink: #1c1a16;--ink-soft: #6f6a5b;--ink-faint: #a59a85;--black: #16140f;--black-hover:#332f26;--cream: #f7f1e4;--danger: #a23b27;--danger-bg: #f3e2da;--radius: 2px;--font-display: "Gilda Display", Georgia, "Times New Roman", serif;--font-sans: "Work Sans", system-ui, sans-serif}body{font-family:var(--font-sans);font-size:13px;background:var(--sand);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}textarea,input[type=text],input[type=number],[contenteditable]{-webkit-user-select:text;user-select:text}.app{display:flex;flex-direction:column;overflow:hidden;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--sand)}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.main{display:flex;flex-direction:column;position:relative;flex:1;min-width:0;overflow:hidden}.toolbar{display:flex;align-items:center;gap:2px;padding:0 10px;height:48px;background:var(--sand-deep);border-bottom:1px solid var(--line);flex-shrink:0;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--line) transparent;touch-action:pan-x;-webkit-overflow-scrolling:touch}.tb-group{display:flex;align-items:center;gap:2px;position:relative}.tb-divider{width:1px;height:22px;background:var(--line);margin:0 4px;flex-shrink:0}.tb-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:28px;height:28px;padding:0 6px;border:none;border-radius:var(--radius);background:transparent;color:var(--ink);cursor:pointer;font-size:13px;font-family:inherit;white-space:nowrap;transition:background .1s,color .1s}.tb-btn:hover{background:#16140f14}.tb-btn.active{background:var(--black);color:var(--cream)}.tb-btn.danger:hover{background:var(--danger-bg);color:var(--danger)}.tb-btn-export{background:var(--black);color:var(--cream);padding:0 12px;gap:6px}.tb-btn-export:hover{background:var(--black-hover)}.tb-select{height:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:12px;font-family:inherit;padding:0 22px 0 6px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231c1a16'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.tb-select:hover{border-color:var(--ink-faint)}.tb-select:focus{border-color:var(--black)}.tb-format-btn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border:none;border-radius:9999px;background:transparent;color:var(--ink);font-size:12px;font-family:inherit;cursor:pointer;outline:none;transition:background .1s}.tb-format-btn:hover{background:#16140f0f}.tb-format-btn.open{background:#16140f1a}.tb-format-label{font-weight:500;white-space:nowrap}.tb-format-caret{color:var(--ink-soft);flex-shrink:0}.tb-format-btn-field{border:1px solid var(--line);height:28px;background:var(--paper)}.tb-format-btn-field:hover{background:var(--paper);border-color:var(--ink-faint)}.tb-format-btn-field.open{background:var(--paper);border-color:var(--black)}.tb-format-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:9999;min-width:200px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 32px #16140f2e,0 1px 4px #16140f1f;display:flex;flex-direction:column}.tb-format-section{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-faint);padding:8px 10px 4px}.tb-format-section:first-child{padding-top:4px}.tb-format-item{display:flex;align-items:center;justify-content:space-between;border:none;background:transparent;color:var(--ink);font-size:12.5px;font-family:inherit;text-align:left;padding:7px 10px;border-radius:8px;cursor:pointer;transition:background .08s}.tb-format-item:hover{background:#16140f0f}.tb-format-item.active{background:var(--black);color:var(--cream);font-weight:600}.tb-project-name{min-width:0}.tb-name-btn{border:none;background:transparent;color:var(--ink);font-size:15px;font-weight:600;font-family:var(--font-display);cursor:pointer;padding:4px 8px;border-radius:var(--radius);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .1s}.tb-name-btn:hover{background:#16140f14}.tb-name-input{height:28px;min-width:160px;max-width:240px;border:1px solid var(--black);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:15px;font-weight:600;font-family:var(--font-display);padding:0 8px;outline:none}.tb-num-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.tb-number{width:100%;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:12px;font-family:inherit;padding:0 6px;text-align:center;outline:none}.tb-number:hover{border-color:var(--ink-faint)}.tb-number:focus{border-color:var(--black)}.tb-number::-webkit-outer-spin-button,.tb-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tb-number[type=number]{-moz-appearance:textfield}.tb-label{font-size:11px;color:var(--ink-soft);white-space:nowrap}.tb-color-swatch{width:24px;height:24px;border:1px solid var(--line);border-radius:var(--radius);padding:0;cursor:pointer;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000014}.tb-color-swatch:hover{border-color:var(--ink-faint)}.tb-color-swatch-round{border-radius:50%;width:20px;height:20px}.tb-slider-field{display:flex;align-items:center;gap:8px;width:100%}.tb-slider-icon{display:flex;align-items:center;color:var(--ink-soft);flex-shrink:0}.tb-slider-label{font-size:12px;color:var(--ink);flex-shrink:0;white-space:nowrap}.tb-slider{flex:1;min-width:0;height:4px;border-radius:9999px;background:var(--line);-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.tb-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--black);cursor:pointer;border:none}.tb-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--black);cursor:pointer;border:none}.color-picker-popover{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 32px #16140f2e,0 1px 4px #16140f1f;overflow:hidden;width:216px}.color-picker-popover .react-colorful{width:100%!important;height:160px!important;border-radius:0}.color-picker-popover .react-colorful__saturation{border-radius:0}.color-picker-popover .react-colorful__hue{margin:8px 8px 0;border-radius:var(--radius);height:10px}.color-picker-popover .react-colorful__pointer{width:14px;height:14px;border-width:2px}.tb-hex{height:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:11px;font-family:Space Mono,monospace;padding:0 5px;width:62px;outline:none;text-align:center}.tb-hex:hover{border-color:var(--ink-faint)}.tb-hex:focus{border-color:var(--black)}.tb-view-cluster{display:flex;align-items:center;gap:6px;padding:0 6px;height:32px;flex-shrink:0;border:1px solid var(--line);border-radius:9999px;background:var(--paper);margin-left:134px}.tb-view-cluster .tb-divider{height:18px;margin:0 2px}@media (max-width: 900px){.tb-view-cluster{margin-left:0}}.tb-context{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:9999px;background:var(--sand);border:1px solid var(--line);flex-shrink:1;min-width:0;overflow-x:auto}.tb-context .tb-divider{height:18px}.tb-btn-disabled{opacity:.35;cursor:default}.tb-btn-disabled:hover{background:transparent!important}.tb-select-noarrow{background-image:none;padding-right:6px}.font-picker-row:hover{background:var(--sand-deep)!important}.spread-viewport{flex:1;min-height:0;overflow:auto;background:var(--sand-deep);scrollbar-width:thin;scrollbar-color:var(--line) transparent;display:flex;flex-direction:column;align-items:center;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.tool-pill{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:9999px;background:var(--paper);border:1px solid var(--line);box-shadow:0 4px 20px #16140f1a;z-index:5}.tool-pill-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .1s,color .1s}.tool-pill-btn:hover{background:var(--sand-deep);color:var(--ink)}.tool-pill-btn.active{background:var(--black);color:var(--cream)}.spread{background:transparent;box-shadow:0 4px 32px #16140f2e,0 1px 4px #16140f1f;touch-action:none;overflow:hidden}.element{-webkit-user-select:none;user-select:none;touch-action:none}body.ze-dragging,body.ze-dragging *{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}.element:focus{outline:none}.element.crop-active>div:first-child{outline:2px solid #f59e0b}.svg-inline{pointer-events:none}.svg-inline svg{display:block;width:100%;height:100%}.img-placeholder{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;cursor:default}.thread-port{position:absolute;width:18px;height:18px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;z-index:15;cursor:pointer;border:1.5px solid;transition:transform .1s}.thread-port:hover{transform:scale(1.15)}.thread-port-out{bottom:-9px;right:-9px;background:#f43f5e;color:#fff;border-color:#fff}.thread-port-out-linked{bottom:-9px;right:-9px;background:#2563eb;color:#fff;border-color:#fff}.thread-port-in{top:-9px;left:-9px;background:#2563eb;color:#fff;border-color:#fff}.thread-link-target{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px dashed #2563eb;border-radius:2px;background:#2563eb14;cursor:cell;z-index:12;pointer-events:all;animation:thread-pulse 1.2s ease-in-out infinite}@keyframes thread-pulse{0%,to{border-color:#2563ebe6}50%{border-color:#2563eb4d}}.tft-anchor{position:absolute;z-index:40}.text-float-toolbar{display:flex;align-items:center;gap:2px;width:max-content;padding:4px;border-radius:9999px;background:var(--paper);border:1px solid var(--line);box-shadow:0 4px 20px #16140f24;white-space:nowrap}.tft-btn{display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border:none;border-radius:9999px;background:transparent;color:var(--ink);cursor:pointer;font-size:12px;font-family:inherit;transition:background .1s,color .1s}.tft-btn:hover{background:var(--sand-deep)}.tft-btn.active{background:var(--black);color:var(--cream)}.tft-btn.danger{color:var(--danger)}.tft-btn.danger:hover{background:var(--danger-bg)}.tft-btn.danger-bright{color:#e5484d}.tft-btn.danger-bright:hover{background:#ffe9e9}.tft-divider{width:1px;height:18px;background:var(--line);margin:0 2px;flex-shrink:0}.tft-select{height:26px;border:none;border-radius:9999px;background:transparent;color:var(--ink);font-size:11px;font-family:inherit;padding:0 16px 0 8px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a89f91'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;transition:background-color .1s}.tft-select:hover{background-color:var(--sand-deep);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a89f91'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}.tft-label{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--ink-faint);padding:0 2px}.tft-more-popover{position:absolute;top:100%;right:0;margin-top:8px;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px;border-radius:14px;width:208px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 28px #16140f29;z-index:41}.tft-more-popover>.tft-divider{width:100%;height:1px;margin:1px 0}.tft-row{display:flex;align-items:center;gap:4px}.tft-row-label{font-size:11px;color:var(--ink-soft);width:46px;flex-shrink:0}.tft-spacing-popover{flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:220px;gap:10px;padding:12px;border-radius:16px}.tft-hr{height:1px;background:var(--line);width:100%;flex-shrink:0}.corner-radius-popover{flex-direction:column;align-items:stretch;width:132px;border-radius:10px;gap:6px;padding:8px}.corner-radius-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.corner-radius-field{display:flex;flex-direction:column;align-items:center;gap:3px}.sidebar{display:flex;flex-shrink:0;overflow:hidden}.sidebar-rail{width:48px;min-width:48px;background:var(--sand-deep);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0;flex-shrink:0}.sidebar-rail-group{display:flex;flex-direction:column;align-items:center;gap:4px}.sidebar-rail-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:none;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .1s,color .1s}.sidebar-rail-btn:hover{background:var(--paper);color:var(--ink)}.sidebar-rail-btn.active{background:var(--black);color:var(--cream)}.sidebar-rail-bottom{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.sidebar-panel{width:268px;min-width:268px;background:var(--sand-deep);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.sidebar-panel-header{flex-shrink:0;padding:11px 12px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line)}@keyframes sidebar-section-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-tabs,.sidebar-tab-content{animation:sidebar-section-in .22s ease-out}.sidebar-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--line)}.sidebar-tab{flex:1;padding:10px 4px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--ink-soft);font-size:11px;font-family:inherit;font-weight:500;cursor:pointer;letter-spacing:.3px;text-transform:uppercase;transition:color .1s,border-color .1s}.sidebar-tab:hover{color:var(--ink)}.sidebar-tab.active{color:var(--ink);border-bottom-color:var(--black)}.sidebar-tab-content{flex:1;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.template-grid-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink-soft);cursor:pointer;transition:background .1s,border-color .1s;width:100%}.template-grid-item:hover{background:var(--paper);border-color:var(--black);color:var(--ink)}.template-grid-thumb{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-soft);line-height:0;width:100%}.template-grid-thumb svg{width:100%;height:auto;display:block}.template-grid-name{font-size:9px;color:var(--ink-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.template-grid-item:hover .template-grid-name{color:var(--ink)}.preset-list{display:flex;flex-direction:column;gap:5px}.text-preset-btn{width:100%;padding:9px 10px;display:flex;align-items:baseline;gap:8px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);cursor:pointer;transition:background .1s,border-color .1s}.text-preset-btn:hover{background:var(--paper);border-color:var(--black)}.text-preset-label{color:var(--ink);line-height:1.2;flex-shrink:0}.text-preset-sub{font-size:9px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-preset-btn:hover .text-preset-sub{color:var(--ink-soft)}.text-element-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.text-element-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);cursor:pointer;transition:background .1s,border-color .1s}.text-element-btn:hover{border-color:var(--black)}.text-element-preview{color:var(--ink);font-size:20px;line-height:1}.text-element-label{font-size:10px;color:var(--ink-soft)}.text-element-btn:hover .text-element-label{color:var(--ink)}.section-label{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px}.img-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.img-size-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink-soft);font-size:10px;font-family:inherit;cursor:pointer;transition:background .1s,border-color .1s}.img-size-btn:hover{background:var(--paper);border-color:var(--black);color:var(--ink)}.img-size-icon{width:44px;max-height:36px;overflow:hidden;display:flex;align-items:center;justify-content:center}.img-size-label{font-size:10px;color:var(--ink-soft)}.img-size-ratio{font-size:9px;color:var(--ink-faint)}.img-multi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.img-multi-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink-soft);font-size:9px;font-family:inherit;cursor:pointer;transition:background .1s,border-color .1s}.img-multi-btn:hover{background:var(--paper);border-color:var(--black);color:var(--ink)}.img-multi-preview{display:flex;align-items:center;justify-content:center}.img-multi-label{color:var(--ink-faint);font-size:9px}.img-multi-btn:hover .img-multi-label{color:var(--ink-soft)}.gallery-btn{width:100%;padding:8px;border:1px dashed var(--line);border-radius:var(--radius);background:transparent;color:var(--ink-soft);font-size:11px;font-family:inherit;cursor:pointer;transition:border-color .1s,color .1s;margin-bottom:8px}.gallery-btn:hover{border-color:var(--black);color:var(--ink)}.gallery-btn:disabled{opacity:.45;cursor:wait}.gallery-count{font-size:9px;color:var(--ink-faint);margin-bottom:6px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.gallery-img{width:100%;padding-top:100%;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);cursor:grab;transition:border-color .1s;background:var(--paper)}.gallery-img:active{cursor:grabbing}.gallery-img:hover{border-color:var(--black)}.gallery-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.shape-presets{display:flex;gap:8px;padding:6px 0 2px}.shape-preset-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;font-size:10px;font-family:inherit;transition:border-color .15s,background .15s}.shape-preset-btn:hover{border-color:var(--black);background:var(--paper);color:var(--ink)}.shape-preset-btn svg{display:block}.sidebar-export{padding:10px;flex-shrink:0;margin-top:auto}.export-btn{display:block;width:100%;padding:8px;margin-bottom:6px;border:1px solid var(--black);border-radius:var(--radius);background:var(--black);color:var(--cream);cursor:pointer;font-size:12px;font-family:inherit;font-weight:500;transition:background .1s}.export-btn:hover{background:var(--black-hover)}.export-btn.secondary{background:transparent;color:var(--ink-soft);border-color:var(--line)}.export-btn.secondary:hover{background:var(--paper);border-color:var(--black);color:var(--ink)}.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:7px}.export-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.export-label{font-size:11px;color:var(--ink-soft);white-space:nowrap;flex-shrink:0}.export-toggle{display:flex;gap:2px;background:var(--sand);border-radius:var(--radius);padding:2px}.export-toggle button{flex:1;padding:3px 8px;border:none;border-radius:1px;background:transparent;color:var(--ink-soft);font-size:11px;font-family:inherit;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}.export-toggle button.active{background:var(--black);color:var(--cream)}.export-toggle button:not(.active):hover{background:var(--line-soft);color:var(--ink)}.spread-nav{height:110px;background:var(--sand-deep);border-top:1px solid var(--line);flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.spread-nav-track{display:flex;align-items:center;gap:8px;padding:10px 14px;height:100%;width:max-content}.spread-nav-item{display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);cursor:pointer;flex-shrink:0;overflow:hidden;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.spread-nav-item:hover{border-color:var(--ink-faint);background:var(--paper)}.spread-nav-item.active{border-color:var(--black);background:var(--paper)}.spread-nav-item[draggable=true]{cursor:grab}.spread-nav-item.drag-over{border-color:var(--black);box-shadow:-3px 0 0 var(--black)}.spread-nav-thumb{display:block;line-height:0}.spread-nav-bottom{display:flex;align-items:center;gap:4px;padding:3px 6px;background:var(--sand-deep);border-top:1px solid var(--line-soft);min-height:20px}.spread-nav-item.active .spread-nav-bottom{background:var(--sand-deep)}.spread-nav-num{font-size:9px;color:var(--ink-faint);flex-shrink:0}.spread-nav-item.active .spread-nav-num{color:var(--ink)}.spread-nav-label{flex:1;font-size:10px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none;min-width:0;border-radius:var(--radius);cursor:text}.spread-nav-item.active .spread-nav-label{color:var(--ink);font-weight:600}.spread-nav-label:focus{background:var(--paper);color:var(--ink);padding:0 2px}.spread-nav-del{flex-shrink:0;display:none;width:14px;height:14px;border-radius:50%;border:none;background:var(--line);color:var(--ink-soft);font-size:0;cursor:pointer;align-items:center;justify-content:center;padding:0;font-family:var(--font-sans)}.spread-nav-del:before{content:"×";font-size:12px;line-height:1;display:block;transform:translateY(-1px)}.spread-nav-item:hover .spread-nav-del{display:flex}.spread-nav-del:hover{background:var(--danger);color:#fff}.spread-nav-add{display:flex;align-items:center;justify-content:center;width:50px;height:86px;border:1.5px dashed var(--line);border-radius:var(--radius);background:transparent;color:var(--ink-faint);font-size:24px;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s;line-height:1}.spread-nav-add:hover{border-color:var(--black);color:var(--ink)}.ctx-menu{position:fixed;z-index:9999;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:4px;box-shadow:0 8px 24px #16140f2e,0 1px 4px #16140f1f;min-width:150px}.ctx-item{display:block;width:100%;padding:6px 10px;text-align:left;background:transparent;border:none;color:var(--ink);font-size:12px;font-family:inherit;cursor:pointer;border-radius:var(--radius);transition:background .1s}.ctx-item:hover{background:var(--sand-deep)}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:var(--danger-bg)}.ctx-sep{height:1px;background:var(--line);margin:3px 4px}.ps-section{margin-bottom:18px}.ps-row{display:flex;align-items:center;gap:6px;padding:4px 0;min-height:28px}.ps-col{display:flex;flex-direction:column;gap:4px;padding:4px 0}.ps-label{flex:1;font-size:11px;color:var(--ink-soft)}.ps-unit{font-size:10px;color:var(--ink-faint)}.ps-num-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.ps-num{width:100%;height:24px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:11px;font-family:inherit;text-align:center;outline:none;padding:0 4px}.ps-num:focus{border-color:var(--black)}.ps-num::-webkit-outer-spin-button,.ps-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ps-num[type=number]{-moz-appearance:textfield}.ps-slider-row{display:flex;align-items:center;gap:8px;flex:1}.ps-slider{flex:1;height:4px;border-radius:9999px;background:var(--line);-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.ps-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--black);cursor:pointer;border:none}.ps-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--black);cursor:pointer;border:none}.ps-select{flex:1;height:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:11px;font-family:inherit;padding:0 18px 0 4px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%231c1a16'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center}.ps-select:focus{border-color:var(--black)}.ps-toggle{position:relative;width:32px;height:18px;border:none;border-radius:9px;background:var(--line);cursor:pointer;padding:0;flex-shrink:0;transition:background .2s}.ps-toggle.on{background:var(--black)}.ps-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s}.ps-toggle.on .ps-toggle-thumb{left:16px}.ps-color{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;padding:0;cursor:pointer;background:none;flex-shrink:0;overflow:hidden}.ps-color::-webkit-color-swatch-wrapper{padding:0}.ps-color::-webkit-color-swatch{border:none;border-radius:50%}.ps-text{width:100%;height:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:11px;font-family:inherit;padding:0 6px;outline:none}.ps-text:focus{border-color:var(--black)}.ps-text::placeholder{color:var(--ink-faint)}.ps-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.ps-section-header .section-label{margin-bottom:0}@media print{.toolbar,.sidebar,.spread-nav{display:none!important}.spread-viewport{overflow:visible!important;background:#fff!important}.spread{transform:none!important;box-shadow:none!important}[data-handle],.element.selected>div:last-child{display:none!important}[data-grid-overlay],.thread-port,.thread-link-target{display:none!important}}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--sand);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans)}.loader-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px}.loader-title{font-size:18px;font-weight:600;color:var(--ink);font-family:var(--font-display)}.loader-sub{font-size:12px;color:var(--ink-soft);line-height:1.5;margin-bottom:6px}.loader-bar{height:6px;background:var(--sand);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.loader-bar-fill{height:100%;background:var(--black);transition:width .18s ease-out}.loader-pct{font-size:11px;color:var(--ink-soft);text-align:right}@keyframes loader-pulse{0%{width:15%;margin-left:0}50%{width:35%;margin-left:35%}to{width:15%;margin-left:85%}}.dash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--sand);color:var(--ink);overflow-y:auto;padding:48px 64px;font-family:var(--font-sans)}.dash-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--line)}.dash-title h1{font-size:32px;font-weight:600;margin:0 0 4px;color:var(--ink);letter-spacing:-.01em;font-family:var(--font-display)}.dash-title p{margin:0;color:var(--ink-soft);font-size:13px}.dash-header-actions{display:flex;gap:12px;align-items:center}.dash-btn-primary,.dash-btn-secondary{font-family:inherit;font-size:13px;font-weight:500;padding:10px 18px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--black);display:inline-flex;align-items:center;gap:6px;transition:background .12s,color .12s,transform .05s}.dash-btn-primary{background:var(--black);color:var(--cream)}.dash-btn-primary:hover{background:var(--black-hover)}.dash-btn-secondary{background:transparent;color:var(--ink);border-color:var(--line)}.dash-btn-secondary:hover{border-color:var(--black)}.dash-btn-primary:active,.dash-btn-secondary:active{transform:translateY(1px)}.dash-empty{text-align:center;padding:80px 20px;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:16px}.dash-empty h2{color:var(--ink);font-size:22px;font-weight:500;margin:0;font-family:var(--font-display)}.dash-empty p{max-width:420px;line-height:1.5;margin:0}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.dash-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-align:left;padding:0;cursor:pointer;color:inherit;font:inherit;overflow:hidden;transition:border-color .12s,transform .05s;display:flex;flex-direction:column}.dash-card:hover{border-color:var(--black)}.dash-card:active{transform:translateY(1px)}.dash-card-thumb{background:var(--sand);width:100%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);color:var(--ink-faint);padding:16px}.dash-card:hover .dash-card-thumb{color:var(--ink)}.dash-thumb-page{position:relative;width:100%;max-height:100%;background:#fff;overflow:hidden;border:1px solid var(--line);box-shadow:0 1px 3px #16140f14}.dash-thumb-page img{display:block}.dash-thumb-spine{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#16140f14;z-index:1}.dash-thumb-text{background:repeating-linear-gradient(to bottom,#c9c5ba 0,#c9c5ba 2px,transparent 2px,transparent 5px)}.dash-card-body{padding:14px 16px 16px}.dash-card-name{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px;font-family:var(--font-display)}.dash-card-meta{font-size:11px;color:var(--ink-soft);display:flex;gap:6px;margin-bottom:2px}.dash-card-date{font-size:11px;color:var(--ink-faint)}.dash-card-del{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:var(--radius);background:#f6f1e7d9;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;font-size:18px;line-height:1;opacity:0;transition:opacity .1s,background .1s,color .1s}.dash-card:hover .dash-card-del{opacity:1}.dash-card-del:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.dash-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1673;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dash-modal{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:480px;padding:28px 28px 24px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 40px);overflow-y:auto}.dash-modal-wide{max-width:720px}.advanced-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}@media (max-width: 600px){.advanced-modal-grid{grid-template-columns:1fr}}.sidebar-panel .advanced-modal-grid{grid-template-columns:1fr;gap:8px}.ps-stack{display:flex;flex-direction:column}.dash-modal-header{display:flex;align-items:center;gap:12px}.dash-back-btn{background:transparent;border:1px solid var(--line);color:var(--ink);width:28px;height:28px;border-radius:var(--radius);cursor:pointer;font-size:14px;line-height:1;padding:0}.dash-back-btn:hover{background:var(--sand-deep);border-color:var(--black)}.dash-kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 4px}.dash-kind-card{background:var(--sand);border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px 18px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:8px;text-align:left;color:inherit;transition:border-color .12s,background .12s}.dash-kind-card:hover{border-color:var(--black);background:var(--paper)}.dash-kind-icons{display:flex;gap:14px;align-items:flex-end;justify-content:flex-start;color:var(--ink);margin-bottom:6px}.dash-kind-card strong{font-size:14px;font-weight:600;color:var(--ink);font-family:var(--font-display)}.dash-kind-card small{color:var(--ink-soft);font-size:12px;line-height:1.45}.dash-format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.dash-format-card{background:var(--sand);border:1px solid var(--line);border-radius:var(--radius);padding:12px 12px 10px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:6px;text-align:left;color:inherit;transition:border-color .12s,background .12s}.dash-format-card:hover{border-color:var(--black)}.dash-format-card.active{border-color:var(--black);background:var(--paper)}.dash-format-card.active strong{color:var(--ink)}.dash-format-icon{display:flex;align-items:center;justify-content:center;height:48px;color:var(--ink-faint);margin-bottom:2px}.dash-format-card.active .dash-format-icon{color:var(--ink)}.dash-format-card strong{font-size:13px;font-weight:500;color:var(--ink)}.dash-format-card small{color:var(--ink-soft);font-size:11px;line-height:1.4}.dash-modal h2{margin:0;color:var(--ink);font-size:20px;font-weight:600;font-family:var(--font-display)}.dash-modal-sub{margin:0 0 8px;color:var(--ink-soft);font-size:12px;line-height:1.5}.dash-field{display:flex;flex-direction:column;gap:5px}.dash-field>span{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.dash-field input[type=text],.dash-field input[type=number],.dash-field select{background:var(--sand);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;font-family:inherit;font-size:13px}.dash-field input:focus,.dash-field select:focus{outline:none;border-color:var(--black)}.dash-field-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.dash-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dash-toggle-opt{background:var(--sand);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;cursor:pointer;font:inherit;text-align:left;display:flex;flex-direction:column;gap:3px;transition:border-color .12s,background .12s}.dash-toggle-opt strong{color:var(--ink);font-size:13px;font-weight:500}.dash-toggle-opt small{color:var(--ink-soft);font-size:11px;line-height:1.35}.dash-toggle-opt.active{border-color:var(--black);background:var(--paper)}.dash-toggle-opt.active strong{color:var(--ink)}.dash-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}.dash-starters{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.dash-starters h2{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 16px;font-family:var(--font-display)}.dash-starter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.dash-starter-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 12px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:6px;text-align:left;color:inherit;transition:border-color .12s,background .12s}.dash-starter-card:hover{border-color:var(--black);background:var(--sand-deep)}.dash-starter-card:active{transform:translateY(1px)}.dash-starter-icon{display:flex;align-items:center;justify-content:center;height:56px;color:var(--ink-faint);margin-bottom:2px}.dash-starter-card:hover .dash-starter-icon{color:var(--ink)}.dash-starter-card strong{font-size:13px;font-weight:500;color:var(--ink)}.dash-starter-card small{color:var(--ink-soft);font-size:11px;line-height:1.4}.dash-starter-card:hover strong{color:var(--ink)}@media (max-width: 640px){.dash{padding:28px 20px}.dash-header{flex-direction:column;align-items:stretch;gap:16px}.dash-header-actions{justify-content:flex-end}.dash-field-row,.dash-toggle{grid-template-columns:1fr}}