:root{font-family:Tahoma,Arial,sans-serif;color:#203d40;background:#f1f5f5;font-size:13px}*{box-sizing:border-box}body{margin:0}header{height:78px;background:white;border-bottom:1px solid #dce7e5;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;gap:20px}header strong{font-size:18px}header small{display:block;margin-top:8px;color:#6b7e80}.actions{display:flex;gap:10px;align-items:center}button,select,input,textarea{font:inherit}button,a{cursor:pointer}button{min-height:40px;border:1px solid #d6e2e0;border-radius:9px;padding:9px 12px;background:white;color:#31544f}button:hover{background:#eef8f4}.primary,.selected{background:#137c70;color:white}.primary:hover{background:#0b6258}button:disabled{opacity:.5;cursor:wait}a{color:#137c70;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #65b6a4;outline-offset:2px}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100dvh - 118px)}aside{overflow:auto;background:white;border-left:1px solid #dce7e5;padding:18px}label{display:block;line-height:1.8;font-size:12px;margin:12px 0}input,select,textarea{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #dce7e5;border-radius:8px;background:white;color:#203d40}input[type=color]{height:42px;padding:4px}input[type=range]{padding:0}input[type=file]{font-size:11px;padding:8px}textarea{resize:vertical}details{border-top:1px solid #e5ecea;margin-top:16px;padding-top:16px}summary{cursor:pointer;font-weight:bold;padding-bottom:9px}.hint{font-size:11px;color:#728184;line-height:1.9}.layout-row{display:flex;align-items:center;justify-content:space-between;padding:10px;margin:7px 0;border:1px solid #dce7e5;border-radius:9px;cursor:grab;background:#f7faf8}.layout-row>div{display:flex;gap:5px}.layout-row button{min-height:30px;padding:3px 9px}.layout-row.dragging{opacity:.45}.layout-row.drag-target{border-color:#137c70;background:#e2f1e9}.preview-area{min-width:0;overflow:auto;display:flex;align-items:center;flex-direction:column;padding:18px;gap:14px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px;font-size:11px;color:#6b7e80}.preview-toolbar>div{display:flex;gap:7px}iframe{display:block;width:100%;height:100%;min-height:600px;background:white;border:1px solid #d3e1dc;border-radius:14px}.preview-area.mobile iframe{width:390px;max-width:100%;height:780px;flex-shrink:0}.asset-control{border:1px solid #e0e9e5;padding:10px;border-radius:10px;margin-top:12px}.asset-control label{margin-top:0}.asset-control button{font-size:11px}.media-item{padding:8px;border-bottom:1px solid #e5ecea;overflow-wrap:anywhere;font-size:11px}.media-item img{width:52px;height:52px;object-fit:contain;display:block;margin:5px 0}.media-item p{margin:5px 0}.workspace[hidden]{display:none}#editorNotice{margin:0;padding:11px 24px;background:#e7f3ee;min-height:40px;font-size:12px;color:#3c6c5e;line-height:1.7}.asset-status{font-size:11px;overflow-wrap:anywhere;margin-top:7px;color:#647f74}@media(max-width:850px){header{height:auto;flex-wrap:wrap;padding:15px}.actions{flex-wrap:wrap}.workspace{display:flex;flex-direction:column;height:auto}aside{width:100%;max-height:50dvh;border-bottom:1px solid #dce7e5}.preview-area{min-height:700px}.preview-toolbar{flex-wrap:wrap}iframe{height:750px}}