:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#23252c;background:#f8f8fa;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:1100px}.studio-shell{display:grid;grid-template-columns:256px 1fr 300px;min-height:100vh}.library,.inspector{padding:24px;background:#fff}.library{border-right:1px solid #e8e8ed}.inspector{border-left:1px solid #e8e8ed}.brand{display:flex;gap:10px;align-items:center;margin-bottom:46px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;overflow:hidden;border-radius:9px;background:#1f1f24}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand strong,.brand span{display:block}.brand strong{font-size:14px;letter-spacing:-.02em}.brand div span,.library-tip{font-size:11px;color:#92929b}.eyebrow{font-size:9px;font-weight:750;letter-spacing:.14em;color:#9a9aa3;margin:0 0 7px}.library h1{font-size:21px;letter-spacing:-.045em;margin:0 0 20px}.library-node{display:flex;align-items:center;gap:10px;width:100%;padding:10px;margin-bottom:7px;color:#303039;background:#fff;border:1px solid #ebebef;border-radius:9px;text-align:left;cursor:grab;transition:border-color .15s,box-shadow .15s}.library-node:hover{border-color:#c9c9d2;box-shadow:0 5px 14px #25252c0a}.library-node>span:last-child{margin-left:auto;font-size:9px;color:#aaaab3}.node-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#f2f2f4;color:#55555e;font-size:12px;font-weight:700}.library-node strong,.library-node small{display:block}.library-node strong{font-size:12px}.library-node small{font-size:10px;color:#9898a2;margin-top:2px}.workspace{min-width:0;display:flex;flex-direction:column;background:#fbfbfc}.workspace-header{height:78px;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8ed;background:#fff}.workspace-header input{background:transparent;color:#22232a;border:0;font-size:18px;font-weight:700;letter-spacing:-.035em;padding:0;outline:0}.header-actions{display:flex;align-items:center;gap:7px}.header-actions span{font-size:10px;color:#9a9aa3}.primary,.secondary,.canvas-toolbar button{border-radius:7px;padding:7px 9px;cursor:pointer;border:1px solid #e1e1e7;font-size:11px;transition:background .15s,border-color .15s}.primary{background:#25252b;color:#fff;border-color:#25252b;font-weight:650}.primary:hover{background:#45454f}.secondary,.canvas-toolbar button{background:#fff;color:#62626d}.secondary:hover,.canvas-toolbar button:hover{background:#f4f4f6;border-color:#d2d2db}.import-label{font-size:11px}.canvas-toolbar{height:38px;display:flex;gap:5px;align-items:center;padding:5px 14px;border-bottom:1px solid #ededf0;background:#fff;color:#9999a3;font-size:10px}.canvas-toolbar span{margin-right:6px}.canvas{position:relative;flex:1;overflow:hidden;background-color:#fbfbfc;background-image:radial-gradient(#dedee5 .7px,transparent .7px);background-size:18px 18px}.canvas-scene{position:absolute;inset:0;min-width:1300px;min-height:900px}.connections-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.connections-layer path{fill:none;stroke:#83838e;stroke-width:1.5}.canvas-node{position:absolute;width:252px;min-height:95px;background:#fff;border:1px solid #e2e2e8;border-radius:10px;box-shadow:0 9px 24px #26262d0a}.canvas-node.is-selected{border-color:#777782;box-shadow:0 0 0 2px #7777821b,0 9px 24px #26262d0a}.canvas-node header{display:flex;gap:8px;align-items:center;padding:10px;cursor:grab;user-select:none;border-bottom:1px solid #f0f0f3}.canvas-node header .node-icon{width:22px;height:22px;border-radius:6px;font-size:10px}.canvas-node header strong{font-size:12px;flex:1;color:#34343d}.state{font-size:8px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:#92929c}.state-waiting .state{color:#a97d3b}.state-problem .state{color:#c95c60}.node-content{padding:10px;min-height:43px;color:#6f6f79;font-size:12px;line-height:1.4;white-space:pre-wrap;overflow:hidden}.table-wrap{overflow:auto;max-height:130px;margin:-1px -1px 0}.table-wrap table{border-collapse:collapse;width:100%;font-size:10px}.table-wrap th,.table-wrap td{padding:5px;border:1px solid #eeeef1;text-align:left;white-space:nowrap}.table-wrap th{color:#5c5c66;background:#fafafd;font-weight:650}.table-wrap input{width:100%;min-width:50px;border:0;background:transparent;color:#555560;font:inherit;outline:0}.port{position:absolute;top:42px;z-index:3;border:1px solid #8d8d98;background:#fff;border-radius:50%;width:14px;height:14px;padding:0;font-size:0;cursor:crosshair;transition:border-color .15s,box-shadow .15s}.port.input{left:-8px}.port.output{right:-8px}.port::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#62626d;opacity:0;transform:scale(.5);transition:opacity .15s,transform .15s}.port.is-connected::after{opacity:1;transform:scale(1)}.port.pending{border-color:#25252b;box-shadow:0 0 0 4px #25252b12}.port.pending::after{background:#25252b;opacity:1;transform:scale(1)}.empty-state{position:absolute;top:40%;left:43%;text-align:center;color:#9696a0}.empty-state span{font-size:25px;color:#5d5d68}.empty-state h3{margin:7px;font-size:14px;color:#4c4c56}.empty-state p{font-size:12px;margin:0}.minimap{position:absolute;right:18px;bottom:18px;padding:12px 19px;border:1px solid #e3e3e9;border-radius:8px;background:#fffffff0;color:#aaaab3;font-size:8px;letter-spacing:.12em;box-shadow:0 7px 20px #25252a0a}.inspector form label{display:block;font-size:11px;color:#6e6e78;margin:16px 0}.inspector input,.inspector textarea,.inspector select{display:block;width:100%;margin-top:6px;padding:8px;background:#fff;border:1px solid #e1e1e7;border-radius:7px;color:#33333c;font:inherit}.inspector textarea{min-height:100px;resize:vertical}.inspector button{margin:4px 4px 4px 0;padding:7px;border-radius:6px;border:1px solid #e1e1e7;background:#fff;color:#62626d;font-size:11px}.inspector-empty{text-align:center;margin-top:105px;color:#9999a2}.inspector-empty span{font-size:28px;color:#62626c}.inspector-empty h2{font-size:15px;color:#55555e}.inspector-empty p{font-size:12px}.result-box{padding:10px;background:#f8f8fa;border:1px solid #eeeef1;border-radius:8px;font-size:11px;color:#70707a}.result-box b,.result-box span{display:block}.result-box span{margin-top:5px;word-break:break-word}.trace{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;background:#fffffff2;border-top:1px solid #e6e6eb;color:#686872;font-size:12px;white-space:pre-line;box-shadow:0 -6px 20px #29293008}
.port::before{content:"";position:absolute;inset:-7px;border-radius:50%}
.canvas{background-image:linear-gradient(#f0f0f4 1px,transparent 1px),linear-gradient(90deg,#f0f0f4 1px,transparent 1px);background-size:24px 24px}
.port:hover::after,.port.is-drag-target::after{opacity:1;transform:scale(1)}
.connections-layer path{pointer-events:stroke;cursor:pointer}.connections-layer path.is-selected{stroke:#34343d;stroke-width:2.5;filter:drop-shadow(0 2px 3px #34343d38)}
.canvas:focus{outline:none}
.connections-layer path.connection-hit{stroke:transparent;stroke-width:5.5;pointer-events:stroke}.connections-layer path:not(.connection-hit){pointer-events:none}
.canvas-node.table-node{min-height:110px;display:flex;flex-direction:column}.canvas-node.table-node .node-content{display:flex;flex:1;min-height:0;overflow:hidden;padding:10px}.canvas-node.table-node .table-wrap{width:100%;height:100%;max-height:none;overflow:auto;border:1px solid #eeeef2;border-radius:5px}.table-add{position:absolute;z-index:5;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#22232a;color:#fff;font-size:15px;line-height:1;opacity:0;transition:opacity .15s;cursor:pointer}.table-add-column{right:-9px;top:50%;transform:translateY(-50%)}.table-add-row{bottom:-9px;left:50%;transform:translateX(-50%)}.table-node:hover .table-add{opacity:1}.table-resize{position:absolute;z-index:4}.resize-right{top:12px;right:-5px;bottom:12px;width:10px;cursor:ew-resize}.resize-bottom{right:12px;bottom:-5px;left:12px;height:10px;cursor:ns-resize}.resize-corner{right:-6px;bottom:-6px;width:14px;height:14px;cursor:nwse-resize}.table-dialog{width:min(1100px,90vw);height:min(760px,86vh);border:1px solid #dedee6;border-radius:12px;padding:26px;background:#fff;box-shadow:0 24px 70px #24242f33}.table-dialog::backdrop{background:#1d1d2740}.table-dialog #close-table-dialog{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:25px;color:#777;cursor:pointer}.table-dialog h2{margin:0 0 18px;font-size:17px}.table-dialog .table-wrap{max-height:calc(86vh - 100px);overflow:auto}.table-dialog table{min-width:100%;font-size:13px}.table-dialog th,.table-dialog td{padding:9px}
.table-add{width:14px;height:14px;font-size:12px}.table-add-column{right:2px}.table-add-row{bottom:2px}
.canvas{touch-action:none;cursor:grab}.canvas:active{cursor:grabbing}
.table-content{position:relative;display:inline-block;min-width:100%}.table-content .table-add-column{right:-7px;top:50%}.table-content .table-add-row{bottom:-7px;left:50%}
.table-content .table-add-column{right:2px}.table-content .table-add-row{bottom:2px}
.canvas-node.table-node>.table-add{right:auto;bottom:auto;transform:none}
.table-node:hover .table-add{opacity:0}.table-node .node-content:has(.table-wrap:hover)~.table-add,.table-node:has(.table-add:hover) .table-add{opacity:1}
.canvas-node .inline-title{width:100%;border:0;outline:0;background:transparent;color:#34343d;font:inherit;font-weight:700}.canvas-node .inline-value{display:block;width:100%;border:1px solid transparent;outline:0;background:transparent;color:#5f5f69;font:inherit;line-height:1.4}.canvas-node .inline-value:focus,.canvas-node .inline-title:focus{border-color:#d4d4dd;background:#fafafd;border-radius:4px}.canvas-node .inline-note{min-height:54px;resize:vertical}
.canvas-node .inline-title-display{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:grab}.canvas-node header:active .inline-title-display{cursor:grabbing}
.artifact-preview{display:block;width:100%;max-height:150px;object-fit:cover;border-radius:6px}
.canvas-node.image-node{display:flex;flex-direction:column;min-height:220px}.canvas-node.image-node .node-content{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;padding:10px}.image-render-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:6px;background-color:#fafafd;background-image:conic-gradient(#ececf1 25%,#fafafd 0 50%,#ececf1 0 75%,#fafafd 0);background-size:12px 12px;contain:paint;transform:translateZ(0);backface-visibility:hidden}
.canvas-node.instagram-node{width:286px;min-height:358px}.canvas-node.instagram-node .node-content{padding:10px;background:#fafafd}.instagram-preview{width:100%;overflow:hidden;border:1px solid #dedee6;border-radius:8px;background:#fff;color:#35353e}.instagram-preview-bar{display:flex;align-items:center;gap:7px;height:38px;padding:7px 9px;border-bottom:1px solid #efeff2;font-size:10px}.instagram-preview-bar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.instagram-preview-bar>svg{width:15px;height:15px}.instagram-avatar{display:grid;place-items:center;width:22px;height:22px;overflow:hidden;border:1px solid #bdbdc6;border-radius:50%;color:#777782}.instagram-avatar svg{width:12px;height:12px}.instagram-avatar.has-image{background:#fff}.instagram-avatar.has-image img{display:block;width:100%;height:100%;object-fit:cover}.instagram-preview-media{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-bottom:1px solid #ececf0;color:#8b8b96;background:repeating-linear-gradient(45deg,#fff,#fff 9px,#fafafd 9px,#fafafd 10px)}.instagram-preview-media>svg{width:54px;height:54px;stroke-width:1.25}.instagram-story .instagram-preview-media,.instagram-reel .instagram-preview-media{aspect-ratio:9/12}.instagram-count,.instagram-reel-mark{position:absolute;right:8px;top:8px;padding:3px 5px;border:1px solid #c9c9d1;border-radius:4px;background:#fffffff2;color:#5f5f69;font-size:8px;font-weight:700;letter-spacing:.04em}.instagram-preview-actions{display:flex;align-items:center;gap:9px;padding:8px 10px 5px;color:#4e4e59}.instagram-preview-actions svg{width:15px;height:15px;stroke-width:1.55}.instagram-preview-actions span{flex:1}.instagram-preview p{min-height:30px;margin:0;padding:0 10px 10px;overflow:hidden;color:#6c6c76;font-size:9px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.instagram-preview p b{color:#3d3d46}.instagram-settings{display:grid;gap:0;margin:14px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.instagram-settings legend{padding:0 4px;color:#777781;font-size:10px}.instagram-settings label{margin:5px 0!important;font-size:10px!important}.instagram-settings input,.instagram-settings select{margin-top:3px!important}
.brand-kit-preview{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:center;min-height:62px;padding:10px;border:1px solid #e4e4eb;border-radius:8px;background:#fafafd}.brand-kit-colors{display:flex;height:42px;overflow:hidden;border:1px solid #dedee6;border-radius:7px}.brand-kit-colors span{flex:1}.brand-kit-copy{display:grid;gap:4px;min-width:0}.brand-kit-copy strong{overflow:hidden;color:#363640;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.brand-kit-copy span{overflow:hidden;color:#85858f;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.brand-kit-settings{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.brand-kit-settings legend{padding:0 4px;color:#777781;font-size:10px}.brand-kit-settings label{margin:0!important;font-size:10px!important}.brand-kit-settings input{margin-top:3px!important}.brand-kit-color-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.brand-kit-color-fields input[type="color"]{height:31px;padding:3px!important;cursor:pointer}
.template-settings{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.template-settings legend{padding:0 4px;color:#777781;font-size:10px}.template-settings label{margin:0!important;font-size:10px!important}.template-settings textarea{min-height:72px;margin-top:3px!important}
.validation-result{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e4e4eb;border-radius:8px;background:#fafafd;color:#686872}.validation-result>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ededf1}.validation-result svg{width:14px;height:14px}.validation-result div{display:grid;gap:2px}.validation-result strong{font-size:11px}.validation-result small{font-size:10px}.validation-result.is-pass{border-color:#b9e6d0;background:#f1fbf5;color:#23734e}.validation-result.is-pass>span{background:#ccefdc}.validation-result.is-fail{border-color:#f2d1cc;background:#fff7f5;color:#a9473d}.validation-result.is-fail>span{background:#f9dfdb}.validation-settings{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.validation-settings legend{padding:0 4px;color:#777781;font-size:10px}.validation-settings label{margin:0!important;font-size:10px!important}.validation-settings input{margin-top:3px!important}
.approval-result{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e4e4eb;border-radius:8px;background:#fafafd;color:#686872}.approval-result>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ededf1}.approval-result svg{width:14px;height:14px}.approval-result div{display:grid;gap:2px}.approval-result strong{font-size:11px}.approval-result small{font-size:10px}.approval-result.is-approved{border-color:#b9e6d0;background:#f1fbf5;color:#23734e}.approval-result.is-approved>span{background:#ccefdc}.approval-action{width:100%;margin-top:7px!important}.approval-settings{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.approval-settings legend{padding:0 4px;color:#777781;font-size:10px}.approval-settings label{margin:0!important;font-size:10px!important}.approval-settings input,.approval-settings textarea{margin-top:3px!important}.approval-settings textarea{min-height:64px}.approval-state{margin:0;color:#6e6e78;font-size:10px}
.hashtag-builder-preview{display:flex;flex-wrap:wrap;gap:5px;min-height:43px;align-content:flex-start}.hashtag-chip{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid #dfe7fb;border-radius:999px;background:#f4f7ff;color:#4774c4;font-size:10px;line-height:1}.hashtag-builder-preview button.hashtag-chip{cursor:pointer;font:inherit}.hashtag-builder-preview button.hashtag-chip:hover{border-color:#b7cef9;background:#edf4ff;color:#245fc4}.hashtag-builder-preview button.hashtag-chip:focus-visible{outline:2px solid #9cbbeb;outline-offset:1px}.hashtag-chip svg{width:11px;height:11px;stroke-width:2}.hashtag-builder-preview small{color:#888893;font-size:10px}.hashtag-builder-settings{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.hashtag-builder-settings legend{padding:0 4px;color:#777781;font-size:10px}.hashtag-builder-settings label{margin:0!important;font-size:10px!important}.hashtag-builder-settings textarea{min-height:94px;margin-top:3px!important}
.instagram-account-preview{display:grid;gap:7px;padding:10px;border:1px solid #e4e4eb;border-radius:8px;background:#fafafd}.instagram-account-preview>div{display:flex;align-items:center;gap:7px}.instagram-account-preview strong{font-size:12px;color:#44444d}.instagram-account-preview small{color:#85858f;font-size:10px}.instagram-account-preview p{display:flex;flex-wrap:wrap;gap:4px;margin:0}.instagram-account-preview p span{padding:3px 5px;border-radius:999px;background:#ececf1;color:#696974;font-size:9px}.instagram-account-settings{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.instagram-account-settings legend{padding:0 4px;color:#777781;font-size:10px}.instagram-account-settings label{margin:0!important;font-size:10px!important}.instagram-account-settings input{margin-top:3px!important}.account-capabilities{display:grid;gap:5px}.account-capability{display:flex!important;align-items:center;gap:7px;margin:0!important;padding:6px 7px;border:1px solid #e6e6eb;border-radius:6px;color:#565661!important}.account-capability input{width:auto!important;margin:0!important}.rate-limit-result{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e4e4eb;border-radius:8px;background:#fafafd;color:#686872}.rate-limit-result>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ededf1}.rate-limit-result svg{width:14px;height:14px}.rate-limit-result div{display:grid;gap:2px}.rate-limit-result strong{font-size:11px}.rate-limit-result small{font-size:10px}.rate-limit-result.is-pass{border-color:#b9e6d0;background:#f1fbf5;color:#23734e}.rate-limit-result.is-pass>span{background:#ccefdc}.rate-limit-result.is-fail{border-color:#f2d1cc;background:#fff7f5;color:#a9473d}.rate-limit-result.is-fail>span{background:#f9dfdb}.rate-limit-settings{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.rate-limit-settings legend{padding:0 4px;color:#777781;font-size:10px}.rate-limit-settings label{margin:0!important;font-size:10px!important}.rate-limit-settings input{margin-top:3px!important}
.instagram-preview-media{overflow:hidden}.instagram-preview-media.has-media{background:#f3f3f6}.instagram-media-canvas{display:block;width:100%;height:100%;object-fit:cover}
.ai-caption-preview{display:grid;gap:8px;padding:10px;border:1px solid #dde7fb;border-radius:8px;background:#f8fbff}.ai-caption-status,.ai-caption-runtime{display:flex;align-items:flex-start;gap:6px;margin:0;color:#5272a6;font-size:10px;line-height:1.35}.ai-caption-status svg,.ai-caption-runtime svg{flex:0 0 auto;width:14px;height:14px}.ai-caption-status.is-problem,.ai-caption-runtime.is-problem{color:#a9473d}.ai-caption-preview p{max-height:74px;overflow:auto;margin:0;color:#4d5363;font-size:11px;line-height:1.45;white-space:pre-wrap}.ai-caption-generate{width:100%;margin:0!important}.ai-caption-settings{display:grid;gap:8px;margin:12px 0 8px;padding:9px;border:1px solid #dfe7f7;border-radius:7px}.ai-caption-settings legend{padding:0 4px;color:#6177a4;font-size:10px}.ai-caption-settings label{margin:0!important;font-size:10px!important}.ai-caption-settings input,.ai-caption-settings textarea{margin-top:3px!important}.ai-caption-settings textarea{min-height:76px}.inspector .ai-caption-runtime{margin:0 0 9px}
.canvas-node.image-node .artifact-image{width:100%;height:100%;overflow:hidden;border-radius:6px;background:#f3f3f6}.canvas-node.image-node .artifact-image .artifact-preview{transform:scale(var(--image-scale));transform-origin:var(--crop-x) var(--crop-y)}.canvas-node.image-node .artifact-image.is-fill .artifact-preview,.canvas-node.image-node .artifact-image.is-crop .artifact-preview{object-fit:cover}.canvas-node.image-node .artifact-image.is-tile{background-repeat:repeat;background-size:auto}
.crop-dialog{width:min(760px,92vw);border:0;border-radius:14px;padding:22px;background:#252526;color:#fff;box-shadow:0 28px 80px #0008}.crop-dialog::backdrop{background:#0008}.crop-dialog header,.crop-dialog footer{display:flex;align-items:center;justify-content:space-between}.crop-dialog h2{margin:0;font-size:18px}.crop-dialog .crop-close{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}.crop-stage{position:relative;height:380px;margin:18px 0;background:#171718;display:grid;place-items:center;overflow:hidden}.crop-stage>img{max-width:100%;max-height:100%;object-fit:contain}.crop-frame{position:absolute;border:2px solid #fff;box-shadow:0 0 0 999px #0008;cursor:move}.crop-frame::before,.crop-frame::after{content:"";position:absolute;background:#ffffff66}.crop-frame::before{top:33%;bottom:33%;left:0;right:0;border-top:1px solid #ffffff99;border-bottom:1px solid #ffffff99}.crop-frame::after{top:0;bottom:0;left:33%;right:33%;border-left:1px solid #ffffff99;border-right:1px solid #ffffff99}.crop-handle{position:absolute;width:12px;height:12px;right:-7px;bottom:-7px;border:2px solid #fff;background:#252526;cursor:nwse-resize}.crop-controls h3{font-size:12px;margin:0 0 8px}.ratio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.ratio-grid button{padding:9px 4px;border:1px solid #555;background:#303033;color:#ddd;border-radius:6px;font-size:10px}.ratio-grid button.is-active{border-color:#fff;background:#5a5a62;color:#fff}.crop-dialog footer{margin-top:18px}
.crop-dialog{background:#fff;color:#292932;border:1px solid #e5e5eb;box-shadow:0 28px 80px #2525322e}.crop-dialog::backdrop{background:transparent}.crop-dialog .crop-close{color:#50505a}.crop-stage{background:#f4f4f7;border:1px solid #e7e7ec;border-radius:8px}.crop-stage>.crop-preview{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.crop-frame{border-color:#4c4c58;box-shadow:0 0 0 999px #ffffff8a}.crop-frame::before{border-color:#4c4c585c}.crop-frame::after{border-color:#4c4c585c}.crop-handle{border-color:#4c4c58;background:#fff}.ratio-grid button{border-color:#dedee6;background:#fff;color:#4d4d58}.ratio-grid button.is-active{border-color:#27272f;background:#27272f;color:#fff}.crop-dialog .secondary{background:#fff;color:#4d4d58;border:1px solid #d9d9e1}
.crop-stage{max-width:100%;margin-left:auto;margin-right:auto}.crop-control-heading{display:flex;align-items:center;justify-content:space-between}.crop-zoom{display:flex;align-items:center;gap:5px;font-size:10px;color:#70707b}.crop-zoom button{width:24px;height:24px;padding:0;border:1px solid #dedee6;border-radius:6px;background:#fff;color:#393943;font-size:16px;line-height:1;cursor:pointer}.crop-zoom output{min-width:39px;text-align:center;font-variant-numeric:tabular-nums}
.canvas-node.image-node .artifact-image .artifact-preview{transform:rotate(var(--image-rotation,0deg)) scaleX(var(--image-flip-x,1)) scaleY(var(--image-flip-y,1)) scale(var(--image-scale));transform-origin:var(--crop-x) var(--crop-y);transition:transform .16s ease}.image-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px}.image-tools button{margin:0!important}
.orientation-controls .image-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.orientation-controls .image-tools button{display:grid;place-items:center;min-height:30px}.orientation-controls .image-tools svg{width:16px;height:16px;stroke-width:1.8}
.canvas-node.image-node .artifact-image .artifact-preview{filter:brightness(var(--image-brightness,100%)) contrast(var(--image-contrast,100%)) saturate(var(--image-saturation,100%)) blur(var(--image-blur,0px)) invert(var(--image-invert,0))}.image-corrections{display:grid;gap:7px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.image-corrections legend{font-size:10px;color:#777781;padding:0 4px}.image-corrections label{margin:0!important;font-size:10px!important}.image-corrections input{margin-top:3px!important;padding:0!important;border:0!important}
.typography-controls{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.typography-controls legend{font-size:10px;color:#777781;padding:0 4px}.typography-controls label{margin:0!important;font-size:10px!important}.typography-controls input,.typography-controls select{margin-top:3px!important}.typography-controls input[type="color"]{height:30px;padding:3px!important;cursor:pointer}.typography-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.typography-preview{display:grid;place-items:center;min-height:112px;padding:14px;border:1px solid #e7e7ed;border-radius:8px;background:#fafafd;overflow:hidden}.typography-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#555560;font-size:11px;font-weight:600}.typography-choice-group{display:flex;overflow:hidden;border:1px solid #e1e1e7;border-radius:7px;background:#f4f4f6}.inspector .typography-choice{display:grid;place-items:center;min-width:34px;height:32px;margin:0!important;padding:6px!important;border:0!important;border-right:1px solid #e1e1e7!important;border-radius:0!important;background:transparent!important;color:#73737d}.inspector .typography-choice:first-child{border-radius:6px 0 0 6px!important}.inspector .typography-choice:last-child{border-right:0!important;border-radius:0 6px 6px 0!important}.inspector .typography-choice:hover{background:#fff!important;color:#34343d}.inspector .typography-choice.is-active{position:relative;z-index:1;background:#fff!important;color:#2563EB;box-shadow:inset 0 0 0 1px #2563EB}.typography-choice svg{width:17px;height:17px;stroke-width:1.8}.typography-choice span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.typography-case-choice-group .typography-choice{min-width:30px}.inspector .typography-text-choice{font:650 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.typography-text-choice b{font:inherit;letter-spacing:-.025em}.typography-text-choice[data-value="uppercase"] b{letter-spacing:-.06em}.typography-text-choice[data-value="lowercase"] b{font-weight:500}
.typography-colour-control{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;margin-top:3px}.typography-colour-control button{width:32px;height:32px;margin:0!important;padding:0!important;border:1px solid #dedee6!important;border-radius:7px!important;background:var(--swatch)!important}.typography-colour-control input{height:32px;margin:0!important;text-transform:uppercase}.account-color-picker{position:fixed;z-index:80;width:244px;padding:11px;border:1px solid #e1e1e8;border-radius:12px;background:#fff;box-shadow:0 18px 42px #20202a26}.account-color-picker header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#3b3b45;font-size:12px;cursor:grab;user-select:none;touch-action:none}.account-color-picker header:active{cursor:grabbing}.account-color-picker header button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:#777782;cursor:pointer}.account-color-picker header button:hover{background:#f2f2f5}.account-color-picker header svg{width:15px;height:15px}.color-picker-surface{position:relative;height:150px;border:1px solid #dedee6;border-radius:8px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--hue) 100% 50%));cursor:crosshair}.color-picker-surface i{position:absolute;left:var(--x);top:var(--y);width:13px;height:13px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #292932;transform:translate(-50%,-50%);pointer-events:none}.color-picker-hue-row{display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:center;margin-top:10px}.color-picker-hue-row button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #dedee6;border-radius:6px;background:#fff;color:#62626c}.color-picker-hue-row button:hover{background:#f5f5f7}.color-picker-hue-row svg{width:15px;height:15px}.color-picker-hue{width:100%;height:14px;margin:0!important;padding:0!important;appearance:none;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);border-radius:999px}.color-picker-hue::-webkit-slider-thumb{width:15px;height:15px;appearance:none;border:2px solid #fff;border-radius:50%;background:hsl(var(--thumb-hue) 100% 50%);box-shadow:0 0 0 1px #292932}.color-picker-formats{display:grid;grid-template-columns:62px minmax(0,1fr);gap:6px;margin-top:8px}.color-picker-formats select,.color-picker-values input{height:30px;padding:0 7px;border:1px solid #dedee6;border-radius:6px;background:#fff;color:#555560;font:600 11px/1 Inter,sans-serif}.color-picker-values{display:grid;grid-template-columns:repeat(var(--count,1),minmax(0,1fr));gap:4px}.color-picker-values:has(input:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.color-picker-values input{width:100%;min-width:0;text-align:center}.saved-colours{display:grid;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #eeeeF2}.saved-colours>b{font-size:10px;color:#666670}.saved-colours>div{display:flex;flex-wrap:wrap;gap:5px}.saved-colours button{width:22px;height:22px;padding:0;border:1px solid #dedee6;border-radius:5px;background:var(--swatch);cursor:pointer}.saved-colours small{color:#8a8a94;font-size:10px}.color-save{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin:12px 0 0!important}.color-save svg{width:14px;height:14px}
.canvas-node.image-node .artifact-image,.preview-render-canvas{contain:paint;transform:translateZ(0);backface-visibility:hidden}.canvas-node.image-node .artifact-preview{backface-visibility:hidden}
.inspector-hint{margin:14px 0;color:#85858e;font-size:11px;line-height:1.45}
.canvas-node.image-node .artifact-image.is-crop{position:relative;aspect-ratio:var(--crop-ratio);height:auto;min-height:120px}.canvas-node.image-node .artifact-image.is-crop .artifact-preview{position:absolute;width:calc(100% / var(--crop-width));height:auto;max-width:none;max-height:none;left:var(--crop-offset-x);top:var(--crop-offset-y);object-fit:initial;transform:rotate(var(--image-rotation,0deg)) scaleX(var(--image-flip-x,1)) scaleY(var(--image-flip-y,1));transform-origin:center}
.canvas-node.image-node .artifact-image.has-crop{position:relative;aspect-ratio:var(--crop-output-ratio);height:auto;min-height:120px;overflow:hidden}.canvas-node.image-node .artifact-image.has-crop .crop-result{position:absolute;inset:0;overflow:hidden;transform:rotate(var(--image-rotation,0deg)) scaleX(var(--image-flip-x,1)) scaleY(var(--image-flip-y,1)) scale(var(--image-scale));transform-origin:center;transition:transform .16s ease}.canvas-node.image-node .artifact-image.has-crop .artifact-preview{position:absolute;width:calc(100% / var(--crop-width));height:auto;max-width:none;max-height:none;left:var(--crop-offset-x);top:var(--crop-offset-y);object-fit:initial;transform:none;transform-origin:center;filter:brightness(var(--image-brightness,100%)) contrast(var(--image-contrast,100%)) saturate(var(--image-saturation,100%)) blur(var(--image-blur,0px)) invert(var(--image-invert,0))}
.canvas-node.image-node .artifact-image.is-resized:not(.is-crop){height:auto;aspect-ratio:var(--resize-ratio)}
.node-resize{position:absolute;z-index:4}.canvas-node:hover .node-resize{background:#25252b12;border-radius:4px}
.node-resize.resize-right{top:66px;right:-5px;bottom:12px;width:10px;cursor:ew-resize}.node-resize.resize-bottom{right:12px;bottom:-5px;left:12px;height:10px;cursor:ns-resize}.node-resize.resize-corner{right:-6px;bottom:-6px;width:14px;height:14px;cursor:nwse-resize}
.resize-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resize-fields label{font-size:11px!important;color:#62626d}.resize-fields input[type="number"]{width:100%;margin-top:6px!important;padding:8px!important;border:1px solid #dedee6!important;border-radius:7px;background:#fff;font-size:13px;color:#34343d}
.artifact-text{display:grid;gap:6px}.artifact-text strong{font-size:11px;color:#555560}.artifact-text pre{max-height:135px;overflow:auto;margin:0;padding:8px;border:1px solid #ececf1;border-radius:6px;background:#fafafd;color:#686872;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}
.canvas-node.preview-node{min-height:150px}.preview-node .node-content{min-height:100px}.preview-node .image-render-canvas{max-height:240px}.preview-text{max-height:170px;overflow:auto;margin:0;padding:8px;border:1px solid #ececf1;border-radius:6px;background:#fafafd;color:#4e4e59;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}
.toggle-value{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:7px 0;color:#555560;font-size:12px}.toggle-value input{appearance:none;width:34px!important;height:19px;margin:0!important;padding:0!important;border:0!important;border-radius:999px;background:#d9d9e1;cursor:pointer}.toggle-value input::after{content:"";display:block;width:15px;height:15px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .16s}.toggle-value input:checked{background:#282830}.toggle-value input:checked::after{transform:translateX(15px)}
.library-node{justify-content:flex-start;text-align:left}.library-node>span:last-child{margin-left:0;font-size:12px;color:#55555e}.library-node strong{color:#17171c!important;font-size:12px!important;font-weight:700;text-align:left}.library-node small{display:none!important}

/* Contextual two-column block library. */
#library-list{display:grid;gap:18px}.library-group{display:grid;gap:8px}.library-group h2{margin:0;color:#777782;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.library-grid .library-node{min-width:0;min-height:80px;margin:0;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:8px;cursor:grab;text-align:center}.library-grid .library-node:active{cursor:grabbing}.library-grid .node-icon{flex:0 0 auto;width:24px;height:24px;border-radius:6px;font-size:11px}.library-grid .library-node strong{max-width:100%;font-size:11px!important;line-height:1.2;overflow-wrap:anywhere;text-align:center}
.port-label{display:none}.port:not(.is-connected) .port-label{position:absolute;top:50%;display:block;min-width:max-content;color:#9a9aa4;font:500 9px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em;pointer-events:none;transform:translateY(-50%)}.port.input:not(.is-connected) .port-label{right:calc(100% + 6px);text-align:right}.port.output:not(.is-connected) .port-label{left:calc(100% + 6px);text-align:left}.port.pending .port-label{color:#72727d}
.delivery-result{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e4e4eb;border-radius:8px;background:#fafafd;color:#686872}.delivery-result>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ededf1}.delivery-result svg{width:14px;height:14px}.delivery-result div{display:grid;gap:2px}.delivery-result strong{font-size:11px}.delivery-result small{font-size:10px}.delivery-result.is-pass{border-color:#b9e6d0;background:#f1fbf5;color:#23734e}.delivery-result.is-pass>span{background:#ccefdc}.delivery-result.is-fail{border-color:#f2d1cc;background:#fff7f5;color:#a9473d}.delivery-result.is-fail>span{background:#f9dfdb}.delivery-settings{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.delivery-settings legend{padding:0 4px;color:#777781;font-size:10px}.delivery-settings label{margin:0!important;font-size:10px!important}.delivery-settings textarea{min-height:82px;margin-top:3px!important;resize:vertical}
.publish-result{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e4e4eb;border-radius:8px;background:#fafafd;color:#686872}.publish-result>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ededf1}.publish-result svg{width:14px;height:14px}.publish-result div{display:grid;gap:2px}.publish-result strong{font-size:11px}.publish-result small{font-size:10px}.publish-result.is-requested{border-color:#b7d9f7;background:#f1f8fe;color:#28638f}.publish-result.is-requested>span{background:#d8ebfb}.publish-request-action{margin-top:8px}.publish-settings{display:grid;gap:8px;margin:12px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.publish-settings legend{padding:0 4px;color:#777781;font-size:10px}.publish-settings label{margin:0!important;font-size:10px!important}.publish-settings input{margin-top:3px!important}.publish-request-status{margin:0;color:#6d6d77;font-size:11px}
.multi-selection-inspector{display:grid;gap:12px}.multi-selection-inspector>header{display:flex;align-items:center}.multi-selection-count{display:inline-flex;align-items:center;gap:7px;color:#32323b;font-size:12px;font-weight:700}.multi-selection-count svg{width:15px;height:15px;color:#777782}.multi-selection-node-list{display:grid;gap:5px;margin:0;padding:0;list-style:none}.multi-selection-node-list li{display:flex;align-items:center;gap:7px;min-width:0;color:#61616b;font-size:11px}.multi-selection-node-list svg{flex:0 0 auto;width:13px;height:13px;color:#90909a}.multi-selection-node-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-selection-separator{height:1px;background:#e7e7ed}.multi-selection-controls{display:grid;gap:9px}.multi-selection-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#777781;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.multi-group-action{min-height:29px;padding:5px 8px!important;font-size:10px!important;letter-spacing:0!important;text-transform:none}.multi-group-action svg{width:14px;height:14px}.multi-align-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.multi-distribute-row{grid-template-columns:repeat(2,1fr)}.multi-selection-action{display:grid;place-items:center;min-height:36px;padding:7px;border:1px solid #e2e2e9;border-radius:7px;background:#fff;color:#4e4e58;cursor:pointer}.multi-selection-action:hover:not(:disabled){border-color:#aacdfd;background:#f5f9ff;color:#2168dc}.multi-selection-action:disabled{opacity:.42;cursor:not-allowed}.multi-selection-action svg{width:19px;height:19px}

/* Keep the pale Instagram-node body within the rounded outer frame. */
.canvas-node.instagram-node>.node-content{border-radius:0 0 9px 9px;overflow:hidden}
.canvas-node.instagram-node{min-height:max-content}
.port{z-index:6}
.workspace-settings-node{width:278px;min-height:168px}.workspace-settings-preview{display:grid;gap:9px}.workspace-settings-preview>div{display:grid;grid-template-columns:25px 1fr;column-gap:8px;align-items:center}.workspace-settings-preview>div>span{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0f0f3;color:#5d5d67}.workspace-settings-preview strong{font-size:12px;color:#40404a}.workspace-settings-preview small{font-size:10px;color:#898993}.workspace-settings-preview p{display:flex;align-items:center;gap:6px;margin:0;color:#73737d;font-size:10px}.workspace-settings-preview p svg{width:13px;height:13px}.workspace-settings-inspector{margin:14px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.workspace-settings-inspector legend{padding:0 4px;color:#777781;font-size:10px}.workspace-backend-status{display:grid;gap:3px;margin:9px 0;color:#777781;font-size:10px;line-height:1.35}.workspace-backend-status b{font-size:11px;color:#4b4b55}.workspace-backend-status.state-ready b{color:#218559}.workspace-backend-status.state-problem b{color:#ad5c2d}.workspace-account-list{display:grid;gap:5px;margin:8px 0;padding:0;list-style:none}.workspace-account-list li{display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;padding:7px;border:1px solid #eeeef2;border-radius:6px;background:#fafafd}.workspace-account-list li>span{display:grid;place-items:center;color:#686873}.workspace-account-list svg{width:13px;height:13px}.workspace-account-list b,.workspace-account-list small{display:block}.workspace-account-list b{font-size:11px;color:#41414b}.workspace-account-list small{margin-top:1px;color:#8a8a94;font-size:9px}.workspace-account-list .workspace-account-remove{margin:0;padding:4px 5px}.workspace-storage-stats{display:grid;gap:7px;margin:0}.workspace-storage-stats div{display:grid;gap:2px}.workspace-storage-stats dt{color:#85858f;font-size:10px}.workspace-storage-stats dd{margin:0;color:#3d3d47;font-size:11px;font-weight:650}
.workspace-profile-editor{display:grid;gap:7px;margin:9px 0;padding:8px;border:1px solid #e6e6ec;border-radius:7px;background:#fafafd}.workspace-profile-editor>b{font-size:10px;color:#666670}.workspace-profile-editor label{margin:0!important;font-size:10px!important}.workspace-profile-editor input{margin-top:3px!important}
.run-report{display:grid;gap:9px;width:100%;margin-top:22px;padding:10px;border:1px solid #e4e4eb;border-radius:8px;background:#fafafd;text-align:left}.run-report header{display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:center}.run-report header>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eeeeF2;color:#656570}.run-report header svg{width:14px;height:14px}.run-report b,.run-report small{display:block}.run-report b{font-size:11px;color:#41414b}.run-report small{margin-top:1px;color:#85858f;font-size:9px}.run-report ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.run-report li{display:grid;gap:1px;padding:6px 7px;border-left:2px solid #d6d6de;background:#fff;border-radius:3px}.run-report li.is-problem{border-color:#df7063}.run-report li.is-waiting,.run-report li.is-empty{border-color:#d9ab52}.run-report li strong{font-size:10px;color:#4c4c56}.run-report li span,.run-report>p{margin:0;color:#7d7d87;font-size:9px;line-height:1.35}
.instagram-format-guide{margin:14px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.instagram-format-guide legend{padding:0 4px;color:#777781;font-size:10px}.instagram-format-guide dl{display:grid;gap:7px;margin:0}.instagram-format-guide dl div{display:grid;gap:2px}.instagram-format-guide dt{color:#85858f;font-size:10px}.instagram-format-guide dd{margin:0;color:#383842;font-size:11px;font-weight:650;line-height:1.35}
.carousel-preview-control{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #d8d8e0;border-radius:50%;background:#fffffff2;color:#3f3f49;box-shadow:0 2px 8px #22222b1c;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9);transition:opacity .15s ease,transform .15s ease;cursor:pointer}.carousel-preview-control svg{width:15px;height:15px}.carousel-preview-control.is-previous{left:8px}.carousel-preview-control.is-next{right:8px}.instagram-carousel .instagram-preview-media:hover .carousel-preview-control{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
.carousel-framing{display:grid;gap:9px;margin:14px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.carousel-framing legend{padding:0 4px;color:#777781;font-size:10px}.carousel-slide-tabs{display:flex;gap:4px;overflow:auto;padding-bottom:1px}.carousel-slide-tabs button,.carousel-frame-mode button{margin:0!important;border:1px solid #e1e1e7!important;background:#fff!important;color:#60606a!important}.carousel-slide-tabs button{flex:0 0 auto;padding:5px 7px!important;font-size:10px!important}.carousel-slide-tabs button.is-active,.carousel-frame-mode button.is-active{border-color:#84b6fa!important;background:#f2f7ff!important;color:#2168dc!important}.carousel-frame-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px}.carousel-frame-mode button{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px!important;font-size:10px!important}.carousel-frame-mode svg{width:14px;height:14px}.carousel-framing label{display:grid!important;grid-template-columns:1fr auto;gap:3px;margin:0!important;font-size:10px!important}.carousel-framing output{color:#73737d;font-variant-numeric:tabular-nums}.carousel-framing input[type="range"]{grid-column:1/-1;width:100%;margin:0!important;padding:0!important}
.onboarding-card{position:absolute;z-index:8;top:52px;left:50%;width:min(420px,calc(100% - 48px));padding:23px 24px 19px;border:1px solid #e1e1e7;border-radius:15px;background:#fffffff5;box-shadow:0 18px 50px #20202716;transform:translateX(-50%);color:#292931}.onboarding-card .eyebrow{margin-bottom:8px;color:#6f6f7a}.onboarding-card h2{margin:0;font-size:21px;letter-spacing:-.045em}.onboarding-card>p:not(.eyebrow){margin:8px 0 17px;color:#73737e;font-size:12px;line-height:1.45}.onboarding-dismiss{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#777782;cursor:pointer}.onboarding-dismiss:hover{background:#f2f2f5;color:#292931}.onboarding-dismiss svg{width:16px;height:16px}.onboarding-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.onboarding-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px}.onboarding-actions button svg{width:14px;height:14px}.onboarding-steps{display:grid;gap:7px;margin:18px 0 0;padding:13px 0 0;border-top:1px solid #eeeeF2;list-style:none;color:#767680;font-size:11px}.onboarding-steps li{display:flex;align-items:center;gap:7px}.onboarding-steps span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f0f0f3;color:#555560;font-size:9px;font-weight:700}

/* Short-lived confirmations should not occupy the canvas footer. */

/* Captions are content, not a one-line label: let the preview grow and shrink
   with the connected caption instead of clipping it with an ellipsis. */
.instagram-preview p{overflow:visible;overflow-wrap:anywhere;white-space:pre-wrap;text-overflow:clip}
.instagram-preview .instagram-preview-first-comment{min-height:0;margin:0 10px 10px;padding:7px 0 0;border-top:1px solid #efeff2;color:#5e5e69;font-style:italic}

/* Text values are compact by default, then grow with every added line. */
.canvas-node:has(.inline-text-value){min-height:0}
.inline-text-value{min-height:30px!important;overflow:hidden;resize:none;white-space:pre-wrap;overflow-wrap:anywhere}

/* Local workspaces can be opened, renamed, or removed from the project menu. */
.recent-space-row{position:relative;min-height:45px}.recent-space-row .recent-space{display:grid!important;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-content:initial!important;gap:2px;width:100%;min-width:0;min-height:45px;padding:6px 8px!important;text-align:left}.workspace-entry-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-entry-date{color:#90909a;font-size:10px;line-height:12px}.recent-space-row .recent-space:disabled{cursor:default}.recent-space-row.is-current .recent-space{color:#262630;font-weight:650}.recent-space-row.is-current .workspace-entry-title small{margin-left:4px;color:#92929b;font-weight:600}.space-row-action{position:absolute;top:6px;display:grid!important;place-items:center;width:27px!important;height:27px;padding:0!important;opacity:0;color:#777782!important;pointer-events:none;transition:opacity .12s ease}.space-row-action:first-of-type{right:28px}.space-row-action.is-delete{right:0}.recent-space-row:hover .space-row-action,.recent-space-row:focus-within .space-row-action{opacity:1;pointer-events:auto}.recent-space-row:hover .workspace-entry-title,.recent-space-row:focus-within .workspace-entry-title{padding-right:56px}.space-row-action svg{width:14px!important;height:14px!important}.space-row-action.is-delete:hover{background:#fff2f1!important;color:#b4473d!important}.workspace-name-editor{width:100%;min-width:0;height:28px;padding:4px 7px;border:1px solid #d7d7df;border-radius:6px;outline:0;background:#fff;color:#34343d;font:650 12px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.workspace-name-editor:focus{border-color:#94bdf6;box-shadow:0 0 0 2px #93bff426}
.trace.is-toast{right:18px;bottom:18px;left:auto;max-width:360px;padding:11px 13px;border:1px solid #b9e2ca;border-radius:9px;background:#f4fcf7;color:#23734e;box-shadow:0 10px 26px #1f583216}

/* Shared popup language: a calm white surface, fine neutral border, soft
   depth, and the same compact 12–16px geometry used by the app chrome. */
.table-dialog,.crop-dialog{border:1px solid #e1e1e8;border-radius:16px;background:#fff;color:#292932;box-shadow:0 24px 64px #20202a2e}
.table-dialog{padding:28px}.table-dialog::backdrop,.crop-dialog::backdrop{background:rgba(20,21,28,.32);backdrop-filter:blur(4px)}
.table-dialog #close-table-dialog,.crop-dialog .crop-close{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#62626d}.table-dialog #close-table-dialog:hover,.crop-dialog .crop-close:hover{background:#f4f4f7;color:#292932}
.crop-dialog{padding:24px}.crop-stage{border-radius:10px}.ratio-grid button{border-radius:8px}.crop-zoom button{border-radius:7px}
.trace.is-toast{display:flex;align-items:center;gap:9px;min-width:280px;padding:12px 14px;border-color:#b9e6d0;border-radius:12px;background:#f1fbf5;color:#23734e;box-shadow:0 14px 32px #1f58321c}.trace.is-toast::before{content:"✓";display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#ccefdc;color:#23734e;font-weight:800}
.onboarding-card{border-radius:16px;box-shadow:0 20px 52px #2020271c}.header-menu,.minimap-panel{border-radius:12px;box-shadow:0 16px 42px #26262d22}
.action-dialog{width:min(420px,calc(100vw - 32px));margin:auto;border:1px solid #e1e1e8;border-radius:16px;padding:0;background:#fff;color:#292932;box-shadow:0 24px 64px #20202a2e}.action-dialog::backdrop{background:rgba(20,21,28,.32);backdrop-filter:blur(4px)}.action-dialog-card{padding:32px;text-align:center}.action-dialog-card .eyebrow{margin:0 0 8px;color:#73737d;font-size:10px;font-weight:800;letter-spacing:.12em}.action-dialog-card h2{margin:0;font-size:24px;letter-spacing:-.045em}.action-dialog-card>p:not(.eyebrow){margin:12px auto 24px;max-width:326px;color:#73737d;font-size:14px;line-height:1.5}.action-dialog-input{display:grid;gap:7px;margin:0 0 22px;color:#555560;font-size:11px;font-weight:650;text-align:left}.action-dialog-input[hidden]{display:none}.action-dialog-input input{width:100%;height:40px;padding:0 11px;border:1px solid #dcdce4;border-radius:8px;background:#fff;color:#292932;font:inherit;font-size:13px;outline:0}.action-dialog-input input:focus{border-color:#84b6fa;box-shadow:0 0 0 3px #93bff426}.action-dialog-actions{display:flex;justify-content:center;gap:8px}.action-dialog-actions button{min-width:128px;min-height:42px}.action-dialog-actions .is-destructive{background:#b4473d;border-color:#b4473d}.action-dialog-actions .is-destructive:hover{background:#963b33}
.unsplash-browser{margin:14px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.unsplash-browser legend{padding:0 4px;color:#777781;font-size:10px}.unsplash-browser .inspector-hint{margin:2px 0 9px}.unsplash-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.unsplash-search input{margin:0!important}.unsplash-search button{margin:0!important}.unsplash-error{margin:8px 0 0;color:#b4473d;font-size:11px;line-height:1.35}.unsplash-selected{margin-top:10px;overflow:hidden;border:1px solid #e1e1e8;border-radius:7px;background:#fafafd}.unsplash-selected img{display:block;width:100%;max-height:138px;object-fit:cover}.unsplash-selected p,.unsplash-result p{margin:0;padding:7px 8px;color:#73737d;font-size:10px;line-height:1.35}.unsplash-browser a{color:#2563eb;text-decoration:none}.unsplash-browser a:hover{text-decoration:underline}.unsplash-results{display:grid;gap:8px;max-height:320px;margin-top:10px;overflow:auto}.unsplash-result{display:grid;grid-template-columns:88px minmax(0,1fr);overflow:hidden;border:1px solid #e6e6ec;border-radius:7px;background:#fff}.unsplash-result>img{width:88px;height:76px;object-fit:cover}.unsplash-result>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:0}.unsplash-result p{padding:6px 7px}.unsplash-result button{margin:0 7px 7px!important;padding:4px 7px!important;font-size:10px!important}

/* Image uploads stay local to the current browser until the user chooses to publish. */
.image-upload-browser{margin:14px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.image-upload-browser legend{padding:0 4px;color:#777781;font-size:10px}.image-dropzone{display:grid;place-items:center;gap:7px;min-height:150px;padding:18px;border:1.5px dashed #73a8ff;border-radius:8px;background:#f4f8ff;color:#73737d;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.image-dropzone:hover,.image-dropzone:focus-visible,.image-dropzone.is-dragging{border-color:#2563eb;background:#edf5ff;box-shadow:0 0 0 3px #2563eb14;outline:0}.image-dropzone svg{width:25px;height:25px;color:#2871e8;stroke-width:1.7}.image-dropzone p{margin:0;font-size:12px;line-height:1.35}.image-dropzone button{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#2563eb!important;font:inherit!important;text-decoration:underline;cursor:pointer}.image-upload-rules{margin:8px 0 0;color:#85858f;font-size:10px;line-height:1.4}.image-upload-empty{display:grid;place-items:center;gap:8px;min-height:128px;color:#8a8a95;text-align:center}.image-upload-empty svg{width:30px;height:30px;color:#777784;stroke-width:1.45}.image-upload-empty span{font-size:12px}
.canvas-image-dropzone{display:grid;place-items:center;gap:5px;width:100%;min-height:138px;padding:12px;border:1.5px dashed #73a8ff;border-radius:8px;background:#f4f8ff;color:#74747e;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.canvas-image-dropzone:hover,.canvas-image-dropzone:focus-visible,.canvas-image-dropzone.is-dragging{border-color:#2563eb;background:#edf5ff;box-shadow:0 0 0 3px #2563eb14;outline:0}.canvas-image-dropzone svg{width:24px;height:24px;color:#2871e8;stroke-width:1.7}.canvas-image-dropzone>span{font-size:11px;line-height:1.3}.canvas-image-dropzone small{color:#90909a;font-size:9px}.canvas-image-dropzone button{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#2563eb!important;font:inherit!important;text-decoration:underline;cursor:pointer}
.image-artifact-stage{position:relative;display:grid;place-items:center;width:100%;min-width:0;min-height:0}.image-artifact-stage .image-render-canvas{width:100%}.image-artifact-remove{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:27px;height:27px;margin:0!important;padding:0!important;border:1px solid #e1e1e8!important;border-radius:7px!important;background:#fffffff0!important;color:#5f5f69!important;box-shadow:0 3px 10px #25252a1c;cursor:pointer;transition:background .15s,color .15s}.image-artifact-remove:hover{border-color:#efc9c5!important;background:#fff5f4!important;color:#b4473d!important}.image-artifact-remove svg{width:14px;height:14px;stroke-width:1.8}

/* Figma-aligned application chrome */
.studio-shell{grid-template-rows:48px minmax(0,1fr);min-height:100vh}.app-header{grid-column:1/-1;display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;border-bottom:1px solid #e5e5eb;background:#fff;z-index:20}.app-brand{display:flex;align-items:center;gap:6px;min-width:max-content}.app-brand img{width:25px;height:25px;border-radius:7px;object-fit:cover}.app-brand strong{font-size:16px;letter-spacing:-.04em;color:#15151a}.app-brand>span{padding:3px 6px;border-radius:999px;background:#dffbea;color:#276448;font-size:8px;font-weight:800;letter-spacing:.08em}.project-picker-wrap{position:relative}.project-picker-wrap>button{display:flex;align-items:center;gap:8px;min-width:250px;height:32px;padding:0 9px;border:0;border-radius:6px;background:#f6f6f7;color:#31313a;text-align:left;cursor:pointer}.project-picker-wrap>button>svg{width:15px;height:15px;color:#666672}.project-picker-wrap>button>span{flex:1;overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.app-header-spacer{flex:1}.save-state,.instagram-header-state,#auth-state{font-size:11px;color:#73737d;white-space:nowrap}.instagram-header-state{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #dddde4;border-radius:999px;color:#36363f}.instagram-header-state::before{content:"";width:6px;height:6px;border-radius:50%;background:#45b681}.auth-actions{position:relative;display:flex;align-items:center;gap:9px}.auth-actions>#user-button{display:flex;align-items:center}.account-trigger{display:grid;place-items:center;width:29px;height:29px;padding:0;overflow:hidden;border:0;border-radius:50%;background:#653cff;color:#fff;cursor:pointer}.account-trigger img{width:100%;height:100%;object-fit:cover}.account-trigger .avatar-initial{font-size:12px;font-weight:800}.header-menu{position:absolute;z-index:60;overflow:hidden;border:1px solid #e3e3e9;border-radius:12px;background:#fff;box-shadow:0 16px 42px #26262d22}.header-menu[hidden]{display:none}.project-menu{top:38px;left:0;width:282px;padding:7px}.account-menu{top:38px;right:0;width:280px;padding:7px}.header-menu button,.header-menu .menu-action{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:0;border-radius:7px;background:transparent;color:#45454e;font:inherit;font-size:12px;text-align:left;cursor:pointer}.header-menu button:hover,.header-menu .menu-action:hover{background:#f4f4f7}.header-menu button svg,.header-menu .menu-action svg{width:16px;height:16px;color:#6c6c75}.menu-heading{padding:6px 8px 4px;color:#92929b;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.menu-divider{height:1px;margin:6px 3px;background:#ececf0}.recent-spaces{display:grid;gap:1px;max-height:190px;overflow:auto}.recent-space{justify-content:space-between!important}.recent-space small{overflow:hidden;color:#90909a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.account-summary{display:flex;align-items:center;gap:10px;padding:9px}.account-summary img{width:34px;height:34px;border-radius:50%;background:#653cff;object-fit:cover}.account-summary strong,.account-summary span{display:block}.account-summary strong{color:#2c2c34;font-size:13px}.account-summary span{margin-top:2px;color:#777780;font-size:11px}.library{grid-row:2;padding:0;display:flex;background:#fff}.library-rail{display:flex;flex:0 0 74px;flex-direction:column;align-items:center;gap:9px;padding:16px 12px;border-right:1px solid #e8e8ed;background:#fafafd}.library-rail button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:12px;background:transparent;color:#676771;cursor:pointer}.library-rail button.is-active,.library-rail button:hover{background:#eff6ff;color:#246bdb}.library-rail button svg{width:21px;height:21px}.library-panel{flex:1;min-width:0;padding:20px 16px;overflow:auto}.library-panel .eyebrow{display:none}.library-panel h1{font-size:16px;margin:0 0 15px}.workspace{grid-row:2;min-height:0}.inspector{grid-row:2;padding:20px}.canvas-toolbar{height:40px;justify-content:flex-start;padding:5px 14px}.floating-tools{z-index:15}.minimap{right:18px;bottom:18px;padding:0;border:0;background:transparent;box-shadow:none}.minimap>button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #dedee6;border-radius:8px;background:#fffffff2;color:#666671;cursor:pointer;box-shadow:0 6px 18px #25252a12}.minimap>button:hover{background:#f4f4f7;color:#2d2d36}.minimap>button svg{width:15px;height:15px;stroke-width:1.45}.minimap-panel{position:absolute;right:0;bottom:38px;width:250px;height:150px;overflow:hidden;border:1px solid #dedee6;border-radius:10px;background:#ffffffef;box-shadow:0 12px 32px #25252a18}.minimap-panel svg{display:block;width:250px;height:150px;cursor:crosshair}.minimap-node{fill:#b8c3d5;stroke:#7e8ca3;stroke-width:1}.minimap-viewport{fill:#7ba7f52b;stroke:#5a87d5;stroke-width:1.3}.minimap-group{fill:#eff3fb;stroke:#aebbd0;stroke-width:1;stroke-dasharray:3 2}
.app-brand>span:has(img){display:flex;padding:0;background:transparent}.app-brand>span img{display:block;width:31px;height:13px;border-radius:0;object-fit:contain}
.app-brand>img{width:28px;height:25px;border-radius:0;object-fit:contain}.project-picker-wrap{display:flex;align-items:center;gap:8px}.instagram-header-state{height:26px;padding:0 9px;gap:5px;font-size:12px;color:#22232a}.instagram-header-state::before{display:none}.instagram-header-state svg{width:15px;height:15px;stroke-width:1.8}.floating-tools #zoom-label{min-width:52px;margin:0;padding:0 7px;color:#34343d;text-align:center;font-size:15px;font-variant-numeric:tabular-nums}.floating-tools #fit-canvas,.floating-tools #align-top{width:auto;height:30px;padding:0 11px;border:1px solid #e1e1e8;border-radius:8px;background:#fff;color:#62626d;font-size:12px}.floating-tools #fit-canvas:hover,.floating-tools #align-top:hover{background:#f4f4f6;border-color:#d2d2db}
.instagram-header-state.is-disconnected svg{opacity:.2}
.workspace-account-list .instagram-avatar{width:20px;height:20px}.workspace-account-list .workspace-account-disconnect{display:grid;place-items:center;width:28px;height:28px;padding:0;color:#565661}.workspace-account-list .workspace-account-disconnect svg,.workspace-account-list .workspace-account-disconnect .lucide-unplug{width:16px;height:16px;stroke-width:1.8}
.workspace-settings-preview>div.is-disconnected{grid-template-columns:1fr;gap:2px}

/* Keep the application chrome fixed while side panels scroll independently. */
.shortcuts-help{position:absolute;z-index:16;right:56px;bottom:18px}.shortcuts-help>button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #dedee6;border-radius:8px;background:#fffffff2;color:#666671;cursor:pointer;box-shadow:0 6px 18px #25252a12}.shortcuts-help>button:hover,.shortcuts-help>button[aria-expanded="true"]{background:#f4f4f7;color:#2d2d36}.shortcuts-help>button svg{width:15px;height:15px;stroke-width:1.45}.shortcuts-help-panel{position:absolute;right:0;bottom:38px;width:390px;max-height:min(70vh,480px);overflow:auto;border:1px solid #303039;border-radius:11px;background:#17171d;color:#f5f5f7;box-shadow:0 18px 44px #16161f45}.shortcuts-help-panel[hidden]{display:none}.shortcuts-help-panel header{display:flex;align-items:baseline;justify-content:space-between;padding:13px 14px 10px;border-bottom:1px solid #303039}.shortcuts-help-panel header strong{font-size:12px;letter-spacing:-.01em}.shortcuts-help-panel header span{color:#92929c;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.shortcuts-help-panel table{width:100%;border-collapse:collapse;font-size:11px}.shortcuts-help-panel th,.shortcuts-help-panel td{padding:8px 14px;border-bottom:1px solid #292931;text-align:left;vertical-align:middle}.shortcuts-help-panel tr:last-child th,.shortcuts-help-panel tr:last-child td{border-bottom:0}.shortcuts-help-panel th{width:148px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:650;white-space:nowrap}.shortcuts-help-panel td{color:#b9b9c3;line-height:1.3}
.table-wrap table{table-layout:fixed}.table-wrap th,.table-wrap td{position:relative;min-width:0;overflow:hidden;text-overflow:ellipsis}.table-wrap th{padding-right:18px}.table-wrap .table-cell,.table-wrap .table-column{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-column-resize{position:absolute;z-index:2;top:0;right:-6px;bottom:0;display:grid;place-items:center;width:12px;margin:0;padding:0;border:0;background:transparent;color:#85858f;cursor:col-resize;opacity:0;transition:opacity .12s ease}.table-wrap th:hover .table-column-resize,.table-column-resize:focus-visible{opacity:1}.table-column-resize svg{width:12px;height:12px;stroke-width:1.8}.table-column-resize:focus-visible{outline:2px solid #8ab7f5;outline-offset:-2px}
.canvas-node-fields{overflow:hidden;isolation:isolate}.canvas-node-fields>.canvas-node-fields-toggle{display:flex;align-items:center;gap:6px;width:100%;min-height:30px;margin:0;padding:7px 8px;border:0;border-radius:inherit;background:transparent;color:#51515c;font:700 10px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;cursor:pointer;user-select:none}.canvas-node-fields>.canvas-node-fields-toggle svg{width:13px;height:13px;color:#7c8797}.canvas-node-fields.is-open>.canvas-node-fields-toggle{border-bottom:1px solid #e8e8ee;border-end-start-radius:0;border-end-end-radius:0;background:#fff}.canvas-node-fields>.canvas-node-fields-toggle:focus-visible{outline:2px solid #9cbbeb;outline-offset:-2px}
.template-inputs .array-item-remove:disabled{pointer-events:none;visibility:hidden;opacity:0}.template-inputs.array-editor .array-item-field:hover .array-item-remove:not(:disabled),.template-inputs.array-editor .array-item-field:focus-within .array-item-remove:not(:disabled){visibility:visible;pointer-events:auto;opacity:1}
.template-inputs.array-editor .array-item-field{inline-size:100%}.template-inputs.array-editor .array-item-field.is-locked,.template-inputs.array-editor .array-item-field.is-locked:hover,.template-inputs.array-editor .array-item-field.is-locked:focus-within{grid-template-columns:minmax(0,1fr) 0;gap:0}.template-inputs.array-editor .array-item-field:hover .array-item-remove:not(:disabled),.template-inputs.array-editor .array-item-field:focus-within .array-item-remove:not(:disabled){visibility:visible;pointer-events:auto;opacity:1}
html,body{height:100%;overflow:hidden}.studio-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}.library,.workspace,.inspector{min-height:0}.workspace{overflow:hidden}.inspector{overflow-y:auto;overscroll-behavior:contain}
.designer-font-picker{min-width:128px}.designer-format-toolbar .designer-font-trigger{min-width:94px}.designer-font-menu{width:155px}.designer-font-menu button{justify-content:flex-start;font-size:18.72px}.designer-font-menu button svg{margin-left:auto}

/* Designer's document controls are a stable subheader, never a canvas
   floater. Artwork is free to pan and zoom underneath this UI layer. */
.designer-page-view .designer-workspace>.designer-workspace-header{position:sticky!important;z-index:40!important;top:0!important;right:0!important;left:0!important;display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(0,auto) minmax(360px,1fr);gap:14px;width:auto!important;min-height:52px!important;height:52px!important;padding:0 16px!important;border:0!important;border-bottom:1px solid #e4e5eb!important;background:#fffffff2!important;box-shadow:none!important;backdrop-filter:blur(10px)}
.designer-workspace-header .designer-document-title{min-width:0}.designer-workspace-header .designer-document-title input{width:100%;max-width:260px}.designer-workspace-toolbar{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}.designer-workspace-toolbar::-webkit-scrollbar{display:none}.designer-workspace-toolbar .designer-format-toolbar,.designer-workspace-toolbar .designer-selection-toolbar,.designer-workspace-toolbar .designer-canvas-selection-toolbar{position:static!important;left:auto!important;top:auto!important;bottom:auto!important;display:flex!important;flex:0 0 auto!important;width:max-content!important;max-width:none!important;min-height:44px!important;height:44px!important;margin:0!important;padding:2px 4px!important;transform:none!important;visibility:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}.designer-workspace-toolbar .designer-format-toolbar button,.designer-workspace-toolbar .designer-selection-toolbar button{flex:0 0 auto!important;height:40px!important}.designer-workspace-toolbar .designer-selection-toolbar .designer-radius-control{height:40px!important}.designer-workspace-toolbar .designer-selection-toolbar>span.designer-selection-separator{height:24px!important}.designer-workspace-toolbar .designer-format-toolbar .designer-size-control{height:36px!important}.designer-workspace-toolbar .designer-format-toolbar .designer-font-picker{height:40px!important}.designer-workspace-toolbar .designer-ai-text-widget{position:fixed!important;z-index:140!important;top:62px!important;left:50%!important;transform:translateX(-50%)!important}.designer-workspace-header .designer-header-actions{justify-content:flex-end;min-width:0;gap:5px}.designer-workspace-header .designer-header-actions>span{white-space:nowrap}.designer-page-view .designer-stage-wrap{margin-top:38px!important}
@media (max-width:1260px){.designer-page-view .designer-workspace>.designer-workspace-header{grid-template-columns:minmax(135px,1fr) minmax(0,auto) minmax(250px,1fr);gap:8px;padding:0 10px!important}.designer-workspace-header .designer-header-actions>span{display:none}.designer-workspace-header .designer-header-button,.designer-workspace-header .designer-publish{padding:0 7px}.designer-workspace-header .designer-header-button span,.designer-workspace-header .designer-publish span{font-size:10px}}

/* Final Designer floater contract: later legacy rules must not resize these. */
.designer-window>.designer-page-navigation,.designer-format-toolbar,.designer-selection-toolbar{box-sizing:border-box!important;min-height:34px!important;height:34px!important}
.designer-window>.designer-page-navigation{padding:3px 6px!important}
.designer-format-toolbar{padding:2px 8px!important}
.designer-selection-toolbar{display:flex!important;align-items:center!important;border-radius:12px!important}
.designer-selection-toolbar button{height:32px!important;border-right:0!important}
.designer-selection-toolbar>span.designer-selection-separator{display:block!important;flex:0 0 1px!important;width:1px!important;height:20px!important;margin:0 5px!important;background:#e5e5ea!important}
.designer-selection-toolbar .designer-radius-control{display:flex!important;align-items:center!important;gap:6px!important;height:32px!important;padding:0 3px!important;border:0!important;color:#4e4f59!important}
.designer-selection-toolbar .designer-radius-control>svg{display:block!important;width:15px!important;height:15px!important;flex:0 0 auto!important}
.designer-radius-input{display:flex!important;align-items:center!important;gap:4px!important;box-sizing:border-box!important;height:30px!important;padding:0 7px!important;border:1px solid #e0e1e7!important;border-radius:7px!important;color:#767782!important}
.designer-radius-input input{width:31px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:#44454e!important;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;outline:0!important}
.designer-radius-input b{color:#767782!important;font:500 10px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.designer-effect-stack{display:grid;gap:8px}.designer-effect-card{display:grid;gap:9px;padding:9px;border:1px solid #e1e4ec;border-radius:8px;background:#fff}.designer-effect-card>header{display:flex;align-items:center;justify-content:space-between;padding:0;color:#5c5e6a;font:750 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em;text-transform:capitalize}.designer-effect-card>header button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:#858793;cursor:pointer}.designer-effect-card>header button:hover{background:#f1efff;color:#7144df}.designer-effect-card>header button svg{width:13px;height:13px}.designer-effects-panel>label:first-of-type{align-items:center}.designer-effects-panel>label:first-of-type select{width:100%}.designer-effect-card .designer-effect-parameters{grid-template-columns:minmax(150px,1.6fr) repeat(4,minmax(72px,1fr));gap:8px}.designer-effect-card .designer-effect-parameters label,.designer-effect-card .designer-effect-parameters label:first-child{grid-column:auto;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;white-space:nowrap}.designer-effect-card .designer-effect-parameters label:first-child button{grid-column:auto}.designer-effect-card .designer-effect-parameters label:first-child button{min-width:0}.designer-effect-card .designer-effect-parameters label span{grid-column:auto}
.designer-effect-card .designer-effect-parameters{grid-template-columns:32px repeat(4,minmax(72px,1fr))}.designer-effect-card .designer-effect-parameters .designer-effect-colour-picker{display:block}.designer-effect-card .designer-effect-parameters .designer-effect-colour-picker button{display:grid;width:30px;height:30px;padding:3px;border:1px solid #dde0e8;border-radius:7px;background:#fff}.designer-effect-card .designer-effect-parameters .designer-effect-colour-picker button i{width:100%;height:100%;border-radius:4px}

/* Stable Designer subheader — intentionally after every legacy floater rule. */
.designer-page-view .designer-workspace>.designer-workspace-header{position:sticky!important;z-index:40!important;top:0!important;right:0!important;left:0!important;display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(0,auto) minmax(360px,1fr);gap:14px;width:auto!important;min-height:52px!important;height:52px!important;padding:0 16px!important;border:0!important;border-bottom:1px solid #e4e5eb!important;background:#fffffff2!important;box-shadow:none!important;backdrop-filter:blur(10px)}
.designer-workspace-header .designer-document-title{min-width:0}.designer-workspace-header .designer-document-title input{width:100%;max-width:260px}.designer-workspace-toolbar{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}.designer-workspace-toolbar::-webkit-scrollbar{display:none}.designer-workspace-toolbar .designer-format-toolbar,.designer-workspace-toolbar .designer-selection-toolbar,.designer-workspace-toolbar .designer-canvas-selection-toolbar{position:static!important;left:auto!important;top:auto!important;bottom:auto!important;display:flex!important;flex:0 0 auto!important;width:max-content!important;max-width:none!important;min-height:44px!important;height:44px!important;margin:0!important;padding:2px 4px!important;transform:none!important;visibility:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}.designer-workspace-toolbar .designer-format-toolbar button,.designer-workspace-toolbar .designer-selection-toolbar button{flex:0 0 auto!important;height:40px!important}.designer-workspace-toolbar .designer-selection-toolbar .designer-radius-control{height:40px!important}.designer-workspace-toolbar .designer-selection-toolbar>span.designer-selection-separator{height:24px!important}.designer-workspace-toolbar .designer-format-toolbar .designer-size-control{height:36px!important}.designer-workspace-toolbar .designer-format-toolbar .designer-font-picker{height:40px!important}.designer-workspace-toolbar .designer-ai-text-widget{position:fixed!important;z-index:140!important;top:62px!important;left:50%!important;transform:translateX(-50%)!important}.designer-workspace-header .designer-header-actions{justify-content:flex-end;min-width:0;gap:5px}.designer-workspace-header .designer-header-actions>span{white-space:nowrap}.designer-page-view .designer-stage-wrap{margin-top:38px!important}
@media (max-width:1260px){.designer-page-view .designer-workspace>.designer-workspace-header{grid-template-columns:minmax(135px,1fr) minmax(0,auto) minmax(250px,1fr);gap:8px;padding:0 10px!important}.designer-workspace-header .designer-header-actions>span{display:none}.designer-workspace-header .designer-header-button,.designer-workspace-header .designer-publish{padding:0 7px}.designer-workspace-header .designer-header-button span,.designer-workspace-header .designer-publish span{font-size:10px}}

/* Text-specific Private AI assistant, anchored to the formatting floater. */
.designer-ai-text-widget{position:absolute;z-index:60;top:calc(100% + 9px);left:0;display:grid;gap:9px;width:310px;padding:12px;border:1px solid #d9dce7;border-radius:12px;background:#fffffff7;box-shadow:0 16px 34px #24263124;backdrop-filter:blur(12px);color:#444550;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-window>.designer-ai-text-widget{position:absolute!important;z-index:220!important;top:62px!important;left:50%!important;width:min(360px,calc(100% - 40px))!important;max-height:calc(100% - 86px);overflow:auto;transform:translateX(-50%)!important}.designer-ai-text-widget header{display:flex;align-items:center;justify-content:space-between;gap:10px}.designer-ai-text-widget header strong{display:flex;align-items:center;gap:5px;color:#353641;font-size:12px}.designer-ai-text-widget header strong svg{width:15px;height:15px;color:#6c41e8}.designer-ai-text-widget header button{min-width:25px;height:25px;padding:0}.designer-ai-text-widget>p{margin:0;color:#7b7d89;font-size:10px;line-height:1.35}.designer-ai-presets{display:flex;flex-wrap:wrap;gap:5px}.designer-ai-presets button{height:24px;min-width:0;padding:0 7px;border:1px solid #e0e2ea;border-radius:6px;background:#fff;color:#656773;font-size:10px}.designer-ai-presets button:hover{border-color:#a9c4f6;background:#f0f5ff;color:#2768dd}.designer-ai-text-widget label{display:grid;gap:4px}.designer-ai-text-widget label span{color:#7a7c87;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.designer-ai-text-widget input{box-sizing:border-box;width:100%;height:30px;padding:0 8px;border:1px solid #dde0e8;border-radius:7px;background:#fff;color:#41424b;font:500 11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.designer-ai-text-widget input:focus{border-color:#7da5ef;box-shadow:0 0 0 2px #dceaff}.designer-ai-generate{justify-content:center;width:100%;height:29px;border:1px solid #2869e5;background:#2869e5;color:#fff;font-size:11px;font-weight:700}.designer-ai-generate:hover{background:#1e59cc;color:#fff}.designer-ai-generate:disabled{opacity:.6;cursor:wait}.designer-ai-status{display:block;color:#777985;font-size:9px;line-height:1.3}.designer-ai-status.is-problem{color:#c74848}.designer-ai-suggestions{display:grid;gap:6px}.designer-ai-suggestions button{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;height:auto;min-height:36px;padding:7px 8px;border:1px solid #e0e2e9;border-radius:7px;background:#fff;color:#51525d;text-align:left}.designer-ai-suggestions button:hover{border-color:#9fbdf2;background:#f3f7ff;color:#353641}.designer-ai-suggestions span{font-size:10px!important;line-height:1.3}.designer-ai-suggestions b{flex:0 0 auto;color:#2768dd;font-size:10px}

/* App-level boot sequence: keeps first-run local AI preparation explicit. */
.workspace-initialization{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:#f5f6fae8;backdrop-filter:blur(9px);opacity:1;transition:opacity .24s ease}.workspace-initialization.is-leaving{pointer-events:none;opacity:0}.workspace-initialization-card{width:min(390px,calc(100vw - 48px));padding:28px;border:1px solid #e0e2eb;border-radius:19px;background:#fff;box-shadow:0 24px 70px #24263126;color:#393a45;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.workspace-initialization-mark{display:grid;place-items:center;width:36px;height:36px;margin-bottom:15px;border-radius:11px;background:#eee7ff;color:#6d3fed}.workspace-initialization-mark svg{width:19px;height:19px}.workspace-initialization-card>p{margin:0 0 7px;color:#858692;font-size:10px;font-weight:800;letter-spacing:.12em}.workspace-initialization-card h1{margin:0;color:#30313a;font-size:23px;letter-spacing:-.035em}.workspace-initialization-subtitle{display:block;margin-top:7px;color:#797b87;font-size:12px;line-height:1.45}.workspace-initialization-card ol{display:grid;gap:5px;margin:22px 0 0;padding:0;list-style:none}.workspace-initialization-card li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:38px;padding:0 10px;border:1px solid #ececf1;border-radius:9px;color:#5e606c;font-size:11px}.workspace-initialization-card li>i,.workspace-initialization-card li>svg{width:14px;height:14px;color:#82848e}.workspace-initialization-card li[data-state="loading"]>i,.workspace-initialization-card li[data-state="loading"]>svg{color:#5d78d7;animation:workspace-initialization-spin 1s linear infinite}.workspace-initialization-card li[data-state="complete"]>i,.workspace-initialization-card li[data-state="complete"]>svg{color:#2d9b69}.workspace-initialization-card li[data-state="problem"]>i,.workspace-initialization-card li[data-state="problem"]>svg{color:#c98a39}.workspace-initialization-card li b{max-width:155px;overflow:hidden;color:#858692;font-size:10px;font-weight:600;text-align:right;text-overflow:ellipsis;white-space:nowrap}@keyframes workspace-initialization-spin{to{transform:rotate(360deg)}}

/* Authenticated initialization is visible but deliberately non-modal. */
.workspace-initialization{inset:auto 20px 20px auto!important;display:block!important;place-items:initial!important;width:min(350px,calc(100vw - 40px))!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;pointer-events:none!important}.workspace-initialization-card{width:auto!important;padding:17px!important;border-radius:14px!important;box-shadow:0 16px 42px #24263125!important}.workspace-initialization-mark{width:28px!important;height:28px!important;margin-bottom:9px!important;border-radius:8px!important}.workspace-initialization-mark svg{width:15px!important;height:15px!important}.workspace-initialization-card>p{margin-bottom:4px!important;font-size:8px!important}.workspace-initialization-card h1{font-size:16px!important}.workspace-initialization-subtitle{margin-top:4px!important;font-size:10px!important}.workspace-initialization-card ol{gap:4px!important;margin-top:12px!important}.workspace-initialization-card li{min-height:29px!important;padding:0 7px!important;font-size:9px!important}.workspace-initialization-card li b{font-size:8px!important}
.workspace-initialization[hidden]{display:none!important}

/* Stroke is shared by text, photos and vector/shape layers. */
.designer-text-element.has-stroke .designer-text-content{-webkit-text-stroke:var(--designer-stroke-width) var(--designer-stroke-color);paint-order:stroke fill}.designer-object-element.has-stroke::after{position:absolute;z-index:3;inset:0;box-sizing:border-box;border:var(--designer-stroke-width) solid var(--designer-stroke-color);border-radius:inherit;content:"";pointer-events:none}.designer-object-element.has-stroke .designer-vector-shape svg :is(path,rect,circle,ellipse,polygon,polyline,line){stroke:var(--designer-stroke-color);stroke-width:var(--designer-stroke-width)}.designer-stroke-control{display:flex;align-items:center;gap:4px}.designer-stroke-control>label{display:flex;align-items:center;gap:3px;box-sizing:border-box;height:30px;padding:0 5px;border:1px solid #e0e1e7;border-radius:7px;color:#767782}.designer-stroke-control input{width:25px;padding:0;border:0;background:transparent;color:#44454e;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.designer-stroke-control b{font:500 9px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-stroke-control .designer-colour-control svg{width:13px;height:13px}
.designer-selection-toolbar>.designer-stroke-control{display:flex!important;flex:0 0 auto!important;width:auto!important;height:32px!important;margin:0!important;background:transparent!important}

/* The effect control lives in the layer panel; assigned effects stay legible
   directly beneath their layer without crowding the artboard. */
.designer-layer-wrap{position:relative}.designer-layer-effect-state{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;color:#8055dd}.designer-layer-effect-state svg{width:12px!important;height:12px!important}.designer-layer-effect-details{margin:0 7px 4px;padding:4px 6px;border-radius:6px;background:#f7f7fa;color:#777985;font:10px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-layer-effect-details summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none}.designer-layer-effect-details summary::-webkit-details-marker{display:none}.designer-layer-effect-details summary svg{width:12px;height:12px;color:#8055dd}.designer-layer-effect-details summary span{margin-left:auto;color:#8a8c97}.designer-layer-effect-details>div{display:flex;align-items:center;gap:5px;margin-top:4px;padding-top:4px;border-top:1px solid #e8e8ed}.designer-layer-effect-details>div i{display:block;width:9px;height:9px;border:1px solid #d6d7de;border-radius:50%;background:var(--effect-colour)}.designer-effects-panel{display:grid;gap:8px;margin:14px 9px 12px;padding:10px;border-top:1px solid #e7e8ed}.designer-effects-panel header{display:flex;align-items:center;gap:5px;padding:0;color:#70727d;font:800 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase}.designer-effects-panel header svg{width:13px;height:13px;color:#8055dd}.designer-effects-panel>label{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:7px;color:#777985;font:650 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-effects-panel select{height:28px;padding:0 7px;border:1px solid #dde0e8;border-radius:6px;background:#fff;color:#474852;font:600 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.designer-effects-panel>p{margin:0;color:#8a8c97;font-size:10px;line-height:1.35}.designer-effect-parameters{display:grid;grid-template-columns:1fr 1fr;gap:6px}.designer-effect-parameters label{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 25px;align-items:center;gap:3px;color:#7d7e89;font:600 9px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-effect-parameters label:first-child{grid-column:1/-1}.designer-effect-parameters input,.designer-effect-parameters button{box-sizing:border-box;width:100%;height:27px;padding:0 6px;border:1px solid #dde0e8;border-radius:6px;background:#fff;color:#52535e;font:600 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.designer-effect-parameters button{display:flex;align-items:center;gap:5px}.designer-effect-parameters button i{display:block;width:11px;height:11px;border:1px solid #d3d5dd;border-radius:3px;background:var(--swatch)}.designer-effect-parameters label span{position:absolute;right:6px;color:#93949d;font-size:8px;pointer-events:none}
.designer-effects-panel{gap:12px;margin:12px;padding:12px;border:1px solid #e5e7ee;border-radius:10px;background:#fafbfe}.designer-effects-panel header{justify-content:flex-start;gap:7px;color:#686a77;font-size:10px}.designer-effects-panel>label{grid-template-columns:46px minmax(0,1fr);gap:9px;font-size:10px}.designer-effects-panel select{height:32px;padding:0 9px;border-radius:7px;font-size:11px}.designer-effect-parameters{grid-template-columns:1fr 1fr;gap:9px 10px}.designer-effect-parameters label{position:static;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;font-size:10px}.designer-effect-parameters label:first-child{grid-column:1/-1}.designer-effect-parameters input,.designer-effect-parameters button{height:30px;min-width:0;padding:0 8px;border-radius:7px;font-size:10px}.designer-effect-parameters label input{grid-column:2}.designer-effect-parameters label:first-child button{grid-column:2/-1}.designer-effect-parameters label span{position:static;grid-column:3;color:#858792;font-size:9px;pointer-events:none}.designer-effect-parameters button{justify-content:flex-start;gap:6px}.designer-effect-parameters button i{width:12px;height:12px;flex:0 0 auto}.designer-effects-panel>p{font-size:10px;line-height:1.45}
.designer-object-element:has(.designer-vector-shape){box-sizing:border-box;padding:0;min-width:0;min-height:0}.designer-vector-shape{width:100%;height:100%;overflow:hidden;pointer-events:none}.designer-vector-shape svg{display:block;width:100%!important;height:100%!important;overflow:hidden!important;pointer-events:none}.designer-vector-shape svg [fill="black"],.designer-vector-shape svg [fill="#000"],.designer-vector-shape svg [fill="#000000"]{fill:currentColor!important}.designer-vector-shape svg [stroke="black"],.designer-vector-shape svg [stroke="#000"],.designer-vector-shape svg [stroke="#000000"]{stroke:currentColor!important}
.designer-vector-shape.is-mask-source{visibility:hidden}.designer-maskable.is-masked{-webkit-mask-image:var(--designer-mask-source);-webkit-mask-size:var(--designer-mask-size);-webkit-mask-position:var(--designer-mask-position);-webkit-mask-repeat:no-repeat;mask-image:var(--designer-mask-source);mask-size:var(--designer-mask-size);mask-position:var(--designer-mask-position);mask-repeat:no-repeat}
.designer-shape-search{width:100%;height:32px;margin:0 0 10px;padding:0 9px;border:1px solid #e0e1e7;border-radius:7px;font:11px Inter,sans-serif;outline:0}.designer-shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.designer-shape-grid button{display:grid;gap:5px;place-items:center;min-height:88px;padding:8px;border:1px solid #e1e2e8;border-radius:8px;background:#fff;color:#4f505b;font:600 10px/1.15 Inter,sans-serif;cursor:pointer}.designer-shape-grid button:hover{border-color:#9ebcf5;background:#f7faff}.designer-shape-grid img{display:block;width:42px;height:42px;object-fit:contain}.designer-shape-grid span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* One bottom floater: canvas controls first, page controls to their right. */
.designer-page-view>.designer-bottom-controls{position:fixed!important;z-index:5000!important;bottom:25px!important;left:calc(50% + 150px)!important;display:flex!important;align-items:center!important;height:34px!important;padding:3px 6px!important;transform:translateX(-50%)!important;border:1px solid #dedfe6!important;border-radius:12px!important;background:#fffffff2!important;box-shadow:0 9px 23px #24263124!important;backdrop-filter:blur(9px)!important;visibility:visible!important;opacity:1!important}.designer-page-view>.designer-bottom-controls button{display:grid!important;place-items:center!important;width:34px!important;height:28px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#565762!important;cursor:pointer!important}.designer-page-view>.designer-bottom-controls button:hover:not(:disabled){background:#edf3ff!important;color:#2468e9!important}.designer-page-view>.designer-bottom-controls button:disabled{opacity:.38!important;cursor:default!important}.designer-page-view>.designer-bottom-controls button svg{width:15px!important;height:15px!important}.designer-page-view>.designer-bottom-controls output{display:grid!important;place-items:center!important;min-width:52px!important;color:#474852!important;font:650 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.designer-page-view>.designer-bottom-controls .designer-page-actions{display:flex!important;align-items:center!important;gap:5px!important;margin-left:5px!important;padding-left:6px!important;border-left:1px solid #e5e5ea!important}.designer-page-view>.designer-bottom-controls .designer-page-actions button{display:inline-flex!important;width:auto!important;min-width:max-content!important;padding:0 8px!important;border:1px solid #dfe1e8!important;background:#fff!important}.designer-page-view>.designer-bottom-controls .designer-page-actions span{width:auto!important;height:auto!important;background:transparent!important}
.designer-window>.designer-bottom-controls{position:fixed!important;z-index:1000!important;bottom:25px!important;left:calc(50% + 150px)!important;display:flex!important;visibility:visible!important;opacity:1!important}
.designer-bottom-controls .designer-zoom-group{display:flex!important;align-items:center!important;width:auto!important;height:28px!important;background:transparent!important}
.designer-bottom-controls button span{width:auto!important;height:auto!important;background:transparent!important}
.designer-bottom-controls .designer-bottom-controls-divider{display:block!important;flex:0 0 1px!important;width:1px!important;height:20px!important;margin:0 6px!important;background:#e5e5ea!important}.designer-bottom-controls .designer-bottom-controls-divider.is-page-divider{margin-left:8px!important}.designer-bottom-controls .designer-page-label{margin:0 4px!important;white-space:nowrap!important;color:#5a5b66;font:650 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.designer-window>.designer-bottom-controls{position:absolute!important;z-index:120!important;top:auto!important;bottom:25px!important;left:calc(50% + 150px)!important;display:flex!important;align-items:center!important;width:max-content!important;max-width:calc(100% - 324px)!important;min-height:34px!important;height:34px!important;padding:3px 6px!important;transform:translateX(-50%)!important;overflow:visible!important;border:1px solid #dedfe6!important;border-radius:12px!important;background:#fffffff2!important;box-shadow:0 9px 23px #24263114!important;backdrop-filter:blur(9px)}
.designer-bottom-controls .designer-zoom-group{display:flex;align-items:center;height:28px}.designer-bottom-controls .designer-zoom-group>span,.designer-bottom-controls-divider{display:block!important;flex:0 0 1px!important;width:1px!important;height:20px!important;margin:0 5px!important;background:#e5e5ea!important}.designer-bottom-controls-divider{margin:0 7px!important}.designer-bottom-controls .designer-page-navigation{position:static!important;display:flex!important;align-items:center!important;gap:4px!important;width:auto!important;height:28px!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.designer-bottom-controls .designer-page-navigation .designer-page-label{margin:0!important;white-space:nowrap!important}.designer-bottom-controls .designer-page-actions{display:flex!important;align-items:center!important;gap:5px!important;margin-left:4px!important;padding-left:6px!important;border-left:1px solid #e5e5ea!important}.designer-bottom-controls .designer-page-actions button{display:inline-flex!important;width:auto!important;min-width:max-content!important;height:28px!important;padding:0 8px!important;border:1px solid #dfe1e8!important;border-radius:6px!important;background:#fff!important;white-space:nowrap!important}

/* Designer is a peer workspace, not an overlay on the NodeBuster canvas. */
.app-header{position:relative}
.studio-shell.designer-view-active.has-persistent-chrome>.library,
.studio-shell.designer-view-active.has-persistent-chrome>.workspace,
.studio-shell.designer-view-active.has-persistent-chrome>.inspector,
.studio-shell.designer-view-active.has-persistent-chrome>.floating-tools,
.studio-shell.designer-view-active>.library,
.studio-shell.designer-view-active>.workspace,
.studio-shell.designer-view-active>.inspector,
.studio-shell.designer-view-active>.floating-tools{display:none!important;visibility:hidden!important;pointer-events:none!important}
.studio-shell.designer-view-active>.designer-page-view{display:block!important;position:relative!important;z-index:40!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;background:#f5f5f7!important}
.designer-page-view .designer-window{width:100%!important;height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.designer-page-view .designer-body{height:100%!important;grid-template-columns:300px minmax(0,1fr)!important}
.designer-page-view .designer-workspace{height:100%!important;position:relative!important}
.designer-page-view .designer-workspace-header{position:absolute;z-index:8;top:12px;right:18px;left:18px;width:auto;min-height:34px!important;padding:2px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.designer-page-view .designer-workspace-header .designer-header-actions{gap:5px}
.designer-page-view .designer-workspace-header .designer-header-actions>span{font-size:10px}
.designer-page-view .designer-stage-wrap{margin:82px auto 78px!important}
.designer-page-view .designer-page-navigation{top:60px!important;left:calc(50% + 146px)!important}
.designer-page-view .designer-format-toolbar{top:102px!important}

/* NodeBuster rail follows the compact, labelled Designer navigation language. */
.library-rail{gap:5px!important;padding:12px 8px!important}
.library-rail .library-rail-button{display:grid!important;place-items:center!important;gap:3px!important;width:54px!important;height:auto!important;min-height:47px!important;padding:5px 2px!important;border-radius:10px!important;font:600 9px/1.1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.library-rail .library-rail-button svg{width:18px!important;height:18px!important}
.library-rail .library-rail-button span{display:block!important;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.library-panel{padding:14px 13px!important}
.node-outline h2{display:flex;align-items:center;gap:7px;margin:0 0 11px;padding:0 4px;color:#3d3e47;font-size:15px;letter-spacing:-.025em}.node-outline h2 svg{width:18px;height:18px;color:#60636f}.node-outline h2 small{margin-left:auto;color:#7d7e89;font-size:10px}.node-outline details{margin:0 0 3px;cursor:grab}.node-outline details.is-dragging{opacity:.45}.node-outline details.is-drop-before{box-shadow:inset 0 2px #2d64ee}.node-outline details.is-drop-after{box-shadow:inset 0 -2px #2d64ee}.node-outline summary{display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 7px;border-radius:6px;color:#545561;font:650 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;list-style:none}.node-outline summary::-webkit-details-marker{display:none}.node-outline summary>svg:first-child{width:12px;height:12px;transition:transform .15s}.node-outline details:not([open]) summary>svg:first-child{transform:rotate(-90deg)}.node-outline summary>svg:nth-child(2){width:14px;height:14px;color:#777a87}.node-outline summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-outline summary small{margin-left:auto;color:#9a9ba5;font-size:9px}.node-outline summary:hover,.node-outline summary.is-selected{background:#eef4ff;color:#2867d9}.node-outline-item{display:flex;align-items:center;gap:7px;width:100%;min-height:29px;padding:5px 7px 5px 32px;border:0;border-radius:5px;background:transparent;color:#60616d;font:500 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;cursor:pointer}.node-outline-item.is-drop-before{box-shadow:inset 0 2px #2d64ee}.node-outline-item.is-drop-after{box-shadow:inset 0 -2px #2d64ee}.node-outline-item svg{width:14px;height:14px;flex:0 0 auto;color:#777a87}.node-outline-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-outline-item:hover,.node-outline-item.is-selected{background:#f0f5ff;color:#2867d9}.node-outline-item.is-selected svg{color:#2867d9}.node-outline-ungrouped{margin-top:11px;padding-top:8px;border-top:1px solid #ececf0}.node-outline-ungrouped>p{margin:0 0 3px;padding:0 7px;color:#92939d;font-size:8px;font-weight:800;letter-spacing:.1em}.node-outline-item.is-ungrouped{padding-left:7px}
.app-view-switcher{position:absolute;left:50%;display:flex;align-items:center;gap:3px;padding:3px;transform:translateX(-50%);border:1px solid #e1e2e8;border-radius:9px;background:#fafafd}.app-view-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#74757f;font:650 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;cursor:pointer}.app-view-trigger svg{width:15px;height:15px}.app-view-trigger:hover{color:#34353d;background:#f0f1f5}.app-view-trigger.is-active{background:#fff;color:#2768dd;box-shadow:0 1px 3px #25252a12}
.studio-shell.designer-view-active>.library,.studio-shell.designer-view-active>.workspace,.studio-shell.designer-view-active>.inspector,.studio-shell.designer-view-active>.floating-tools{display:none!important;visibility:hidden!important;pointer-events:none!important}.studio-shell.designer-view-active>.designer-page-view{display:block!important;position:relative;z-index:25;grid-column:1/-1;grid-row:2;min-width:0;min-height:0;overflow:hidden;background:#f7f7f9}.designer-page-view[hidden]{display:none!important}.designer-page-view .designer-window{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.designer-page-view .designer-header{min-height:48px;padding:0 18px}.designer-page-view .designer-body{grid-template-columns:292px minmax(0,1fr);height:calc(100% - 48px)}.designer-page-view .designer-sidebar{grid-template-columns:72px minmax(0,1fr)}.designer-page-view .designer-panel{padding:0;background:#fff}.designer-page-view .designer-panel>.designer-layers{height:100%;border-left:0}.designer-page-view .designer-workspace{height:100%}.designer-page-view .designer-stage-wrap{margin:38px auto 78px}.designer-page-view .designer-page-navigation{top:17px}.designer-page-view .designer-zoom-controls{bottom:25px}
.account-color-picker .color-save{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:100px!important;height:29px!important;margin:0!important;padding:0 8px!important;gap:5px!important;white-space:nowrap!important;line-height:1!important}
.account-color-picker .color-save span{white-space:nowrap!important}
.account-color-picker .color-save svg{display:block!important;flex:0 0 auto!important;width:13px!important;height:13px!important}

/* The alpha rail uses a real checkerboard below the selected-colour alpha
   gradient, so its transparent end remains legible against any colour. */
.color-picker-alpha{background-color:#fff!important;background-image:linear-gradient(90deg,transparent,var(--alpha-colour,#25252b)),conic-gradient(#e6e7ed 25%,#fff 0 50%,#e6e7ed 0 75%,#fff 0)!important;background-position:0 0,0 0!important;background-repeat:no-repeat,repeat!important;background-size:100% 100%,8px 8px!important}

/* Format/opacity values are peer inputs. Keep the alpha field inside its grid
   track (including its three-digit 100 state) instead of letting native number
   controls force it outside the picker. */
.color-picker-formats{grid-template-columns:50px minmax(0,1fr) 1px minmax(44px,.44fr)!important}
.color-picker-opacity-value{width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:0 4px!important;appearance:textfield!important;-moz-appearance:textfield!important}
.color-picker-opacity-value::-webkit-inner-spin-button,.color-picker-opacity-value::-webkit-outer-spin-button{margin:0!important;-webkit-appearance:none!important}

/* The saved palette and action belong to one baseline. */
.account-color-picker:has(.saved-colours){padding-bottom:12px!important}
.saved-colours{display:grid!important;gap:7px!important;margin-top:10px!important;padding-top:9px!important}
.saved-colours-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important}
.saved-colour-swatches{display:flex!important;flex:1 1 auto!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;min-width:0!important}
.saved-colours+.color-save{position:static!important}
.color-save{flex:0 0 auto!important;align-self:center!important;margin:0!important}

/* Opacity is deliberately a plain text field, not a native number stepper:
   it must use the exact same box model, border and focus treatment as HEX and
   RGB/HSL/HSB inputs. Validation remains in the picker controller. */
.color-picker-opacity-value{border:1px solid #dedee6!important;outline:0!important;box-shadow:none!important;font:400 10px/16px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.color-picker-opacity-value:focus{border-color:#aeb5c4!important;outline:0!important;box-shadow:none!important}

/* Shared Figma colour-picker contract: 243px panel, 218px colour surface,
   stacked hue/alpha tracks, and the format plus alpha-value row. */
.account-color-picker{width:243px!important;padding:12px!important;border-color:#dedee6!important;border-radius:8px!important;box-shadow:0 14px 32px #20202a24!important}
.account-color-picker header{min-height:21px;margin-bottom:12px!important;color:#17171c!important;font-size:12px!important}.account-color-picker header button{width:18px!important;height:18px!important}
.color-picker-surface{height:150px!important;border-radius:7px!important}.color-picker-spectrum-row{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center;margin-top:8px}.color-picker-spectrum-row>button{display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid #dedee6;border-radius:5px;background:#fafafd;color:#62626c}.color-picker-spectrum-row>button svg{width:15px;height:15px}.color-picker-slider-stack{display:grid;gap:8px}.color-picker-hue,.color-picker-alpha{display:block;width:100%;height:15px;margin:0!important;padding:0!important;appearance:none;border:0;border-radius:999px}.color-picker-hue{background:linear-gradient(90deg,#f00,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,#f00)}.color-picker-alpha{background:linear-gradient(90deg,transparent,var(--alpha-colour)) ,conic-gradient(#ececf1 25%,#fff 0 50%,#ececf1 0 75%,#fff 0);background-size:auto,8px 8px}.color-picker-hue::-webkit-slider-thumb,.color-picker-alpha::-webkit-slider-thumb{width:15px;height:15px;appearance:none;border:2px solid #fff;border-radius:50%;background:hsl(var(--thumb-hue,0) 100% 50%);box-shadow:0 0 0 1px #292932}.color-picker-alpha::-webkit-slider-thumb{background:var(--alpha-colour,#25252b)}.color-picker-alpha:disabled{opacity:.42;cursor:not-allowed}
.color-picker-formats{grid-template-columns:50px minmax(0,1fr) 1px 38px!important;gap:4px!important;margin-top:8px!important}.color-picker-formats select,.color-picker-values input,.color-picker-opacity-value{height:32px!important;border-color:#dedee6!important;border-radius:5px!important;background:#fafafd!important;color:#34343d!important;font:400 10px/16px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.color-picker-formats select{padding:0 4px!important}.color-picker-values{grid-template-columns:repeat(var(--value-count),minmax(0,1fr))!important;gap:4px!important}.color-picker-values:has(input:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))!important}.color-picker-opacity-value{width:38px;padding:0 3px!important;text-align:center!important}.color-picker-opacity-value:disabled{opacity:.65}.color-picker-value-divider{align-self:center;width:1px;height:20px;background:#dedee6}.saved-colours{margin-top:10px!important;padding-top:9px!important}.saved-colours>div{gap:4px!important}.saved-colours button{width:21px!important;height:21px!important;border-radius:5px!important}.color-save{width:auto!important;min-width:48px;height:29px;margin:0 0 0 auto!important;padding:0 5px!important;font-size:10px!important}.saved-colours+.color-save{position:absolute;right:12px;bottom:12px}.account-color-picker:has(.saved-colours){padding-bottom:42px!important}

/* Opacity lives directly beneath hue so colour and transparency can be tuned
   in one continuous gesture. The numeric field remains useful for exact values. */
.color-picker-opacity-row{display:grid;grid-template-columns:48px 11px minmax(0,1fr);gap:6px;align-items:center;margin-top:9px}
.color-picker-opacity-row input[type="number"]{width:48px;height:28px;padding:0 5px;border:1px solid #dedee6;border-radius:6px;background:#fff;color:#555560;font:600 11px/1 Inter,sans-serif;text-align:center;outline:0}
.color-picker-opacity-row span{color:#858590;font:600 11px/1 Inter,sans-serif}
.color-picker-opacity-row input[type="range"]{width:100%;height:14px;margin:0!important;padding:0!important;appearance:none;border-radius:999px;background:linear-gradient(90deg,#25252b 0%,#25252b var(--opacity,100%),#e3e4e9 var(--opacity,100%),#e3e4e9 100%)}
.color-picker-opacity-row input[type="range"]::-webkit-slider-thumb{width:15px;height:15px;appearance:none;border:2px solid #fff;border-radius:50%;background:#25252b;box-shadow:0 0 0 1px #292932}

/* Object-only edge handles resize one axis while the existing corner handles
   preserve proportional scaling. They deliberately stay outside the layer so
   their hit target does not cover artwork. */
.designer-resize-handle.is-side{width:14px!important;height:8px!important;border-radius:4px!important}
.designer-resize-handle.is-side.n{top:-6px!important;right:auto!important;bottom:auto!important;left:50%!important;transform:translateX(-50%);cursor:ns-resize}
.designer-resize-handle.is-side.s{right:auto!important;bottom:-6px!important;left:50%!important;top:auto!important;transform:translateX(-50%);cursor:ns-resize}
.designer-resize-handle.is-side.e{top:50%!important;right:-6px!important;bottom:auto!important;left:auto!important;transform:translateY(-50%) rotate(90deg);cursor:ew-resize}
.designer-resize-handle.is-side.w{top:50%!important;right:auto!important;bottom:auto!important;left:-6px!important;transform:translateY(-50%) rotate(90deg);cursor:ew-resize}

/* Final Designer floater contract: later legacy rules must not resize these. */
.designer-window>.designer-page-navigation,.designer-format-toolbar,.designer-selection-toolbar{box-sizing:border-box!important;min-height:34px!important;height:34px!important}
.designer-window>.designer-page-navigation{padding:3px 6px!important}
.designer-format-toolbar{padding:2px 8px!important}
.designer-selection-toolbar{display:flex!important;align-items:center!important;border-radius:12px!important}
.designer-selection-toolbar button{height:32px!important;border-right:0!important}
.designer-selection-toolbar>span.designer-selection-separator{display:block!important;flex:0 0 1px!important;width:1px!important;height:20px!important;margin:0 5px!important;background:#e5e5ea!important}
.designer-selection-toolbar .designer-radius-control{display:flex!important;align-items:center!important;gap:6px!important;height:32px!important;padding:0 3px!important;border:0!important;color:#4e4f59!important}
.designer-selection-toolbar .designer-radius-control>svg{display:block!important;width:15px!important;height:15px!important;flex:0 0 auto!important}
.designer-radius-input{display:flex!important;align-items:center!important;gap:4px!important;box-sizing:border-box!important;height:30px!important;padding:0 7px!important;border:1px solid #e0e1e7!important;border-radius:7px!important;color:#767782!important}
.designer-radius-input input{width:31px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:#44454e!important;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;outline:0!important}
.designer-radius-input b{color:#767782!important;font:500 10px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}

/* Designer floating-control standard. These overrides sit after the legacy
   Designer rules so the page, text and selection floaters share one 34px
   physical control height regardless of their contents. */
.designer-window>.designer-page-navigation,.designer-format-toolbar,.designer-selection-toolbar{box-sizing:border-box!important;min-height:34px!important;height:34px!important}
.designer-window>.designer-page-navigation{padding:3px 6px!important}
.designer-format-toolbar{padding:2px 8px!important}
.designer-selection-toolbar{display:flex!important;align-items:center!important;border-radius:12px!important}
.designer-selection-toolbar button{height:32px!important;border-right:0!important}
.designer-selection-toolbar>span.designer-selection-separator{display:block!important;flex:0 0 1px!important;width:1px!important;height:20px!important;margin:0 5px!important;background:#e5e5ea!important}
.designer-selection-toolbar .designer-radius-control{display:flex!important;align-items:center!important;gap:6px!important;height:32px!important;padding:0 3px!important;border:0!important;color:#4e4f59!important}
.designer-selection-toolbar .designer-radius-control>svg{display:block!important;width:15px!important;height:15px!important;flex:0 0 auto!important}
.designer-radius-input{display:flex!important;align-items:center!important;gap:4px!important;box-sizing:border-box!important;height:30px!important;padding:0 7px!important;border:1px solid #e0e1e7!important;border-radius:7px!important;color:#767782!important}
.designer-radius-input input{width:31px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:#44454e!important;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;outline:0!important}
.designer-radius-input b{color:#767782!important;font:500 10px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.my-node-controls{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0}.my-node-swatches{display:flex;flex:1;flex-wrap:wrap;gap:5px}.my-node-swatch{width:18px;height:18px;padding:0;border:1px solid #d7d8e0;border-radius:5px;background:var(--my-node-colour);box-shadow:inset 0 0 0 1px #ffffff66;cursor:pointer}.my-node-reset-colours,.my-node-edit-template{min-height:28px!important;margin:0!important;padding:5px 8px!important;font-size:10px!important;white-space:nowrap}.library-empty{margin:16px 4px;color:#81828c;font-size:12px;line-height:1.5}
.canvas-node.my-template-node .node-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:10px}.canvas-node.my-template-node .image-render-canvas{width:100%;height:auto;max-height:none;aspect-ratio:var(--my-template-ratio,9 / 16);object-fit:contain}.canvas-node.my-template-node .my-node-controls{flex:none;width:100%;margin-top:8px;padding-top:8px;border-top:1px solid #ededf2}

/* This is a canvas overlay rather than part of the selected element, so it
   consistently sits above every layer in the composition. */
.designer-canvas-selection-toolbar{position:absolute!important;z-index:121!important;bottom:auto!important;transform:translateX(-50%)!important}.designer-selection-toolbar{box-sizing:border-box;min-height:34px;height:34px;border-radius:12px}.designer-selection-toolbar button{height:32px}.designer-selection-toolbar .designer-radius-control{box-sizing:border-box;height:32px;padding:0 8px}.designer-radius-control svg{width:15px;height:15px}.designer-radius-control input{width:36px;padding:0;border:0;background:transparent;color:#4e4f59;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.designer-radius-control b{color:#8a8b96;font-size:9px}

/* Let the Designer fill the viewport with the same breathing room on every
   edge. The final format rule intentionally wins over the legacy 4:5 size. */
.designer-window{width:calc(100vw - 64px)!important;height:calc(100dvh - 64px)!important;max-width:none!important;max-height:none!important}.designer-page{height:auto!important;aspect-ratio:4/5}.designer-page[data-designer-format="1080 × 1920"]{aspect-ratio:9/16!important}.designer-template-category{display:grid;gap:9px;margin:0 0 13px}.designer-template-category>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #e0e2e9;border-radius:7px;background:#fff;color:#4d4e59;font:700 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;list-style:none}.designer-template-category>summary::-webkit-details-marker{display:none}.designer-template-category>summary small{color:#898a95;font:650 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-template-category>summary svg{width:14px;height:14px;color:#757783;transition:transform .15s}.designer-template-category:not([open])>summary svg{transform:rotate(-90deg)}.designer-template-category:not([open]){gap:0}

/* Formatting is a workspace overlay, never part of the stage's document flow. */
.designer-format-toolbar{box-sizing:border-box;height:34px;padding:2px 8px!important;position:absolute!important;z-index:12!important;top:18px!important;left:50%!important;margin:0!important;transform:translateX(-50%)!important}.designer-stage-wrap{isolation:isolate}.designer-zoom-controls{box-sizing:border-box;height:34px;position:absolute;z-index:110;top:calc(100% + 18px);left:50%;display:flex;align-items:center;overflow:hidden;transform:translateX(-50%);border:1px solid #dedfe6;border-radius:12px;background:#fffffff2;box-shadow:0 9px 23px #24263114;backdrop-filter:blur(9px)}.designer-zoom-controls button{display:grid;place-items:center;width:34px;height:32px;padding:0;border:0;background:transparent;color:#565762;font:650 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.designer-zoom-controls button:hover:not(:disabled){background:#edf3ff;color:#2468e9}.designer-zoom-controls button:disabled{opacity:.38;cursor:default}.designer-zoom-controls button svg{width:15px;height:15px}.designer-zoom-controls output{display:grid;place-items:center;min-width:52px;height:32px;color:#474852;font:650 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-zoom-controls span{width:1px;height:20px;background:#e5e5ea}.designer-zoom-controls [data-designer-zoom-fit]{width:auto;padding:0 11px}
.designer-window>.designer-zoom-controls{position:absolute;z-index:120;top:auto;bottom:25px;left:50%;transform:translateX(-50%)}.designer-workspace{overscroll-behavior:contain}.designer-workspace.is-pan-ready{cursor:grab}.designer-workspace.is-panning{cursor:grabbing;user-select:none}
.designer-window>.designer-page-navigation{box-sizing:border-box;position:absolute;z-index:120;top:25px;left:50%;display:flex;align-items:center;gap:7px;width:max-content;height:34px;margin:0;padding:3px 6px;transform:translateX(-50%);border:1px solid #dedfe6;border-radius:12px;background:#fffffff2;box-shadow:0 9px 23px #24263114;backdrop-filter:blur(9px)}.designer-window>.designer-page-navigation .designer-page-label{margin:0;white-space:nowrap}.designer-window>.designer-page-navigation .designer-page-actions{display:flex;align-items:center;gap:5px;margin-left:4px;padding-left:5px;border-left:1px solid #e5e5ea}

/* Inspector selects are overlays. A long font catalogue must never stretch
   the panel; its own list scrolls after twelve visible font rows. */
.inspector-select-wrap{position:relative;margin-top:3px}.inspector-select{display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;margin:0!important;padding:7px 8px!important;border:1px solid #dedee6!important;border-radius:7px!important;background:#fff!important;color:#363640!important;font:11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;cursor:pointer}.inspector-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-select svg{width:14px;height:14px;flex:0 0 auto;color:#777782}.inspector-select-menu{position:absolute;z-index:90;top:calc(100% + 4px);right:0;left:0;display:grid;max-height:240px;overflow-y:auto;padding:4px;border:1px solid #dedee6;border-radius:8px;background:#fff;box-shadow:0 12px 30px #20202a22}.inspector-select-menu button{display:flex!important;align-items:center;width:100%;min-height:29px;margin:0!important;padding:0 8px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#393943!important;font:11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;cursor:pointer}.inspector-select-menu button:hover,.inspector-select-menu button[aria-selected="true"]{background:#eef4ff!important;color:#2867d9!important}.typography-font-select-menu{max-height:360px}.typography-font-select-menu button{min-height:30px;font-size:13px}
.designer-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.designer-template-grid button{display:grid;gap:6px;min-width:0;padding:5px;border:1px solid #e0e2e9;border-radius:8px;background:#fff;color:#50515c;font:650 10px/1.2 Inter,sans-serif;text-align:left;cursor:pointer}.designer-template-grid button:hover{border-color:#80a9f1;background:#f6f9ff;color:#2867d9}.designer-template-grid img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:5px;background:#eceef3}.designer-template-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.designer-photo-placeholder{position:relative;overflow:hidden}.designer-photo-placeholder.has-source{display:block;border-style:solid;border-color:#fff;color:#fff}.designer-photo-placeholder.has-source img{display:block;width:100%;height:100%;object-fit:cover}.designer-photo-placeholder.has-source span{position:absolute;right:5px;bottom:5px;padding:3px 4px;border-radius:3px;background:#15161a99;color:#fff;font-size:8px}.designer-object-element>img{border-radius:inherit}
.designer-page{height:auto;aspect-ratio:4/5}.designer-page[data-designer-format="1080 × 1920"]{aspect-ratio:9/16}
.designer-layer{position:relative;cursor:grab}.designer-layer.is-dragging{opacity:.45}.designer-layer.is-drop-before{box-shadow:inset 0 2px #2d64ee}.designer-layer.is-drop-after{box-shadow:inset 0 -2px #2d64ee}.designer-layer-popover{position:absolute;z-index:20;top:calc(100% + 2px);right:4px;display:grid;min-width:118px;padding:4px;border:1px solid #e0e1e8;border-radius:7px;background:#fff;box-shadow:0 10px 24px #25252a20}.designer-layer-popover button{display:flex;align-items:center;gap:6px;padding:7px;border:0;border-radius:5px;background:transparent;color:#545561;font:600 10px/1 Inter,sans-serif;text-align:left;cursor:pointer}.designer-layer-popover button:hover{background:#f3f5f9;color:#2867d9}.designer-layer-popover button.is-danger:hover{background:#fff2f0;color:#b4473d}.designer-layer-popover svg{width:13px;height:13px}
.designer-layer-mask-state{display:grid;place-items:center;flex:0 0 auto;width:16px;height:16px;margin-left:2px;color:#7a7c88}.designer-layer-mask-state svg{width:13px!important;height:13px!important}.designer-layer-mask-state.is-source{color:#5a39c9}.designer-layer-mask-state.is-target{color:#5572a8}
.designer-layer-group{position:relative;margin:0 0 3px;background:transparent;cursor:grab}.designer-layer-group.is-selected{background:transparent}.designer-layer-group.is-dragging{opacity:.45}.designer-layer-group.is-drop-before{box-shadow:inset 0 2px #2d64ee}.designer-layer-group.is-drop-after{box-shadow:inset 0 -2px #2d64ee}.designer-layer-group-header{display:flex;align-items:center;min-height:34px;padding:2px 5px;color:#555762}.designer-layer-group-header:hover{background:#f7f9fc}.designer-layer-group-select{display:flex;align-items:center;gap:7px;min-width:0;flex:1;height:30px;padding:0;border:0;background:transparent;color:inherit;font:700 12px/1 Inter,sans-serif;text-align:left;cursor:pointer}.designer-layer-group.is-selected .designer-layer-group-select{color:#2867db}.designer-layer-group-select>i{display:grid;place-items:center;width:13px;height:20px;font-style:normal}.designer-layer-group-select svg{width:14px;height:14px;flex:0 0 auto}.designer-layer-group-select>i svg{width:12px;height:12px}.designer-layer-group-select strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-layer-group-select input{min-width:0;flex:1;height:23px;padding:0 5px;border:1px solid #8eb1ef;border-radius:4px;background:#fff;color:#40414b;font:700 12px/1 Inter,sans-serif;outline:none}.designer-layer-group-select small{margin-left:auto;color:#8b8d99;font-size:11px}.designer-layer-group-actions{display:flex;opacity:.58}.designer-layer-group:hover .designer-layer-group-actions,.designer-layer-group.is-selected .designer-layer-group-actions{opacity:1}.designer-layer-group-actions button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:4px;background:transparent;color:#8a8d99;cursor:pointer}.designer-layer-group-actions button:hover{background:#eaf2ff;color:#2867d9}.designer-layer-group-actions svg{width:12px;height:12px}.designer-layer-group-children{padding:0 0 2px 30px}.designer-layer-group-children .designer-layer{margin:0;padding-right:5px;border-radius:0;background:transparent}.designer-layer-group-children .designer-layer.is-selected{border-radius:6px;background:#eef4ff}.designer-group-popover{top:33px;right:4px}
.designer-context-menu{position:fixed;z-index:500;display:grid;min-width:176px;padding:5px;border:1px solid #dfe2e9;border-radius:10px;background:#fff;box-shadow:0 16px 34px #20232c2b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-context-menu button{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#4f515d;font:650 11px/1 Inter,sans-serif;text-align:left;cursor:pointer}.designer-context-menu button:hover{background:#edf3ff;color:#2867db}.designer-context-menu button.is-danger:hover{background:#fff1ef;color:#ba493e}.designer-context-menu button svg{width:15px;height:15px}.designer-context-menu i{height:1px;margin:4px 2px;background:#e8e9ee}
.designer-images-panel{padding:24px 22px 32px}.designer-images-panel .designer-panel-heading{margin-bottom:18px}.designer-image-section{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #eaebf0}.designer-image-section:last-child{border-bottom:0}.designer-image-section>header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 10px;color:#555764;font:750 12px/1 Inter,sans-serif}.designer-image-section>header>span{display:flex;align-items:center;gap:6px}.designer-image-section>header svg{width:15px;height:15px;color:#747889}.designer-image-section>p{margin:0;color:#8a8c97;font:11px/1.45 Inter,sans-serif}.designer-upload-button{display:inline-flex;align-items:center;gap:4px;height:27px;padding:0 8px;border:1px solid #dfe1e8;border-radius:6px;background:#fff;color:#5d6070;font:700 10px/1 Inter,sans-serif;cursor:pointer}.designer-upload-button:hover{border-color:#9cb9ef;background:#f5f9ff;color:#2767db}.designer-upload-button svg{width:13px!important;height:13px!important}.designer-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.designer-image-card{display:grid;min-width:0;gap:5px;padding:4px;border:1px solid #e2e3e9;border-radius:7px;background:#fff;color:#535560;font:650 10px/1.2 Inter,sans-serif;text-align:left;cursor:grab}.designer-image-card:hover{border-color:#8eb4f1;box-shadow:0 4px 12px #2427320c}.designer-image-card.is-dragging{opacity:.48}.designer-image-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;background:#f0f1f4}.designer-image-card span{overflow:hidden;padding:0 2px;text-overflow:ellipsis;white-space:nowrap}.designer-unsplash-search{display:flex;gap:6px;margin-bottom:10px}.designer-unsplash-search input{min-width:0;flex:1;height:32px;padding:0 9px;border:1px solid #dee0e7;border-radius:6px;background:#fff;color:#41434e;font:11px Inter,sans-serif;outline:none}.designer-unsplash-search input:focus{border-color:#8aaeea;box-shadow:0 0 0 2px #e8f0ff}.designer-unsplash-search button{height:32px;padding:0 9px;border:0;border-radius:6px;background:#2d67de;color:#fff;font:700 10px/1 Inter,sans-serif;cursor:pointer}.designer-unsplash-search button:disabled{opacity:.55;cursor:wait}.designer-image-error{margin:0 0 9px!important;color:#b54b42!important}.designer-image-grid.is-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-image-grid.is-masonry .designer-image-card img{aspect-ratio:3/4}
.designer-selection-marquee{position:absolute;z-index:60;display:block;border:1px solid #7d4cf3;background:#8b3dff18;pointer-events:none}
.designer-font-picker{position:relative;display:flex;align-items:center;gap:5px;min-width:170px;height:30px;padding:0 6px;color:#4c4d58}.designer-font-picker>svg{width:15px;height:15px;flex:0 0 auto}.designer-format-toolbar .designer-font-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:132px;height:28px;padding:0 2px;background:transparent;color:#41424b;font-size:12px;font-weight:650;text-align:left}.designer-font-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-font-trigger svg{width:14px;height:14px;flex:0 0 auto}.designer-font-menu{position:absolute;z-index:30;top:calc(100% + 7px);left:0;display:none;width:206px;max-height:min(346px,calc(100dvh - 185px));overflow-y:auto;padding:5px;border:1px solid #dedfe7;border-radius:10px;background:#fff;box-shadow:0 16px 34px #25262d24}.designer-font-picker.is-open .designer-font-menu{display:grid}.designer-font-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:0 8px;border-radius:6px;color:#353641;font-size:13px;font-weight:500;text-align:left}.designer-font-menu button:hover,.designer-font-menu button[aria-selected="true"]{background:#eef4ff;color:#2867d9}.designer-font-menu button svg{width:14px;height:14px;flex:0 0 auto}
.designer-layer-name-editor{display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:6px;color:#747784}.designer-layer-name-editor svg{width:14px;height:14px;flex:0 0 auto}.designer-layer-name-editor input{min-width:0;width:100%;height:22px;padding:0 5px;border:1px solid #8eb1ef;border-radius:4px;background:#fff;color:#40414b;font:600 11px/1 Inter,sans-serif;outline:none}.designer-layer-name-editor input:focus{border-color:#2d64ee;box-shadow:0 0 0 2px #dbe9ff}
.designer-canvas-actions{position:absolute;z-index:7;top:0;right:24px;left:auto;height:auto;padding:12px 0;border:0;background:transparent;backdrop-filter:none}.designer-canvas-actions>span{display:none}
.designer-media-items{display:grid;gap:7px}.designer-media-items button{display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-items:center;padding:9px;border:1px solid #e2e3e9;border-radius:8px;background:#fff;color:#4b4c56;text-align:left;cursor:pointer}.designer-media-items button:hover{border-color:#9eb9f0;background:#f8fbff}.designer-media-items span{display:grid;place-items:center;grid-row:1/3;width:24px;height:24px;border-radius:6px;background:#f0f3f8;color:#64718a}.designer-media-items svg{width:14px;height:14px}.designer-media-items strong{font-size:11px}.designer-media-items small{margin-top:2px;color:#8a8b96;font-size:9px}
body.designer-open .account-color-picker{z-index:210}
.designer-page-navigation{min-height:30px!important;height:auto!important}.designer-page-actions{min-width:max-content;white-space:nowrap}.designer-page-navigation .designer-page-actions button{display:inline-flex!important;width:auto!important;min-width:max-content;height:28px!important;padding:0 8px!important;border:1px solid #dfe1e8!important;border-radius:6px!important;background:#fff!important;white-space:nowrap}.designer-page-navigation .designer-page-actions button span{display:inline!important;white-space:nowrap}

/* Shapes uses the same spacious card rhythm and neutral component language as
   the Node Buster library. It is intentionally wider than the compact Layers
   panel so shape names, previews and search never crowd one another. */
.designer-page-view .designer-body{grid-template-columns:var(--designer-sidebar-width,360px) minmax(0,1fr)!important}.designer-page-view .designer-sidebar{position:relative}.designer-sidebar-resizer{position:absolute;z-index:10;top:0;right:-4px;bottom:0;width:8px;cursor:col-resize}.designer-sidebar-resizer:hover{background:#2d67de33}.designer-page-view .designer-panel{padding:0!important}.designer-shapes-panel{padding:24px 22px 30px}.designer-shapes-panel .designer-panel-heading{margin:0 0 18px}.designer-shapes-panel .designer-panel-heading p{margin:0 0 7px;color:#9a9aa3;font-size:9px;font-weight:750;letter-spacing:.14em}.designer-shapes-panel .designer-panel-heading h2{color:#303039;font-size:21px;font-weight:700;letter-spacing:-.045em}.designer-shapes-panel .designer-shape-search{height:40px;margin:0 0 14px;padding:0 12px;border:1px solid #e1e1e7;border-radius:8px;background:#fff;color:#33333c;font:12px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-shapes-panel .designer-shape-grid{gap:10px}.designer-shapes-panel .designer-shape-grid button{min-height:136px;padding:12px;border:1px solid #ebebef;border-radius:9px;background:#fff;color:#303039;font:650 12px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:grab;transition:border-color .15s,box-shadow .15s,background .15s}.designer-shapes-panel .designer-shape-grid button:hover{border-color:#c9c9d2;background:#fff;box-shadow:0 5px 14px #25252c0a}.designer-shapes-panel .designer-shape-grid button.is-dragging{opacity:.48}.designer-shapes-panel .designer-shape-grid img{width:58px;height:58px;object-fit:contain}.designer-page.is-shape-drop-target{box-shadow:0 0 0 2px #79a5ed,0 10px 30px #22242c12}
.designer-document-dialog{width:min(520px,calc(100vw - 32px));padding:0;border:1px solid #dfe1e8;border-radius:14px;background:#fff;box-shadow:0 24px 70px #16192338}.designer-document-dialog::backdrop{background:#1d203044;backdrop-filter:blur(3px)}.designer-document-dialog-card{padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-document-dialog-card header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.designer-document-dialog-card header p{margin:0 0 5px;color:#8a8d98;font-size:10px;font-weight:800;letter-spacing:.1em}.designer-document-dialog-card h2{margin:0;color:#31323b;font-size:18px}.designer-document-dialog-card header button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#777987;cursor:pointer}.designer-document-dialog-card label{display:grid;gap:7px;color:#5b5d68;font:650 11px/1 Inter,sans-serif}.designer-document-dialog-card input{height:38px;padding:0 10px;border:1px solid #dfe1e8;border-radius:7px;color:#373944;font:600 13px Inter,sans-serif;outline:none}.designer-document-dialog-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.designer-document-dialog-card footer button{height:32px;padding:0 11px;border:1px solid #dfe1e8;border-radius:7px;background:#fff;color:#5d5f6b;font:700 11px Inter,sans-serif;cursor:pointer}.designer-document-dialog-card footer .is-primary{border-color:#2d67de;background:#2d67de;color:#fff}.designer-document-list{display:grid;max-height:min(52vh,440px);gap:6px;overflow:auto}.designer-document-list>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #e3e4ea;border-radius:8px;background:#fff;color:#4e505b;text-align:left;cursor:pointer}.designer-document-list>button:hover,.designer-document-list>button.is-active{border-color:#94b5ed;background:#f2f7ff;color:#2867d9}.designer-document-list>button>svg{width:18px;height:18px}.designer-document-list span{display:grid;gap:3px;min-width:0}.designer-document-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.designer-document-list small{color:#898b97;font-size:10px}.designer-document-list i{margin-left:auto;font:700 10px Inter,sans-serif}
.media-library-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.media-library-result{display:grid;gap:4px;margin:0!important;padding:5px!important;border:1px solid #e1e2e8!important;border-radius:7px!important;background:#fff!important;color:#565762!important;text-align:left;cursor:pointer}.media-library-result:hover,.media-library-result.is-selected{border-color:#4d83ef!important;background:#f4f8ff!important}.media-library-result img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;background:#f4f5f8}.media-library-result span{overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.media-library-result small{color:#898a95;font-size:9px}
.media-library-manage-trigger{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;margin:13px 0 3px!important}.media-library-manage-trigger svg{width:15px;height:15px}.media-library-dialog{width:min(980px,calc(100vw - 36px));max-height:calc(100dvh - 36px);margin:auto;padding:0;border:1px solid #e1e2e8;border-radius:16px;background:#fff;color:#30313a;box-shadow:0 28px 80px #16172045}.media-library-dialog::backdrop{background:#17182166;backdrop-filter:blur(4px)}.media-library-dialog-card{max-height:calc(100dvh - 36px);overflow:auto;padding:24px}.media-library-dialog-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.media-library-dialog-card .eyebrow{margin:0 0 6px;color:#80818c;font-size:10px;font-weight:800;letter-spacing:.1em}.media-library-dialog-card h2{margin:0;color:#30313a;font-size:21px;letter-spacing:-.035em}.media-library-dialog-card header>div>p:last-child{max-width:520px;margin:7px 0 0;color:#777884;font-size:12px;line-height:1.45}.media-library-dialog-card>header>button{display:grid;place-items:center;width:30px;height:30px;padding:0!important}.media-library-dialog-card>header>button svg{width:16px;height:16px}.media-library-manager-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.media-library-manager-card{display:grid;gap:8px;min-width:0;padding:8px;border:1px solid #e0e2e9;border-radius:10px;background:#fff}.media-library-manager-card.is-selected{border-color:#4d83ef;background:#f5f8ff;box-shadow:0 0 0 1px #4d83ef}.media-library-manager-preview{position:relative;display:block;width:100%;padding:0;border:0;border-radius:6px;background:#f2f3f6;overflow:hidden;cursor:pointer}.media-library-manager-preview img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.media-library-manager-preview span{position:absolute;right:5px;bottom:5px;padding:3px 5px;border-radius:4px;background:#171820cc;color:#fff;font-size:9px;font-weight:650}.media-library-manager-card>div{display:grid;gap:3px;min-width:0}.media-library-manager-card strong{overflow:hidden;color:#4b4c56;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.media-library-manager-card small{color:#8a8b95;font-size:10px}.media-library-manager-card footer{display:grid;grid-template-columns:1fr 1fr;gap:5px}.media-library-manager-card footer button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:28px;margin:0!important;padding:4px!important;font-size:10px!important}.media-library-manager-card footer svg{width:13px;height:13px}.media-library-manager-card footer .is-danger{color:#b4473d!important}.media-library-manager-empty{display:grid;place-items:center;gap:8px;min-height:280px;border:1px dashed #dcdde5;border-radius:10px;color:#81828d;text-align:center}.media-library-manager-empty svg{width:26px;height:26px;color:#9a9ba5}.media-library-manager-empty strong{color:#5e5f69;font-size:13px}.media-library-manager-empty p{margin:0;font-size:11px}@media (max-width:760px){.media-library-dialog-card{padding:18px}.media-library-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.media-library-search{display:flex!important;align-items:center;gap:6px;margin:0 0 8px!important;padding:0 8px;border:1px solid #dedee6;border-radius:7px;background:#fff;color:#858690}.media-library-search svg{flex:0 0 auto;width:14px;height:14px}.media-library-search input{width:100%;height:30px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#454650;font-size:11px;outline:0}.media-library-search-empty{margin:10px 0 2px;color:#858690;font-size:10px;text-align:center}
.media-library-result img,.media-library-manager-preview img{aspect-ratio:var(--media-library-ratio,4 / 5)!important;object-fit:contain!important;background:#f2f3f6}.media-library-manager-preview img{height:auto}
.image-upload-browser input[type="file"]{display:none}.image-dropzone-copy{display:grid;gap:5px;place-items:center;color:#74747e;font-size:11px;line-height:1.3}.image-dropzone-copy small{color:#90909a;font-size:9px}.image-dropzone-copy button{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#2563eb!important;font:inherit!important;text-decoration:underline;cursor:pointer}
.designer-canvas-actions{display:none}.designer-page-navigation{width:540px}.designer-page-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.designer-page-actions button{display:inline-flex;align-items:center;gap:4px;height:25px;padding:0 7px;border:1px solid #dfe1e8;border-radius:6px;background:#fff;color:#61626d;font:650 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.designer-page-actions button:hover{background:#f5f7fb;color:#2867d9}.designer-page-actions button:disabled{opacity:.42;cursor:not-allowed}.designer-page-actions svg{width:13px;height:13px}

/* Saved designs vary in height. A masonry column keeps each card compact so
   its actions sit directly below its own preview, never a stretched grid row. */
.media-library-manager-grid{columns:3 210px;column-gap:13px}.media-library-manager-card{display:inline-grid;grid-template-rows:auto auto auto;gap:8px;width:100%;margin:0 0 13px;break-inside:avoid}.media-library-manager-preview.is-static{cursor:default}@media (max-width:760px){.media-library-manager-grid{columns:2 150px}}
.my-node-library-card{min-width:0}.my-nodes-library-grid .library-node.library-node{display:grid;grid-template-rows:auto auto auto;align-items:stretch!important;justify-content:stretch!important;gap:6px;width:100%;height:auto!important;min-height:0;padding:5px;text-align:left}.my-node-library-preview{display:block;width:100%;aspect-ratio:var(--my-node-ratio,4 / 5);overflow:hidden;border-radius:5px;background:#f2f3f6}.my-node-library-preview img{display:block;width:100%;height:100%;object-fit:contain}.my-nodes-library-grid .library-node small{display:block;overflow:hidden;color:#8a8b95;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.library-group h2 .my-nodes-manage-trigger{display:grid;place-items:center;width:24px;height:24px;margin:0 0 0 auto;padding:0;border:1px solid #dfe1e8;border-radius:6px;background:#fff;color:#686a75;cursor:pointer}.library-group h2 .my-nodes-manage-trigger:hover{border-color:#9ab5eb;background:#f2f6ff;color:#2867d9}.library-group h2 .my-nodes-manage-trigger svg{width:13px;height:13px}

/* Designer is an independent creation tool. It deliberately sits above the
   workflow instead of masquerading as a connected canvas node. */
.designer-tool-trigger{display:flex;align-items:center;gap:6px;height:28px;padding:0 9px;border:1px solid #dfe0e8;border-radius:7px;background:#fff;color:#4e4e59;font:650 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.designer-tool-trigger:hover{border-color:#aeb4c2;background:#f8f9fc;color:#272833}.designer-tool-trigger svg{width:15px;height:15px;color:#6b7080}.designer-modal[hidden]{display:none}.designer-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:20px;color:#30313a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.designer-backdrop{position:absolute;inset:0;background:#21222b66;backdrop-filter:blur(4px)}.designer-window{position:relative;display:flex;flex-direction:column;width:min(1480px,calc(100vw - 40px));height:min(920px,calc(100dvh - 40px));overflow:hidden;border:1px solid #e2e3ea;border-radius:20px;background:#f7f7f9;box-shadow:0 30px 90px #11131d55}.designer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:0 17px;border-bottom:1px solid #e1e2e8;background:#fff}.designer-document-title{display:flex;align-items:center;gap:8px;min-width:0}.designer-doc-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#f1f2f5;color:#5d6270}.designer-doc-icon svg{width:15px;height:15px}.designer-document-title input{width:min(320px,33vw);border:0;background:transparent;color:#2e3038;font:650 14px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.designer-header-actions{display:flex;align-items:center;gap:7px}.designer-header-actions>span{margin-right:5px;color:#80818c;font-size:11px}.designer-header-button,.designer-publish,.designer-close,.designer-canvas-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid #dfe0e7;border-radius:7px;background:#fff;color:#5c5d68;font:650 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.designer-header-button:hover,.designer-close:hover,.designer-canvas-actions button:hover{background:#f3f4f7;color:#2f313a}.designer-header-button svg,.designer-publish svg,.designer-close svg,.designer-canvas-actions svg{width:14px;height:14px}.designer-publish{border-color:#2d64ee;background:#2d64ee;color:#fff}.designer-publish:disabled{cursor:not-allowed;opacity:.48}.designer-close{width:30px;padding:0}.designer-body{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:0;flex:1}.designer-sidebar{display:grid;grid-template-columns:72px minmax(0,1fr);min-height:0;border-right:1px solid #e1e2e8;background:#fff}.designer-rail{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border-right:1px solid #ebebef;background:#fafafd}.designer-rail button{display:grid;place-items:center;gap:3px;width:54px;min-height:47px;padding:5px 2px;border:0;border-radius:10px;background:transparent;color:#777884;font:600 9px/1.1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.designer-rail button:hover,.designer-rail button.is-active{background:#f0f5ff;color:#2768dd}.designer-rail button svg{width:18px;height:18px}.designer-panel{min-width:0;overflow:auto;padding:20px 16px}.designer-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.designer-panel-heading p{margin:0 0 5px;color:#9394a0;font-size:9px;font-weight:800;letter-spacing:.1em}.designer-panel-heading h2{margin:0;color:#383943;font-size:16px;letter-spacing:-.025em}.designer-empty-panel{display:flex;flex-direction:column;align-items:center;padding:60px 13px 18px;color:#81828d;text-align:center}.designer-empty-panel>svg{width:25px;height:25px;margin-bottom:11px;color:#a0a2ad}.designer-empty-panel strong{color:#575864;font-size:13px}.designer-empty-panel p{max-width:180px;margin:7px 0 17px;font-size:11px;line-height:1.45}.designer-quiet-button{display:flex;align-items:center;gap:5px;padding:7px 8px;border:1px solid #e1e2e8;border-radius:6px;background:#fff;color:#93949d;font-size:10px}.designer-quiet-button svg{width:13px;height:13px}.designer-text-actions{display:grid;gap:8px}.designer-text-actions button{display:grid;gap:3px;width:100%;padding:12px;border:1px solid #e1e2e9;border-radius:9px;background:#fff;color:#34353d;text-align:left;cursor:pointer}.designer-text-actions button:hover{border-color:#9dbaf5;background:#f7faff}.designer-text-actions strong{font-size:12px}.designer-text-actions span,.designer-panel-note p{color:#888995;font-size:10px}.designer-panel-note{margin-top:24px;padding-top:17px;border-top:1px solid #ececf0}.designer-panel-note b{color:#5a5b66;font-size:11px}.designer-panel-note p{margin:5px 0;line-height:1.45}.designer-workspace{position:relative;min-width:0;overflow:auto;background-color:#f5f5f7;background-image:radial-gradient(#dcdee6 .65px,transparent .65px);background-size:17px 17px}.designer-canvas-actions{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 24px;border-bottom:1px solid #e4e5eb;background:#ffffffdc;backdrop-filter:blur(7px)}.designer-canvas-actions span{color:#858690;font-size:11px}.designer-canvas-actions button{min-height:27px;padding:0 8px;font-size:10px}.designer-canvas-actions button:disabled{opacity:.5;cursor:not-allowed}.designer-stage-wrap{position:relative;width:540px;margin:38px auto 78px}.designer-page-label{margin:0 0 8px;color:#777984;font-size:12px;font-weight:650}.designer-page{position:relative;width:540px;height:675px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #22242c12}.designer-empty-canvas{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#888996;cursor:pointer}.designer-empty-canvas:hover{background:#fafcff;color:#4d6dab}.designer-empty-canvas svg{width:29px;height:29px}.designer-empty-canvas strong{color:#5b5c67;font-size:14px}.designer-empty-canvas span{font-size:11px}.designer-element{position:absolute;min-width:34px;min-height:24px;padding:3px 4px;line-height:1.08;cursor:move;user-select:none}.designer-element.is-selected{outline:2px solid #8b3dff;outline-offset:1px}.designer-element.is-editing{cursor:text;user-select:text;outline-color:#4d7df5}.designer-text-content{min-height:1.08em;outline:0;white-space:pre-wrap}.designer-text-content[contenteditable="true"]{cursor:text;user-select:text}.designer-resize-handle{position:absolute;right:-6px;bottom:-6px;width:11px;height:11px;border:2px solid #8b3dff;border-radius:50%;background:#fff;cursor:nwse-resize}.designer-format-toolbar{position:sticky;z-index:6;top:54px;display:flex;align-items:center;width:max-content;max-width:calc(100% - 42px);margin:16px auto -1px;padding:6px 8px;border:1px solid #dedfe6;border-radius:15px;background:#fffffff2;box-shadow:0 9px 23px #24263114;backdrop-filter:blur(9px)}.designer-format-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:31px;height:30px;padding:0 6px;border:0;border-radius:7px;background:transparent;color:#53545e;cursor:pointer}.designer-format-toolbar button:hover,.designer-format-toolbar button.is-active{background:#edf3ff;color:#2468e9}.designer-format-toolbar button svg{width:16px;height:16px}.designer-format-toolbar button span{font-size:11px}.designer-font-control{display:flex;align-items:center;gap:5px;height:30px;padding:0 6px;color:#4c4d58}.designer-font-control svg{width:15px;height:15px}.designer-font-control select{width:94px;border:0;background:transparent;color:#41424b;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.designer-size-control{display:flex;align-items:center;gap:3px;height:30px;padding:0 6px;border:1px solid #e0e1e7;border-radius:7px;color:#767782}.designer-size-control input{width:39px;border:0;background:transparent;color:#44454e;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.designer-size-control span{font-size:10px}.designer-toolbar-separator{width:1px;height:22px;margin:0 4px;background:#e5e5ea}.designer-colour-control{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 7px;color:#4e4f59;font-size:11px;font-weight:650;cursor:pointer}.designer-colour-control input{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.designer-selection-toolbar{position:absolute;z-index:5;left:50%;bottom:-49px;display:flex;align-items:center;min-height:38px;transform:translateX(-50%);overflow:hidden;border:1px solid #e0e1e7;border-radius:11px;background:#fff;box-shadow:0 9px 23px #20222b18}.designer-selection-toolbar button{display:flex;align-items:center;gap:5px;height:38px;padding:0 10px;border:0;border-right:1px solid #e7e8ed;background:#fff;color:#4e4f59;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.designer-selection-toolbar button:hover{background:#f2f6ff;color:#2769e3}.designer-selection-toolbar button:last-child{border-right:0}.designer-selection-toolbar button svg{width:15px;height:15px}.designer-selection-toolbar>span{width:1px;height:22px;background:#e7e8ed}@media (max-width:1050px){.designer-window{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.designer-body{grid-template-columns:72px minmax(0,1fr)}.designer-panel{display:none}.designer-sidebar{grid-template-columns:72px}.designer-rail{border-right:1px solid #ebebef}.designer-format-toolbar{transform:scale(.88);transform-origin:top center}.designer-tool-trigger span{display:none}.designer-tool-trigger{width:29px;padding:0;justify-content:center}}

/* Reveal an element's overflow only while the explicit off-canvas view is on. */
.designer-page.is-showing-off-canvas{overflow:visible!important}
.designer-off-page-scrim{position:absolute;z-index:50;inset:0;pointer-events:none}.designer-off-page-scrim i{position:absolute;display:block;background:rgb(229 231 236 / 52%)}.designer-off-page-scrim .is-top{right:-2400px;bottom:100%;left:-2400px;height:2400px}.designer-off-page-scrim .is-right{top:0;bottom:0;left:100%;width:2400px}.designer-off-page-scrim .is-bottom{top:100%;right:-2400px;left:-2400px;height:2400px}.designer-off-page-scrim .is-left{top:0;right:100%;bottom:0;width:2400px}
.designer-bottom-controls [data-designer-toggle-offcanvas]{border:1px solid transparent!important;color:#666873!important;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.designer-bottom-controls [data-designer-toggle-offcanvas].is-active{border-color:#2468e9!important;background:#2468e9!important;color:#fff!important;box-shadow:0 2px 5px #2468e94a!important}.designer-bottom-controls [data-designer-toggle-offcanvas].is-active svg{stroke-width:2.35}
.designer-page{aspect-ratio:var(--designer-page-ratio,4/5)!important}.designer-page-settings header>div>span{display:block;max-width:335px;margin-top:6px;color:#7d7f8a;font-size:11px;line-height:1.4}.designer-page-format-current{display:grid;gap:3px;margin:0 0 14px;padding:11px 12px;border:1px solid #dfe4ee;border-radius:9px;background:#f6f9ff}.designer-page-format-current span{color:#7a7d89;font-size:10px;font-weight:750}.designer-page-format-current strong{color:#30333d;font-size:14px}.designer-page-format-current small{color:#6d7180;font-size:10px}.designer-page-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.designer-page-format-grid button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;min-height:62px;padding:8px;border:1px solid #dfe1e8;border-radius:8px;background:#fff;color:#50525e;text-align:left;cursor:pointer}.designer-page-format-grid button:hover,.designer-page-format-grid button.is-active{border-color:#82a8ed;background:#f1f6ff;color:#2768dc}.designer-page-format-grid button.is-active{box-shadow:0 0 0 1px #82a8ed}.designer-page-format-preview{grid-row:1/3;display:block;justify-self:center;width:28px;aspect-ratio:var(--format-ratio);border:2px solid currentColor;border-radius:3px;background:#dce8fd}.designer-page-format-grid strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.designer-page-format-grid small{color:#858793;font-size:9px}.designer-page-format-grid button.is-active small{color:#4f77c9}
.designer-page-settings footer{gap:16px}.designer-page-format-current{display:flex;align-items:center;min-height:94px;padding:14px 16px;gap:16px}.designer-page-format-current.has-change{justify-content:space-between}.designer-page-format-summary{display:flex;align-items:center;gap:12px;min-width:0}.designer-page-format-summary>span{display:grid;gap:3px;color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.designer-page-format-summary b{color:#777b89;font-size:10px;font-weight:750}.designer-page-format-summary strong{font-size:15px}.designer-page-format-summary small{font-size:10px}.designer-page-format-current .designer-page-format-preview{flex:0 0 auto;width:36px;max-height:62px;grid-row:auto;color:#536071}.designer-page-format-summary.is-next{margin-left:auto}.designer-page-format-summary.is-next .designer-page-format-preview{color:#2768dc;background:#d7e5ff}.designer-page-format-arrow{display:grid;place-items:center;flex:0 0 auto;color:#4778cf}.designer-page-format-arrow svg{width:18px;height:18px}.designer-page-settings footer .is-primary{background:#2d67de;color:#fff;border-color:#2d67de}
.designer-layer>span .designer-layer-mask-state{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;margin:0;color:#7a7c88}.designer-layer>span .designer-layer-mask-state svg{width:12px!important;height:12px!important}.designer-layer>span .designer-layer-mask-state.is-source{color:#5a39c9}.designer-layer>span .designer-layer-mask-state.is-target{color:#5572a8}
.designer-photo-placeholder.has-source>span{display:none}

/* Keep template cards aligned with the standard panel inset. */
.designer-templates-panel{padding:20px 16px 30px}

/* The main workspace button is also a button, so do not use :first-of-type
   when locating the rename action. */
.recent-space-row .space-row-action:not(.is-delete){right:28px}

.project-menu.is-creating-workspace>:not(.new-workspace-form){display:none}.new-workspace-form{display:flex;align-items:center;gap:7px;width:100%;padding:2px}.new-workspace-form[hidden]{display:none}.new-workspace-form input{min-width:0;flex:1;height:32px;padding:0 9px;border:1px solid #d8d8e0;border-radius:7px;outline:0;color:#34343d;font:500 12px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.new-workspace-form input:focus{border-color:#94bdf6;box-shadow:0 0 0 2px #93bff426}.new-workspace-form button{display:grid!important;flex:0 0 32px;place-items:center;width:32px!important;height:32px;padding:0!important;border:1px solid #d8d8e0!important;border-radius:7px!important;background:#fff!important;color:#777782!important}.new-workspace-form button:hover{border-color:#c6c6d0!important;background:#f4f4f7!important;color:#3d3d46!important}.new-workspace-form button svg{width:15px!important;height:15px!important;color:inherit!important}

/* Clear controls remain a quiet grey icon in every container; menu button
   styles must never turn them into filled black buttons. */
.field-clear-control,.header-menu .field-clear-control,.new-workspace-form .field-clear-control{display:grid!important;place-items:center;width:18px!important;height:18px!important;margin:0!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#898994!important;box-shadow:none!important}.field-clear-control:hover,.header-menu .field-clear-control:hover,.new-workspace-form .field-clear-control:hover{background:#eeeef2!important;color:#3d3d46!important}.field-clear-control svg{width:12px!important;height:12px!important;color:inherit!important}

/* Design-system contract: every text-entry surface, wherever it is rendered,
   inherits the same hint and neutral-action language. Component CSS may adjust
   layout only; visual affordances live here. */
:root{--ds-field-surface:#fafafd;--ds-field-border:#dedee6;--ds-field-focus:#81818d;--ds-text:#34343d;--ds-muted:#85858f;--ds-button-surface:#fff;--ds-button-border:#e1e1e8;--ds-button-icon:#777782;--ds-button-hover:#f4f4f7}input::placeholder,textarea::placeholder{color:var(--ds-muted)!important;opacity:1!important;font-style:italic!important;font-weight:400!important}.primary,.secondary{border:1px solid var(--ds-button-border)!important;border-radius:7px!important;background:var(--ds-button-surface)!important;color:var(--ds-button-icon)!important;font-weight:500!important}.primary:hover,.secondary:hover{border-color:#c6c6d0!important;background:var(--ds-button-hover)!important;color:var(--ds-text)!important}.primary svg,.secondary svg{color:inherit!important;stroke-width:1.7}.action-dialog-actions .is-destructive{background:#b4473d!important;border-color:#b4473d!important;color:#fff!important}.action-dialog-actions .is-destructive:hover{background:#963b33!important;border-color:#963b33!important;color:#fff!important}
.table-add{border:1px solid var(--ds-button-border)!important;background:var(--ds-button-surface)!important;color:var(--ds-button-icon)!important;box-shadow:0 2px 6px #25252a12}.ratio-grid button.is-active{border-color:#84b6fa!important;background:#f2f7ff!important;color:#2168dc!important}
dialog .primary,dialog .secondary,.onboarding-actions button{font-size:13.2px}
.entry-choice-dialog{width:min(672px,calc(100vw - 32px));margin:auto;border:1px solid #e1e1e8;border-radius:18px;padding:0;background:#fff;color:#292932;box-shadow:0 28px 80px #20202a33}.entry-choice-dialog::backdrop{background:rgba(20,21,28,.38);backdrop-filter:blur(5px)}.entry-choice-card{position:relative;padding:32px}.entry-choice-card .eyebrow{margin:0 0 8px;color:#73737d;font-size:10px;font-weight:800;letter-spacing:.12em}.entry-choice-card h2{margin:0;color:#202029;font-size:27px;letter-spacing:-.05em}.entry-choice-copy{max-width:430px;margin:10px 0 24px;color:#73737d;font-size:13px;line-height:1.5}.entry-choice-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#73737d;cursor:pointer}.entry-choice-close:hover{background:#f2f2f5;color:#292932}.entry-choice-close svg{width:17px;height:17px}.entry-choice-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.entry-choice-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:126px;padding:18px;border:1px solid #e2e2e9;border-radius:13px;background:#fcfcfd;color:#303039;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.entry-choice-option:hover,.entry-choice-option:focus-visible{border-color:#a7b1c2;background:#fff;box-shadow:0 10px 24px #24242c14;outline:0;transform:translateY(-1px)}.entry-choice-option.is-primary{border-color:#c9d7ee;background:linear-gradient(145deg,#f7faff,#eef4fc)}.entry-choice-option.is-primary:hover,.entry-choice-option.is-primary:focus-visible{border-color:#8caddd;background:linear-gradient(145deg,#fbfdff,#edf5ff)}.entry-choice-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;color:#4d596d}.entry-choice-option.is-primary .entry-choice-icon{border-color:#bfd2ee;background:#f8fbff;color:#3f75ba}.entry-choice-option strong,.entry-choice-option small{display:block}.entry-choice-option strong{margin-bottom:5px;font-size:13px;line-height:1.25}.entry-choice-option small{color:#777782;font-size:11px;line-height:1.4}.entry-choice-option>i{display:grid;place-items:center;color:#858590}.entry-choice-option>i svg,.entry-choice-icon svg{width:17px;height:17px}.entry-choice-preference{display:flex;align-items:center;gap:8px;margin-top:18px;color:#6f6f7a;font-size:11px;cursor:pointer}.entry-choice-preference input{width:15px;height:15px;margin:0;accent-color:#526b8f}@media(max-width:620px){.entry-choice-card{padding:27px 20px 22px}.entry-choice-options{grid-template-columns:1fr}.entry-choice-option{min-height:94px}.entry-choice-card h2{font-size:24px}}
.mobile-experience-dialog{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;padding:20px;background:rgba(7,9,14,.8);backdrop-filter:blur(10px);color:#f7f8fb}.mobile-experience-dialog::backdrop{background:transparent}.mobile-experience-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(336px,100%);min-height:100%;margin:auto;text-align:center}.mobile-experience-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.1);color:#fff}.mobile-experience-icon svg{width:27px;height:27px}.mobile-experience-card .eyebrow{margin:0 0 10px;color:rgba(255,255,255,.66);font-size:10px;font-weight:800;letter-spacing:.12em}.mobile-experience-card h2{margin:0;color:#fff;font-size:25px;letter-spacing:-.05em;line-height:1.08}.mobile-experience-card>p:not(.eyebrow){margin:14px 0 25px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.55}.mobile-experience-card button{min-width:174px;min-height:42px;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff}.mobile-experience-card button:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.19)}@media(min-width:768px){.mobile-experience-dialog{display:none!important}}
@font-face{font-family:"Jost";font-style:normal;font-weight:700;font-display:swap;src:url("./assets/jost-bold.ttf") format("truetype")}.app-brand strong{font-family:"Jost",Inter,sans-serif;font-size:19px;font-weight:700;letter-spacing:0;line-height:1}.app-brand>span:has(img){position:relative;top:-7px;margin-left:1px}
.header-search{position:relative;display:flex;align-items:center;flex:0 1 288px;width:288px;height:30px;padding:0 8px;border:1px solid rgba(3,3,3,.15);border-radius:999px;background:#fff;color:#696969}.header-search>svg{width:16px;height:16px;flex:0 0 auto;color:#696969;stroke-width:1.8}.header-search input{width:100%;height:100%;min-width:0;border:0;outline:0;background:transparent;padding:0 7px;color:#34343d;font:450 12px/16px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.header-search input::placeholder{color:#696969}.header-search:focus-within{border-color:#9ba5b5;box-shadow:0 0 0 2px #2563eb12}.node-search-results{position:absolute;z-index:80;top:calc(100% + 6px);left:0;width:100%;max-height:280px;overflow:auto;padding:4px;border:1px solid #e3e3e9;border-radius:9px;background:#fff;box-shadow:0 12px 30px #2020291c}.node-search-results button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:6px;background:transparent;color:#34343d;font:12px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;cursor:pointer}.node-search-results button:hover,.node-search-results button[aria-selected="true"]{background:#eff6ff;color:#1d4ed8}.node-search-results small{overflow:hidden;color:#85858f;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.auth-actions{gap:7px}#account-menu-chevron{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;appearance:none;color:inherit;cursor:pointer}#account-menu-chevron:hover,#account-menu-chevron:focus-visible{background:transparent!important;outline:0}#account-menu-chevron img{display:block;width:24px;height:24px;filter:invert(1)}body:not(.is-authenticated) #account-menu-chevron{display:none}
.menu-empty{margin:0;padding:8px;color:#92929b;font:12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* Designer carousel navigation */
.designer-page-navigation{display:flex;align-items:center;gap:7px;height:23px;margin-bottom:8px}.designer-page-navigation button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:#737480;cursor:pointer}.designer-page-navigation button:hover{background:#e9eef8;color:#2867d9}.designer-page-navigation button:disabled{opacity:.35;cursor:default}.designer-page-navigation svg{width:14px;height:14px}.designer-page-navigation .designer-page-label{margin:0}
.designer-text-element .designer-text-content{height:100%;overflow:hidden}
.designer-resize-handle{position:absolute!important;width:12px!important;height:12px!important;margin:0!important;border:2px solid #8b3dff!important;border-radius:50%!important;background:#fff!important}.designer-resize-handle.nw{top:-7px;left:-7px;right:auto!important;bottom:auto!important;cursor:nwse-resize}.designer-resize-handle.ne{top:-7px;right:-7px;left:auto!important;bottom:auto!important;cursor:nesw-resize}.designer-resize-handle.sw{bottom:-7px;left:-7px;right:auto!important;top:auto!important;cursor:nesw-resize}.designer-resize-handle.se{right:-7px;bottom:-7px;left:auto!important;top:auto!important;cursor:nwse-resize}.designer-rotate-handle{position:absolute;left:50%;bottom:-39px;display:grid;place-items:center;width:27px;height:27px;transform:translateX(-50%);border:2px solid #8b3dff;border-radius:50%;background:#fff;color:#8b3dff;cursor:grab}.designer-rotate-handle::before{position:absolute;bottom:25px;width:2px;height:12px;background:#8b3dff;content:""}.designer-rotate-handle svg{width:15px;height:15px}.designer-rotate-handle:active{cursor:grabbing}
.designer-multi-selection{position:absolute;z-index:60;box-sizing:border-box;border:2px solid #8b3dff;pointer-events:auto;cursor:move}.designer-multi-selection .designer-resize-handle,.designer-multi-selection .designer-rotate-handle{pointer-events:auto}.designer-multi-selection .designer-resize-handle.is-side{z-index:2}
.designer-size-tag{position:absolute;top:calc(100% + 27px);left:0;display:flex;align-items:center;justify-content:center;min-width:34px;height:10px;padding:1px 2px;border-radius:2px;background:#8b3dff;color:#fff;font:600 7px/8px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;white-space:nowrap;pointer-events:none}
.designer-text-element .designer-selection-toolbar{bottom:calc(100% + 18px);transform:translateX(-50%) rotate(calc(-1 * var(--designer-rotation)))}
.designer-element.is-transforming .designer-selection-toolbar{display:none}
.designer-font-control select{width:168px;font-size:12px;font-weight:650}.designer-font-control select option{font-size:13px}.designer-colour-control{padding:0 7px!important}.designer-colour-swatch{display:block;width:18px;height:18px;border:1px solid #c9cad3;border-radius:5px;background:var(--swatch)}
.designer-alignment-guide{position:absolute;z-index:30;display:block;pointer-events:none}.designer-alignment-guide[hidden]{display:none}.designer-alignment-guide.is-vertical{top:0;bottom:0;border-left:1px dashed #6c7ff1}.designer-alignment-guide.is-horizontal{right:0;left:0;border-top:1px dashed #6c7ff1}
.designer-body{grid-template-columns:292px minmax(0,1fr) 236px}.designer-layers{min-width:0;overflow:auto;border-left:1px solid #e1e2e8;background:#fff}.designer-layers header{display:flex;justify-content:space-between;padding:14px 13px 10px;color:#7d7e89;font-size:10px;font-weight:800;letter-spacing:.1em}.designer-layers header small{font-size:10px}.designer-layer{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:3px 5px}.designer-layer.is-selected{background:#eef4ff}.designer-layer>button{display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:6px;border:0;border-radius:5px;background:transparent;color:#50515d;font:600 11px/1 Inter,sans-serif;text-align:left;cursor:pointer}.designer-layer>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-layer>button svg{width:14px;height:14px;flex:0 0 auto;color:#747784}.designer-layer>span{display:flex;opacity:.55}.designer-layer:hover>span,.designer-layer.is-selected>span{opacity:1}.designer-layer>span button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:4px;background:transparent;color:#737582;cursor:pointer}.designer-layer>span button:hover{background:#dce8fb;color:#2867d9}.designer-layer>span svg{width:12px;height:12px}.designer-object-element{overflow:visible}.designer-object-element>img{display:block;width:100%;height:100%;object-fit:contain}.designer-shape-fill{width:100%;height:100%;border-radius:inherit;background:currentColor}.designer-photo-placeholder{display:grid;place-items:center;gap:5px;width:100%;height:100%;border:1.5px dashed #7b9fda;border-radius:inherit;background:#edf4ff;color:#4d76b8;font:650 10px/1 Inter,sans-serif}.designer-photo-placeholder svg{width:21px;height:21px}.designer-object-element.is-locked{cursor:not-allowed;filter:saturate(.8)}

/* The category rail is a primary interaction surface. Keep it above the
   workspace stacking context and avoid delayed touch click synthesis. */
.library-rail{position:relative;z-index:30}.library-rail button{touch-action:manipulation}

/* Canvas renders and entry dialogs must never be able to hide the fixed app
   chrome. These selectors intentionally win against transient hidden states. */
.studio-shell.has-persistent-chrome>.library{display:flex!important;visibility:visible!important;grid-column:1;grid-row:2}.studio-shell.has-persistent-chrome>.inspector{display:block!important;visibility:visible!important;grid-column:3;grid-row:2}

/* Independent panel controls: collapse a side panel into its grid column and
   leave the canvas controls available at both bottom corners. */
.studio-shell.has-persistent-chrome{--library-panel-width:300px;--inspector-panel-width:300px;grid-template-columns:var(--library-panel-width) minmax(0,1fr) var(--inspector-panel-width);transition:grid-template-columns .24s ease}.studio-shell.has-persistent-chrome.is-library-collapsed{--library-panel-width:0px}.studio-shell.has-persistent-chrome.is-inspector-collapsed{--inspector-panel-width:0px}.studio-shell.has-persistent-chrome>.library,.studio-shell.has-persistent-chrome>.inspector{min-width:0;transition:transform .24s ease,opacity .18s ease}.studio-shell.has-persistent-chrome.is-library-collapsed>.library{pointer-events:none;opacity:0;transform:translateX(-100%)}.studio-shell.has-persistent-chrome.is-inspector-collapsed>.inspector{pointer-events:none;opacity:0;transform:translateX(100%)}.chrome-panel-controls{position:fixed;z-index:36;inset:0;pointer-events:none}.chrome-panel-toggle{position:absolute;bottom:18px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #dedee6;border-radius:8px;background:#fffffff2;color:#666671;box-shadow:0 6px 18px #25252a12;cursor:pointer;pointer-events:auto}.chrome-panel-toggle:hover,.chrome-panel-toggle:focus-visible{background:#f4f4f7;color:#2d2d36;outline:none}.chrome-panel-toggle svg{width:15px;height:15px;stroke-width:1.45}.chrome-panel-toggle-left{left:18px}.chrome-panel-toggle-right{right:18px}.minimap{right:18px;bottom:18px}.shortcuts-help{right:56px;bottom:18px}.studio-shell.has-persistent-chrome.is-inspector-collapsed .minimap{right:56px}.studio-shell.has-persistent-chrome.is-inspector-collapsed .shortcuts-help{right:94px}

/* Text and Prompt cards use their full resized frame, while long pasted
   content expands an unsized card without leaving a clipped editor. */
.canvas-node:has(.inline-expandable-text){min-height:95px}
.canvas-node:has(.prompt-template){min-height:110px}
.canvas-node:has(.inline-expandable-text) .node-content{overflow:visible}
.canvas-node .inline-expandable-text{min-height:30px!important;overflow:hidden;resize:none;white-space:pre-wrap;overflow-wrap:anywhere}
.canvas-node .inline-note.inline-expandable-text{min-height:54px!important}
.canvas-node.content-led-node .node-content{height:auto;overflow:visible;overflow-wrap:anywhere}
.canvas-node.image-node.content-led-node .node-content{display:block;flex:none}.canvas-node.image-node.content-led-node .image-render-canvas{width:100%;max-height:none}
.canvas-node.text-view-node{display:flex;flex-direction:column;min-height:150px}.canvas-node.text-view-node .node-content{display:flex;flex:1;min-height:0;padding:10px;overflow:hidden}.text-view-area{display:block;flex:1;width:100%;min-height:88px;padding:8px;border:0;border-radius:0;outline:0;resize:none;overflow:auto;background:#fff;color:#454550;font:11px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:pre-wrap}.text-view-empty{align-self:center;color:#8a8a94;font-size:10px}
.canvas-node-fields{margin:-2px 0 9px;border:1px solid #e5e6ec;border-radius:7px;background:#fafafd;color:#63636d;font-size:10px}.canvas-node-fields summary{display:flex;align-items:center;gap:6px;min-height:30px;padding:7px 8px;color:#51515c;font-weight:700;cursor:pointer;list-style:none;user-select:none}.canvas-node-fields summary::-webkit-details-marker{display:none}.canvas-node-fields summary svg{width:13px;height:13px;color:#7c8797}.canvas-node-fields[open] summary{border-bottom:1px solid #e8e8ee;background:#fff}.canvas-node-fields-body{display:grid;gap:7px;padding:8px}.canvas-node-fields label{display:grid;gap:3px;color:#767681;font-size:9px;font-weight:650}.canvas-node-fields input,.canvas-node-fields textarea{display:block;width:100%;margin:0;padding:6px 7px;border:1px solid #dbdce4;border-radius:5px;background:#fff;color:#363640;font:11px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0;resize:vertical}.canvas-node-fields textarea{min-height:48px;overflow:hidden;resize:vertical}.canvas-node-fields input:focus,.canvas-node-fields textarea:focus{border-color:#9cbbeb;box-shadow:0 0 0 2px #2563eb12}.canvas-node-fields p{margin:0;color:#858590;font-size:9px;line-height:1.45}.canvas-node-fields code{padding:1px 3px;border-radius:3px;background:#f0f1f5;color:#5b5b66;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.canvas-node-result-label{margin:1px 0 3px;color:#767681;font-size:9px;font-weight:650}.canvas-node-result{white-space:pre-wrap}
.canvas-node-fields select{display:block;width:100%;margin:0;padding:6px 7px;border:1px solid #dbdce4;border-radius:5px;background:#fff;color:#363640;font:11px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.canvas-node-fields select:focus{border-color:#9cbbeb;box-shadow:0 0 0 2px #2563eb12}
.template-inputs{display:grid;gap:5px}.template-inputs>span{color:#767681;font-size:9px;font-weight:650}.template-inputs>div{display:flex;flex-wrap:wrap;gap:4px}.template-inputs>div code{display:inline-flex;align-items:center;min-height:22px;padding:3px 6px;border:1px solid #e1e2e8;background:#fff;color:#555663}.template-inputs>div button{display:grid;place-items:center;width:18px;height:18px;margin:-1px 0 -1px -5px;padding:0;border:0;border-radius:4px;background:transparent;color:#858590;cursor:pointer}.template-inputs>div button:hover{background:#f0f1f5;color:#34343d}.template-inputs>.secondary{justify-content:center;width:100%;min-height:28px;margin:0;padding:5px 7px;font-size:10px}
.template-inputs>div{display:grid}.template-input-row{display:flex;gap:5px;align-items:center}.template-input-row input{flex:1}.template-input-row button{width:28px!important;height:28px!important;margin:0!important;border:1px solid #e1e2e8!important}.template-input-row button:disabled{opacity:.35;cursor:default}.canvas-node-fields{overflow:hidden}
.canvas-node.expandable-text-node-fixed{display:flex;flex-direction:column}
.canvas-node.expandable-text-node-fixed .node-content{display:flex;flex:1;min-height:0;overflow:hidden}
.canvas-node.expandable-text-node-fixed .inline-expandable-text{height:100%;overflow-y:auto}
.inspector .inspector-expandable-text{min-height:100px;overflow:hidden;resize:vertical}

/* Keep the application chrome fixed while side panels scroll independently. */
.canvas-node input::placeholder,.canvas-node textarea::placeholder{color:#a2a3ad;opacity:1;font-style:italic;font-weight:400}
.field-clearable-host{position:relative}.field-clear-control{position:absolute;z-index:4;display:grid;place-items:center;width:18px;height:18px;margin:0!important;padding:0!important;border:0!important;border-radius:5px;background:transparent;color:#898994;cursor:pointer}.field-clear-control:hover{background:#eeeef2;color:#3d3d46}.field-clear-control svg{width:12px;height:12px;stroke-width:2}.field-clear-control[hidden]{display:none}.has-clear-control{padding-right:28px!important}
.template-inputs .array-item-remove:disabled{pointer-events:none;visibility:hidden;opacity:0}
.template-inputs.array-editor{gap:7px}.template-inputs.array-editor>span{display:block}.template-inputs .array-item-remove:disabled{pointer-events:none;opacity:.35}.template-inputs .array-add-item{justify-self:start}
html,body{height:100%;overflow:hidden}.studio-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}.library,.workspace,.inspector{min-height:0}.workspace{overflow:hidden}.inspector{overflow-y:auto;overscroll-behavior:contain}
.designer-font-picker{min-width:128px}.designer-format-toolbar .designer-font-trigger{min-width:94px}.designer-font-menu{width:155px}.designer-font-menu button{justify-content:flex-start;font-size:18.72px}.designer-font-menu button svg{margin-left:auto}

/* Final Designer floater contract: later legacy rules must not resize these. */
.designer-window>.designer-page-navigation,.designer-format-toolbar,.designer-selection-toolbar{box-sizing:border-box!important;min-height:34px!important;height:34px!important}
.designer-window>.designer-page-navigation{padding:3px 6px!important}
.designer-format-toolbar{padding:2px 8px!important}
.designer-selection-toolbar{display:flex!important;align-items:center!important;border-radius:12px!important}
.designer-selection-toolbar button{height:32px!important;border-right:0!important}
.designer-selection-toolbar>span.designer-selection-separator{display:block!important;flex:0 0 1px!important;width:1px!important;height:20px!important;margin:0 5px!important;background:#e5e5ea!important}
.designer-selection-toolbar .designer-radius-control{display:flex!important;align-items:center!important;gap:6px!important;height:32px!important;padding:0 3px!important;border:0!important;color:#4e4f59!important}
.designer-selection-toolbar .designer-radius-control>svg{display:block!important;width:15px!important;height:15px!important;flex:0 0 auto!important}
.designer-radius-input{display:flex!important;align-items:center!important;gap:4px!important;box-sizing:border-box!important;height:30px!important;padding:0 7px!important;border:1px solid #e0e1e7!important;border-radius:7px!important;color:#767782!important}
.designer-radius-input input{width:31px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:#44454e!important;font:650 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;outline:0!important}
.designer-radius-input b{color:#767782!important;font:500 10px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}