*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,sans-serif;color:#1c1c1e;background:#f4f4f6}.shell{display:flex;flex-direction:column;height:100vh}.topnav{display:flex;gap:16px;align-items:center;padding:10px 16px;background:#1c1c1e}.topnav .brand{color:#fff;font-weight:700;margin-right:8px}.topnav a{color:#bbb;text-decoration:none;padding:4px 8px;border-radius:6px}.topnav a.active{color:#fff;background:#3a3a3c}.page{padding:16px;overflow:auto}button{cursor:pointer}.admin{display:flex;gap:12px;height:100%}.admin .col{background:#fff;border-radius:10px;padding:12px;width:260px;overflow:auto}.admin .col.wide{flex:1}.admin header{display:flex;align-items:center;gap:8px;justify-content:space-between}.admin ul{list-style:none;margin:8px 0 0;padding:0}.admin li{display:flex;align-items:center;gap:6px;padding:4px;border-radius:6px}.admin li.sel{background:#e8f0fe}.admin .rowmain{flex:1;text-align:left;background:none;border:none;padding:6px}.admin .rowmain small{display:block;color:#777}.admin .products img{height:48px}.admin .products .noimg{width:36px;height:48px;background:#eee;font-size:9px;display:grid;place-items:center}.admin .products .pinfo{flex:1;display:flex;flex-direction:column}.admin li.incomplete{opacity:.6}.warn,.error{color:#b00}.chk{font-size:13px;display:flex;gap:4px;align-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:10}.modal{background:#fff;border-radius:12px;padding:20px;width:420px;display:flex;flex-direction:column;gap:10px;max-height:90vh;overflow:auto}.modal label{display:flex;flex-direction:column;gap:4px;font-size:13px}.modal input{padding:6px 8px;border:1px solid #ccc;border-radius:6px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.form-preview{max-height:120px;align-self:center}button.primary{background:#1a73e8;color:#fff;border:none;border-radius:6px;padding:8px 14px}.composer{display:flex;flex:1;min-height:0}.library{width:300px;background:#fff;display:flex;flex-direction:column;border-right:1px solid #ddd}.library .search{margin:10px;padding:8px;border:1px solid #ccc;border-radius:8px}.library .filters{display:flex;gap:6px;padding:0 10px 8px}.library .filters select{flex:1}.library .results{overflow:auto;flex:1;padding:0 10px 10px}.library h3{font-size:12px;color:#888;margin:10px 0 4px}.libitem{display:flex;gap:8px;align-items:center;width:100%;text-align:left;background:none;border:none;padding:6px;border-radius:8px}.libitem:hover:not(:disabled){background:#eef3ff}.libitem:disabled{opacity:.45}.libitem img{height:44px}.libitem .noimg{width:30px;height:44px;background:#eee;display:grid;place-items:center}.libitem strong{display:block;font-size:13px}.libitem small{color:#777}.workarea{flex:1;display:flex;flex-direction:column;min-width:0}.toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border-bottom:1px solid #ddd}.toolbar label{display:flex;align-items:center;gap:6px;font-size:13px}.toolbar input[type=number]{width:60px}.toolbar .spacer{flex:1}.canvas-area{flex:1;position:relative;overflow:hidden}.empty{color:#888;padding:12px}.stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.fit-btn{position:absolute;right:12px;bottom:12px;z-index:5}.selbar{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 10px;box-shadow:0 2px 8px #0000001f}.groups-head{display:flex;gap:12px;align-items:center}.groups-head input{padding:8px;border:1px solid #ccc;border-radius:8px;width:260px}.grouplist{list-style:none;padding:0;max-width:720px}.grouplist li{display:flex;gap:8px;align-items:center;background:#fff;border-radius:10px;padding:8px 12px;margin-bottom:8px}.grouplist .rowmain{flex:1;text-align:left;background:none;border:none}.grouplist .rowmain small{display:block;color:#777}.hint{color:#555;font-size:13px}