main{max-width:1640px}.editor{display:grid;grid-template-columns:290px minmax(300px,1fr) 270px;gap:22px;align-items:start}.intro h1{font-size:36px}.intro{margin-bottom:25px}.panel{padding:20px}.panel h2{font-size:15px}.panel h3{font-size:12px;margin-top:22px}.panel details{margin:14px 0}.tabs{margin:18px 0}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.add-grid button{background:#f0ebf8;color:var(--purple);padding:10px;font-size:12px}.layers{max-height:260px;overflow:auto;margin:16px 0}.layer{display:block;text-align:left;width:100%;border:1px solid var(--line);padding:10px;margin:5px 0;background:#fff;font-size:11px;overflow-wrap:anywhere}.layer.active{border-color:#7452b7;background:#f1ecfa}.layer small{display:block;color:var(--muted);font-size:9px}.layout-upload{margin:15px 0;font-size:11px}.layout-upload input{font-size:10px;width:100%;margin-top:8px}input[type=number],select{display:block;width:100%;padding:8px;margin-top:5px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font:12px system-ui}input[type=color]{width:100%;height:34px;padding:2px;background:white;border:1px solid var(--line);margin-top:5px}input[type=range]{display:block;width:100%;accent-color:var(--purple)}.check{display:flex;gap:8px;align-items:center;font-size:11px}.properties label{font-size:11px}.properties input[type=file]{width:100%;font-size:10px}.properties .fields{gap:8px}.properties .fields label{min-width:0}.designer-preview .canvas-stage{margin-top:24px;padding:20px;min-height:330px;max-height:760px;overflow:auto}.designer-preview canvas{touch-action:none;cursor:crosshair;max-height:680px;object-fit:contain;width:auto;max-width:100%;box-shadow:0 15px 35px #281c3b20;border-radius:0}.download-row{display:flex;gap:10px}.download-row button{width:50%}#designerStatus{font-size:12px;color:#527769;min-height:40px;padding:10px 0}#designerStatus.error,.danger{color:#b02a2a!important}.properties .secondary{font-size:10px;padding:10px}.panel .secondary{justify-content:center}.note{margin-top:24px}.designer-preview .preview-header h2{font-size:18px}header>a:last-child{font-size:11px;color:var(--purple)}[hidden]{display:none!important}@media(max-width:1150px){.editor{grid-template-columns:260px minmax(300px,1fr)}.properties{grid-column:1/-1}.properties #propertyForm{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.properties #propertyForm[hidden]{display:none}}@media(max-width:700px){.editor{display:flex;flex-direction:column}.editor>*{width:100%}.designer-preview{order:-1}.properties #propertyForm{display:block}.designer-preview .canvas-stage{min-height:200px}.download-row{display:block}.download-row button{width:100%}header>a:last-child{max-width:100px;text-align:right}.intro h1{font-size:30px}}
.saved-templates{padding:12px;background:#f8f5fc;border:1px solid var(--line);border-radius:12px;margin-top:15px}.saved-templates h3{margin-top:0}.saved-templates input[type=search]{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;margin-top:6px}.template-choice{display:flex;align-items:center;gap:9px;padding:9px;background:white;border-radius:8px;margin-bottom:5px;cursor:pointer}.template-choice input{accent-color:var(--purple)}#savedTemplates{max-height:180px;overflow:auto;margin:12px 0;font-size:12px}.seo-content{margin:44px 0 10px;max-width:850px;color:var(--muted);font-size:13px}.seo-content h2{color:var(--ink);font-size:22px}.seo-content h3{font-size:15px;color:var(--ink)}.brand small{letter-spacing:.7px;font-size:7px}.brand{letter-spacing:1px}