.canvas-controls{position:fixed;z-index:1200;display:flex;gap:4px;align-items:center;max-width:calc(100vw - 20px);padding:5px;border:1px solid #ffffff80;background:#303237;border-radius:12px;box-shadow:0 6px 22px #0002;overflow-x:auto;scrollbar-width:none}.canvas-controls[hidden],.canvas-guides[hidden],.canvas-drop-line[hidden],.canvas-drag-hint[hidden]{display:none}.canvas-controls button{border:0;background:transparent;color:#eeece6;padding:7px 9px;border-radius:8px;font-size:10px;white-space:nowrap;flex-shrink:0}.canvas-controls button:hover{background:#ffffff20}.canvas-controls button[aria-label="Center block"]{background:#a3d8ee;color:#303237}.canvas-move-handle{cursor:grab;touch-action:none}.canvas-dragging,.canvas-dragging *{cursor:grabbing!important;user-select:none!important}.canvas-guides{position:fixed;inset:0;pointer-events:none;z-index:1190}.canvas-guides i{position:absolute;display:block;border:0;box-shadow:0 0 3px #ffffff}.canvas-guide-x{width:1px;background:#4099c2}.canvas-guide-y{height:1px;background:#4099c2}.canvas-guides span{position:absolute;top:12px;left:50%;translate:-50% 0;padding:6px 11px;color:#22516a;background:#eeece6;border:1px solid #74b4d3;border-radius:20px;font-size:10px}.canvas-drop-line{position:fixed;height:3px;background:#4099c2;box-shadow:0 0 0 2px #eeece6;z-index:1250;pointer-events:none}.canvas-drop-line:before,.canvas-drop-line:after{content:'';position:absolute;top:-3px;width:9px;height:9px;border-radius:50%;background:#4099c2}.canvas-drop-line:before{left:0}.canvas-drop-line:after{right:0}.canvas-sort-ghost{position:fixed;z-index:1300;width:215px;padding:13px;border-radius:12px;border:1px solid #74b4d3;background:#a3d8eef2;color:#303237;box-shadow:0 8px 25px #0002;font-size:12px;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-source{opacity:.35!important}.canvas-drag-hint{position:fixed;left:50%;bottom:77px;translate:-50% 0;z-index:1200;pointer-events:none;border:1px solid #74b4d3;background:#eeece6;color:#303237;border-radius:25px;padding:8px 15px;font-size:10px;white-space:nowrap}.canvas-outline-row{cursor:grab;touch-action:none;display:flex;align-items:center;gap:10px}.canvas-outline-row>span{font-size:20px;color:#72736a}.editing [data-design-key]{user-select:none}.editing [data-design-key] img{-webkit-user-drag:none}.editing .menu-toggle{cursor:pointer}
@media(max-width:700px){.canvas-controls{padding:4px;border-radius:10px}.canvas-controls button{padding:8px;font-size:10px}.canvas-drag-hint{bottom:65px;max-width:calc(100vw - 20px);overflow:hidden;text-overflow:ellipsis}}

/* A selection is a movable object, including inline native titles. */
.title-word{display:inline-block;position:relative;vertical-align:baseline}.editing [data-design-key]{touch-action:none;cursor:move}.editing [data-design-key]:hover{cursor:move}.editing .hero-top,.editing h1,.editing .hero-caption{animation:none}.design-resize{left:auto;right:0;cursor:nwse-resize;border-radius:50%;width:16px;height:16px;font-size:0;box-shadow:0 0 0 1px #4099c2;background:#fff}.editing .edit-selected{outline-offset:0!important}.canvas-controls{flex-wrap:wrap;max-width:min(520px,calc(100vw - 20px));overflow:visible}.canvas-quick-style{display:flex;gap:8px;align-items:center;flex-basis:100%;border-top:1px solid #ffffff30;padding:5px 4px 1px}.canvas-quick-style label{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:10px;color:#eeece6}.canvas-quick-style input[type=number]{width:57px;padding:5px;border:1px solid #ffffff40;border-radius:5px;color:#fff;font-size:11px}.canvas-quick-style input[type=color]{width:28px;height:28px;padding:2px;border:0;border-radius:6px;background:transparent}.canvas-controls button[aria-label="Delete selected element"]{color:#f9c5c5}.element-library{left:18px;right:auto;width:280px}.element-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.element-library-grid button{border:1px solid #c9c9bf;background:#ffffff70;border-radius:12px;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px}.element-library-grid strong{font-size:30px;font-weight:400}.element-library-grid button:hover{background:#a3d8ee60;border-color:#74b4d3}.library-tip{font-size:11px;line-height:1.7;color:#72736a;margin:0}.has-canvas-objects{position:relative}.canvas-object-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.canvas-object{position:absolute;left:0;top:0;width:40%;pointer-events:auto;font-size:18px;line-height:1.4;white-space:normal;letter-spacing:normal;color:inherit}.canvas-object>h2,.canvas-object>p{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre-wrap;margin:0;max-width:none}.canvas-object img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.canvas-object-photo{height:220px;overflow:visible;border-radius:24px}.canvas-object .canvas-shape{width:100%;height:100%;background:inherit;border-radius:inherit}.canvas-object-circle,.canvas-object-rectangle{height:160px;background:var(--accent)}.canvas-object .pill{width:100%;margin:0;font:inherit;color:inherit;justify-content:center;white-space:normal}.editing .canvas-object{outline:1px dashed #74b4d370}.editing .canvas-object.edit-selected{outline:2px solid #74b4d3}.editing .canvas-object-layer{z-index:5}.editing .canvas-controls{z-index:1250}
@media(max-width:700px){.element-library{left:10px;max-height:calc(100dvh - 95px)}.canvas-controls{max-width:calc(100vw - 20px);gap:2px}.canvas-quick-style{gap:5px}.canvas-quick-style label{font-size:9px}.canvas-controls button{padding:6px}.canvas-object{width:80%}}
.canvas-object-circle{height:auto;aspect-ratio:1}

.hero-dot{z-index:2}.title-word{z-index:1}.editing .hero-dot{animation:none!important;cursor:move}.hero-dot[style]{pointer-events:auto}.canvas-layer-controls{display:flex;flex-wrap:wrap;gap:4px;flex-basis:100%;border-top:1px solid #ffffff30;padding:4px 0}.canvas-layer-controls button{font-size:9px;padding:5px 7px;color:#b9e5f7}.canvas-object-layer,.editing .canvas-object-layer{z-index:auto}.canvas-object{z-index:3}.photo-import-panel{position:fixed;z-index:1400;right:18px;top:18px;width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;background:#eeece6;color:#303237;padding:22px;border:1px solid #c9c9bf;border-radius:18px;box-shadow:0 12px 55px #0003}.photo-import-panel[hidden]{display:none}.import-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:20px}.import-heading h2{font-size:27px;letter-spacing:-1px;line-height:1.15}.import-heading button{border:0;background:none;padding:3px;font-size:18px}.photo-import-panel select{width:100%;border:1px solid #c9c9bf;background:#ffffff70;border-radius:8px;padding:10px;font-size:11px;color:#303237}.import-dropzone{position:relative;cursor:pointer;border:1px dashed #74b4d3;border-radius:12px;text-align:center;padding:25px 12px;background:#a3d8ee30;margin-top:18px;gap:7px}.import-dropzone strong{font-weight:400;font-size:15px}.import-dropzone span{font-size:11px}.import-dropzone small{font-size:9px;color:#72736a}.import-dropzone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.import-dropzone.dragging{background:#a3d8ee80}.import-help,.import-local{font-size:10px;line-height:1.7;color:#72736a}.import-previews{display:flex;gap:8px;flex-wrap:wrap;max-height:180px;overflow:auto}.import-previews img{width:62px;height:62px;border-radius:9px;object-fit:cover}.import-error{font-size:11px;line-height:1.6;color:#844444}.import-apply{width:100%;border:0;border-radius:25px;background:#303237;color:#eeece6;font-size:12px;padding:12px;margin-top:12px}.import-apply:disabled{opacity:.4;cursor:default}.editing .hero-main img{pointer-events:auto}.hero .photo-tag>span:first-child{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.photo-import-panel{right:12px;top:12px;padding:18px;max-height:calc(100dvh - 90px)}.canvas-layer-controls{gap:1px}.canvas-layer-controls button{padding:4px;font-size:8px}}

.photo-manager{width:430px}.photo-manager .photo-batch-mode{margin-top:14px}.photo-batch-mode[hidden]{display:none}.photo-manager .import-dropzone{padding:18px 10px}.photo-manager-count{font-size:11px;color:#72736a;margin:12px 0}.photo-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-order-tile{position:relative;border:1px solid #c9c9bf;border-radius:12px;overflow:hidden;background:#fff5;min-width:0}.photo-order-tile>img{width:100%;height:145px;object-fit:contain;background:#e3e5e1}.photo-tile-top{position:absolute;top:5px;left:5px;right:5px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.photo-tile-top>span{font-size:10px;color:#fff;background:#303237aa;border-radius:14px;padding:4px 7px}.photo-order-handle{pointer-events:auto;touch-action:none;cursor:grab;font-size:20px;line-height:1;background:#eeece6e6;border:1px solid #fff;border-radius:8px;padding:5px;color:#303237}.photo-order-handle:active{cursor:grabbing}.photo-tile-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px;padding:6px}.photo-tile-actions button{background:none;border:1px solid #c9c9bf;border-radius:15px;padding:5px 7px;font-size:9px;color:#303237}.photo-tile-actions button:disabled{opacity:.45;cursor:default}.photo-sort-target{outline:3px dashed #4099c2;outline-offset:-3px}.photo-manager .import-apply{position:sticky;bottom:0;z-index:2;box-shadow:0 0 0 6px #eeece6}.photo-manager-launch{display:none;position:absolute;top:15px;right:15px;z-index:8;border:1px solid #fff8;background:#eeece6e8;color:#303237;border-radius:22px;padding:10px 14px;font-size:11px}.editing .photo-manager-launch{display:block}.canvas-guide-x{background:none;border-left:1px dashed #4099c2;box-shadow:none}.canvas-guide-y{background:none;border-top:1px dashed #4099c2;box-shadow:none}.canvas-guide-reference{position:fixed;border:1px dashed #4099c2;background:#a3d8ee14;pointer-events:none;border-radius:3px}.canvas-guides span{max-width:85vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-main .surface-eyebrow,.hero-main .photo-tag,.demo-label{display:none!important}
@media(max-width:700px){.photo-manager{width:calc(100vw - 24px)}.photo-order-grid{gap:8px}.photo-order-tile>img{height:120px}.photo-tile-actions button{font-size:8px;padding:5px}.photo-manager-launch{top:10px;right:10px;padding:8px 11px}}
.photo-source-series{border:1px solid #c9c9bf;border-radius:10px;padding:10px;margin-top:12px}.photo-source-series[hidden]{display:none}.photo-source-series summary{font-size:11px;cursor:pointer}.photo-source-series label{margin-top:12px}.photo-source-series button{margin-top:10px;border:1px solid #c9c9bf;border-radius:20px;background:#a3d8ee40;padding:8px 12px;font-size:10px}.photo-manager{padding:18px}.photo-manager .import-heading{margin-bottom:15px}.photo-manager .import-dropzone{padding:12px 10px}.photo-manager .import-help{margin:10px 0}
@media(max-width:700px){.photo-manager{width:calc(100% - 24px)}}