@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{font-family:'DM Sans',system-ui,sans-serif;color:#233a53;background:#eff3f7;--line:#dbe4ed;--navy:#152943;--muted:#7c8c9d}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;padding:8px 15px;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;line-height:1.1;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:1.1px;font-weight:700;color:#6e8499;text-transform:uppercase;margin-top:3px}.logo{background:#145ca3;color:white;border-radius:10px;position:relative;display:grid;place-items:center;width:38px;height:38px;font-size:23px}.logo span{position:absolute;right:3px;top:0;font-size:11px;color:#f9c567}.top-actions{display:flex;gap:7px;flex-wrap:wrap}.top-actions button,.stage-actions button,.stage-actions select,.image-upload{border:1px solid #d7e1e9;border-radius:9px;background:#fff;padding:8px 10px;font-size:11px;font-weight:750;color:#536f89}.top-actions .primary{background:#175ca5;color:white;border-color:#175ca5}.top-actions button:hover,.stage-actions button:hover,.image-upload:hover{filter:brightness(.95)}.editor-shell{height:calc(100dvh - 56px);min-height:570px;display:grid;grid-template-columns:260px minmax(0,1fr) 286px;overflow:hidden}.gallery,.inspector{background:#fff;overflow:auto;padding:16px;border-right:1px solid var(--line)}.inspector{border-right:0;border-left:1px solid var(--line)}.pane-heading .eyebrow{font-size:10px;color:#1d77a9;font-weight:800;letter-spacing:1.3px}.pane-heading h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.4px;margin:5px 0 6px}.pane-heading p{font-size:11px;color:#728799;line-height:1.6;margin:0 0 15px}.categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.category{border:1px solid var(--line);background:#fff;border-radius:9px;font-size:10px;font-weight:750;padding:8px 10px;color:#5d7890}.category[aria-pressed=true]{background:#145d9f;border-color:#145d9f;color:#fff}.templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template{background:#f9fbfd;border:1px solid #e0e9ef;border-radius:10px;padding:6px;text-align:left;min-width:0}.template[aria-pressed=true]{border-color:#176dba;box-shadow:0 0 0 2px #aed4f0}.template:hover{border-color:#80b9e7}.template-thumb{aspect-ratio:.71;position:relative;border-radius:5px;overflow:hidden;background:var(--back,#fff);border:1px solid #e8edf1;display:grid;align-content:start;padding:15% 8%;gap:6%}.template-thumb .stripe{height:16%;border-radius:2px;background:var(--accent,#174a81)}.template-thumb i{height:3%;border-radius:4px;background:#bec9d8;width:70%}.template-thumb i:nth-child(odd){width:90%}.template-thumb .orb{position:absolute;right:9%;bottom:16%;width:28%;aspect-ratio:1;border-radius:50%;border:5px solid var(--accent,#174a81);opacity:.24}.template b{display:block;font-size:10px;padding:7px 2px 3px;color:#365570}.safe-note{margin-top:20px;background:#f4f8fc;border:1px solid #e2ebf1;border-radius:9px;padding:10px;font-size:10px;color:#6b8396;line-height:1.7}.stage{display:flex;flex-direction:column;min-width:0;min-height:0}.stage-heading{background:#f9fbfd;padding:10px 14px;display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #dce5ec}.stage-heading strong{display:block;font-size:13px;color:#304d6c}.stage-heading span{display:block;font-size:10px;color:#8da2b3}.stage-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.image-upload{cursor:pointer;display:inline-flex}.canvas-scroll{overflow:auto;flex:1;padding:18px;text-align:center}.canvas-scroll canvas{background:white;box-shadow:0 12px 40px #112f5040;max-width:100%;height:auto;cursor:grab;touch-action:none;vertical-align:top}.canvas-scroll canvas:active{cursor:grabbing}.canvas-help{font-size:10px;color:#7f93a4;margin:13px auto;max-width:450px}.property-block{border-top:1px solid var(--line);padding:13px 0;margin-top:9px}.property-title{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#7c91a2;margin-bottom:11px}.property-block label{display:grid;gap:5px;margin-bottom:11px;font-size:11px;font-weight:750}.property-block input,.property-block select,.property-block textarea{border:1px solid #d4e0e9;border-radius:8px;background:#fff;color:#253f58;outline-color:#9cc8eb;padding:8px;font-size:12px;width:100%}.property-block input[type=color]{height:35px;padding:2px}.property-block textarea{resize:vertical;line-height:1.5}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.element-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.element-actions button{border:1px solid var(--line);border-radius:7px;background:#f4f8fb;padding:9px 5px;font-size:10px;font-weight:700;color:#43647e}.element-actions #remove{background:#fff2f3;color:#b8455b;border-color:#f0d9dc}.layers{display:grid;gap:5px}.layer{display:flex;align-items:center;gap:5px;border:1px solid #e3e9ef;background:#f9fbfd;border-radius:8px;padding:8px;font-size:10px;text-align:left;color:#5e738a;max-width:100%;overflow:hidden}.layer.selected{border-color:#9bc0e3;background:#eaf4fb;color:#205482}.layer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast{position:fixed;bottom:15px;right:16px;padding:11px 14px;border-radius:9px;background:#183e65;color:#fff;opacity:0;pointer-events:none;transition:.2s;font-size:12px}.toast.show{opacity:1}@media(max-width:1040px){.editor-shell{grid-template-columns:210px minmax(0,1fr) 230px}.gallery,.inspector{padding:12px}.top-actions button{padding:7px;font-size:10px}}@media(max-width:800px){.topbar{flex-wrap:wrap}.editor-shell{height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible}.gallery{order:1;overflow:visible;border:0}.pane-heading p{margin-bottom:8px}.templates{grid-template-columns:repeat(6,minmax(95px,1fr));overflow:auto;gap:9px}.gallery .safe-note{display:none}.stage{order:2;min-height:450px}.canvas-scroll{max-height:680px}.inspector{order:3;border:0}.layers{grid-template-columns:repeat(2,1fr)}.top-actions{justify-content:center}.stage-heading{flex-wrap:wrap}.templates .template{min-width:95px}}@media(max-width:480px){.brand{font-size:15px}.top-actions{width:100%}.top-actions button{flex:1;font-size:10px}.templates{grid-template-columns:repeat(6,110px)}.stage-actions{gap:4px}.stage-actions button,.image-upload,.stage-actions select{font-size:10px;padding:7px}.canvas-scroll{padding:10px}}
@media print{@page{size:A4;margin:0}body{background:white}.topbar,.gallery,.inspector,.stage-heading,.canvas-help{display:none!important}.editor-shell,.stage,.canvas-scroll{display:block!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important}.canvas-scroll canvas{display:block!important;width:210mm!important;max-width:none!important;height:auto!important;box-shadow:none!important;margin:0!important}}