@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-latin-400-normal-BTkUljjl.woff2) format("woff2"),url(/assets/noto-sans-latin-400-normal-DPpKfCgK.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-latin-ext-400-normal-CVf-LbaS.woff2) format("woff2"),url(/assets/noto-sans-latin-ext-400-normal-CNh9dRW_.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/noto-sans-latin-400-italic-4m5KtZ19.woff2) format("woff2"),url(/assets/noto-sans-latin-400-italic-D8X3Awh8.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/noto-sans-latin-ext-400-italic-BXXaecLH.woff2) format("woff2"),url(/assets/noto-sans-latin-ext-400-italic-C3uzHanu.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-latin-700-normal-CrvTEWhy.woff2) format("woff2"),url(/assets/noto-sans-latin-700-normal-ZyrKABVF.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-latin-ext-700-normal-BypTtJma.woff2) format("woff2"),url(/assets/noto-sans-latin-ext-700-normal-CgsG9aVh.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/noto-sans-latin-700-italic-CSXnTKie.woff2) format("woff2"),url(/assets/noto-sans-latin-700-italic-Dye4NHQ1.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/noto-sans-latin-ext-700-italic-DvsrmUw0.woff2) format("woff2"),url(/assets/noto-sans-latin-ext-700-italic-ClDAM8zy.woff) format("woff")}:root{color:#1f2933;background:#eef1f4;font-family:Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #c8d0d8;border-radius:6px;background:#fff;color:#1f2933;cursor:pointer;padding:7px 10px;transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){border-color:#7f8ea3}button:focus-visible{box-shadow:0 0 0 2px #0f766e52;outline:none}button:disabled{color:#9aa6b2;cursor:not-allowed}button.primary{background:#0f766e;border-color:#0f766e;color:#fff}button.primary.export-has-errors{box-shadow:0 0 0 2px #d92d20}button.primary.export-has-errors:focus-visible{box-shadow:0 0 0 2px #d92d20,0 0 0 4px #0f766e52}button.danger{color:#b42318}button.active,.segmented button.active{background:#d9e8e6;border-color:#0f766e;color:#0f4f4a}button.mixed{background:#eef2f6;border-color:#7f8ea3;color:#526273}.app-shell{display:grid;height:100vh;overflow:hidden;grid-template-rows:auto 1fr}.topbar{align-items:end;background:#fff;border-bottom:1px solid #d8dee6;box-shadow:0 2px 8px #18273708;display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px;position:sticky;top:0;z-index:10}.brand{display:grid;gap:1px;margin-right:4px}.brand strong{font-size:16px;font-weight:700}.brand span,.muted,.issue-list small{color:#657383;font-size:12px}.field{display:grid;gap:4px}.field span,.placeholder-list>span{color:#526273;font-size:12px;font-weight:700}.field input,.field select,.field textarea{background:#fff;border:1px solid #c8d0d8;border-radius:6px;color:#1f2933;min-width:0;padding:7px 8px;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.field input:hover:not(:disabled):not(:focus),.field select:hover:not(:disabled):not(:focus),.field textarea:hover:not(:disabled):not(:focus){border-color:#7f8ea3}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e52;outline:none}.field textarea{resize:vertical}.field.compact input{width:150px}.field.compact select{width:130px}.field.numeric input{width:72px}.segmented{display:inline-flex}.segmented button{border-radius:0}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.toolbar-actions,.button-row{display:flex;flex-wrap:wrap;gap:6px}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;min-height:0}.left-panel,.right-panel{background:#f8fafc;border-color:#d8dee6;border-style:solid;display:flex;flex-direction:column;gap:14px;overflow:auto;padding:14px}.left-panel{border-width:0 1px 0 0;box-shadow:2px 0 8px #18273708}.right-panel{border-width:0 0 0 1px;box-shadow:-2px 0 8px #18273708}.panel-section{display:grid;gap:10px}.panel-section h2{font-size:13px;letter-spacing:.02em;margin:0;text-transform:uppercase}.sample-grid,.inspector,.grid-fields{display:grid;gap:10px}.grid-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.placeholder-list{display:grid;gap:6px}.placeholder-list div{display:flex;flex-wrap:wrap;gap:6px}.placeholder-list button{font-size:12px;padding:5px 7px}.notice{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:10px}.notice span{font-size:13px}.notice button{padding:4px 7px}.issue-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.issue-list li{border-radius:8px;display:grid;gap:3px;padding:8px}.issue-list .error{background:#fef3f2;border:1px solid #fecdca}.issue-list .warning{background:#fff8db;border:1px solid #f7df82}.ok{color:#0f766e;font-size:13px;margin:0}.validation-state{font-size:13px;margin:0 0 8px}.validation-state.checking{color:#526273}.validation-state.invalid,.validation-state.failed{color:#b42318}.canvas-area{display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0}.canvas-toolbar{align-items:center;background:#f8fafc;border-bottom:1px solid #d8dee6;box-shadow:0 2px 8px #18273708;color:#526273;display:flex;font-size:13px;justify-content:space-between;padding:8px 14px}.page-scroll{overflow:auto;padding:28px}.folded-preview-scroll{align-items:center;background:#eef1f4;display:grid;min-height:0;overflow:hidden;padding:0}.page{background:#fff;box-shadow:0 18px 40px #1827372e;margin:0 auto;position:relative;transform-origin:top center}.page-edit:after{background:#0f766e0a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:50%}.safe-area{border:1px dashed #d8dee6;pointer-events:none;position:absolute}.mirror-safe-area,.source-safe-area{background:linear-gradient(90deg,#0f766e14,#0f766e14) left / 8px 100% no-repeat,linear-gradient(90deg,#0f766e14,#0f766e14) right / 8px 100% no-repeat}.fold-line{border-top:2px dashed #0f766e;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.fold-line span{background:#fff;border:1px solid #b7d9d5;border-radius:999px;color:#0f766e;font-size:11px;left:10px;padding:2px 7px;position:absolute;top:-12px}.panel-label{color:#7a8795;font-size:11px;font-weight:700;left:10px;letter-spacing:.04em;pointer-events:none;position:absolute;text-transform:uppercase;top:10px;z-index:1}.center-guide{background:#2563eb;box-shadow:0 0 0 1px #2563eb29;pointer-events:none;position:absolute;z-index:5}.center-guide.vertical{bottom:0;top:0;width:1px}.center-guide.horizontal{height:1px;left:0;right:0}.template-element{border:1px solid transparent;overflow:hidden;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.template-element.mirror-copy{pointer-events:none}.template-element.editing{cursor:text;outline:2px solid #2563eb;outline-offset:2px;-webkit-user-select:text;user-select:text}.template-element.editing *{-webkit-user-select:text;user-select:text}.template-element.selected{border-color:#0f766e;box-shadow:0 0 0 1px #0f766e}.template-element.overflow{border-color:#d92d20;box-shadow:inset 0 0 0 1px #d92d20}.text-element{overflow-wrap:anywhere;white-space:pre-wrap}.text-line{display:block;line-height:1;overflow-wrap:anywhere;white-space:pre-wrap}::highlight(retained-text-selection){background:#2563eb47}.text-edit-status{display:grid;gap:6px}.image-element{display:grid}.image-element img{height:100%;pointer-events:none;width:100%}.image-element .fit-contain{object-fit:contain}.image-element .fit-cover{object-fit:cover}.image-element .fit-stretch{object-fit:fill}.folded-preview-viewport{--folded-preview-paper-thickness: 3px;--folded-preview-paper-half-thickness: 1.5px;--folded-preview-content-lift: .7px;align-items:center;cursor:grab;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;justify-items:center;min-height:0;min-width:0;overflow:hidden;padding:32px;perspective:1600px;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.folded-preview-viewport:active{cursor:grabbing}.folded-preview-viewport:focus{outline:none}.folded-preview-viewport:focus-visible{outline:2px solid rgba(15,118,110,.6);outline-offset:-12px}.folded-preview-fitbox{min-height:80px;min-width:80px;position:relative;transform-style:preserve-3d}.folded-preview-stage{left:50%;position:absolute;top:50%;transform-origin:center;transform-style:preserve-3d}.folded-preview-object{left:0;position:absolute;top:50%;transform:translateY(-50%);transform-origin:top center;transform-style:preserve-3d}.folded-preview-panel{left:0;position:absolute;top:0;transform-style:preserve-3d}.folded-preview-panel.source{transform-origin:top center}.folded-preview-panel.mirrored{transform-origin:bottom center}.folded-preview-face{background:#fff;border:1px solid #d8dee6;box-shadow:0 1px 2px #18273714;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;transform-style:preserve-3d}.folded-preview-face-front{backface-visibility:hidden;transform:translateZ(var(--folded-preview-paper-half-thickness))}.folded-preview-face-back{backface-visibility:hidden;background:#fff;box-shadow:none;transform:rotateY(180deg) translateZ(var(--folded-preview-paper-half-thickness))}.folded-preview-paper-edge{background:#f2f4f7;position:absolute;transform-style:preserve-3d}.folded-preview-paper-edge.top,.folded-preview-paper-edge.bottom{height:var(--folded-preview-paper-thickness);left:0;width:100%}.folded-preview-paper-edge.left,.folded-preview-paper-edge.right{height:100%;top:0;width:var(--folded-preview-paper-thickness)}.folded-preview-paper-edge.top{top:0;transform:translateY(calc(var(--folded-preview-paper-half-thickness) * -1)) rotateX(90deg);transform-origin:bottom center}.folded-preview-paper-edge.right{right:0;transform:translate(var(--folded-preview-paper-half-thickness)) rotateY(90deg);transform-origin:left center}.folded-preview-paper-edge.bottom{bottom:0;transform:translateY(var(--folded-preview-paper-half-thickness)) rotateX(90deg);transform-origin:top center}.folded-preview-paper-edge.left{left:0;transform:translate(calc(var(--folded-preview-paper-half-thickness) * -1)) rotateY(90deg);transform-origin:right center}.folded-preview-shadow{background:radial-gradient(ellipse at center,#18273733,#18273700 70%);border-radius:50%;bottom:14%;filter:blur(6px);height:8%;left:10%;position:absolute;right:10%;transform:translateZ(-80px)}.folded-preview-element{overflow:hidden;pointer-events:none;position:absolute;transform-origin:center;-webkit-user-select:none;user-select:none}.folded-preview-text{overflow-wrap:anywhere;white-space:pre-wrap}.folded-preview-text .text-line{display:block;line-height:1}.folded-preview-image{display:grid}.folded-preview-image img{display:block;height:100%;pointer-events:none;width:100%}.folded-preview-image .fit-contain{object-fit:contain}.folded-preview-image .fit-cover{object-fit:cover}.folded-preview-image .fit-stretch{object-fit:fill}.preview-boundary{gap:6px}.preview-boundary-eyebrow{color:#0f766e;font-size:11px;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.preview-boundary-copy{color:#526273;font-size:13px;line-height:1.4;margin:0;max-width:36ch}.readout-strip{display:grid;gap:12px 16px;margin:0;padding:0}.readout-strip.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.readout-strip.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.readout-cell{display:grid;gap:2px;min-width:0}.readout-label{color:#7a8795;font-size:11px;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.readout-value{color:#1f2933;font-size:13px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readout-value--tabular{font-variant-numeric:tabular-nums}.fold-preset-buttons{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.fold-preset-buttons button{background:#fff;border:1px solid #c8d0d8;border-radius:6px;color:#1f2933;cursor:pointer;font:inherit;padding:7px 8px}.fold-preset-buttons button.active{background:#d9e8e6;border-color:#0f766e;color:#0f4f4a;font-weight:700}.fold-slider-rail{height:28px;position:relative;width:100%}.fold-slider-track{background:#c8d0d8;border-radius:999px;height:4px;left:7px;pointer-events:none;position:absolute;right:7px;top:50%;transform:translateY(-50%);z-index:0}.fold-slider-ticks{bottom:0;left:7px;pointer-events:none;position:absolute;right:7px;top:0;z-index:1}.fold-slider-tick{background:#7f8ea3;border-radius:50%;height:4px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s cubic-bezier(.4,0,.2,1);width:4px}.fold-slider-tick.active{background:#0f766e}.fold-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:100%;top:0;right:0;bottom:0;left:0;margin:0;padding:0;position:absolute;width:100%;z-index:2}.fold-slider:focus{outline:none}.fold-slider::-webkit-slider-runnable-track{background:transparent;height:4px}.fold-slider::-moz-range-track{background:transparent;height:4px}.fold-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #0f766e;border-radius:50%;cursor:grab;height:14px;margin-top:-5px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);width:14px}.fold-slider::-moz-range-thumb{background:#fff;border:1px solid #0f766e;border-radius:50%;cursor:grab;height:14px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);width:14px}.fold-slider:hover::-webkit-slider-thumb{border-color:#0f4f4a}.fold-slider:hover::-moz-range-thumb{border-color:#0f4f4a}.fold-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #0f766e52}.fold-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #0f766e52}.fold-slider:active::-webkit-slider-thumb{cursor:grabbing}.fold-slider:active::-moz-range-thumb{cursor:grabbing}.interaction-hint{color:#657383;display:grid;gap:4px;margin-top:auto;padding-top:14px}.interaction-hint p{font-size:12px;line-height:1.4;margin:0}.resize-handle{background:#fff;border:1px solid #0f766e;border-radius:2px;height:8px;position:absolute;width:8px;z-index:2}.resize-handle.nw{cursor:nwse-resize;left:-5px;top:-5px}.resize-handle.n{cursor:ns-resize;left:calc(50% - 4px);top:-5px}.resize-handle.ne{cursor:nesw-resize;right:-5px;top:-5px}.resize-handle.e{cursor:ew-resize;right:-5px;top:calc(50% - 4px)}.resize-handle.se{bottom:-5px;cursor:nwse-resize;right:-5px}.resize-handle.s{bottom:-5px;cursor:ns-resize;left:calc(50% - 4px)}.resize-handle.sw{bottom:-5px;cursor:nesw-resize;left:-5px}.resize-handle.w{cursor:ew-resize;left:-5px;top:calc(50% - 4px)}@media (max-width: 1100px){.workspace{grid-template-columns:240px minmax(0,1fr)}.right-panel{border-width:1px 0 0 0;grid-column:1 / -1}}@media (max-width: 760px){.workspace{grid-template-columns:1fr}.left-panel{border-width:0 0 1px 0}.canvas-toolbar{align-items:flex-start;flex-direction:column;gap:4px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
