.layout-create-page{width:100%;min-width:0;min-height:100%;padding:32px;color:#17213d;background:transparent}.layout-create-page *{box-sizing:border-box}.layout-create-grid,.layout-create-page-header{width:min(100%,1400px);margin-inline:auto}.layout-create-page-header{margin-bottom:24px}.layout-create-page-header nav{display:flex;align-items:center;gap:8px;color:#72809d;font-size:13px}.layout-create-page-header nav a{color:#536382;text-decoration:none}.layout-create-page-header h1{margin:18px 0 6px;font-size:32px;line-height:1.15;letter-spacing:-.035em}.layout-create-page-header p{margin:0;color:#65728f;font-size:15px}.layout-create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:24px;gap:24px;align-items:start}.layout-create-main,.layout-create-preview{min-width:0}.layout-create-panel,.layout-create-preview{border:1px solid #dfe6f5;border-radius:14px;background:hsla(0,0%,100%,.92);box-shadow:0 7px 24px rgba(61,77,143,.06)}.layout-create-panel{padding:24px}.layout-create-panel-heading{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e7ecf7}.layout-create-heading-icon{display:grid;flex:none;width:32px;height:32px;place-items:center;border-radius:8px;background:#eceeff;color:#5d58f3;font-size:21px}.layout-create-panel-heading h2,.layout-preview-heading h2{margin:0;color:#1c2743;font-size:16px;letter-spacing:-.015em}.layout-create-panel-heading p{margin:3px 0 0;color:#71809c;font-size:13px}.layout-create-name{display:grid;grid-gap:7px;gap:7px;width:min(100%,440px);margin:20px 0 25px;color:#445370;font-size:13px;font-weight:700}.layout-advanced-fields input,.layout-create-name input,.layout-custom-fields input{width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid #d8e0f0;border-radius:8px;background:#fff;color:#17213d;font:inherit}.layout-advanced-fields input:focus,.layout-create-name input:focus,.layout-custom-choice:focus-visible,.layout-custom-fields input:focus,.layout-preset:focus-visible{outline:0;border-color:#625bf6;box-shadow:0 0 0 3px #625bf625}.layout-preset-groups{display:grid;grid-gap:22px;gap:22px}.layout-preset-category{min-width:0}.layout-preset-category h3{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:#586783;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.layout-preset-category h3 span{font-size:15px;color:#6f7ca5}.layout-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.layout-preset{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;min-height:160px;padding:16px;border:1px solid #dfe5f2;border-radius:12px;background:#fff;color:#17213d;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.layout-preset:hover{border-color:#aeb9ff;box-shadow:0 7px 18px #5366c212}.layout-preset.is-selected{border-color:#625bf6;background:#f8f8ff;box-shadow:inset 0 0 0 1px #625bf6}.layout-preset-thumbnail{display:flex;align-items:center;justify-content:center;height:60px;border-radius:8px;background:linear-gradient(135deg,#f5f6ff,#edf2ff)}.layout-preset-thumbnail i{display:block;max-width:78%;max-height:42px;width:78%;border:2px solid #625bf6;border-radius:4px;background:#fff;box-shadow:0 4px 10px #5267c21a}.layout-preset-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.layout-preset-copy b{display:-webkit-box;overflow:hidden;color:#17213d;font-size:14px;font-weight:750;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.layout-preset-copy small{color:#66748f;font-size:13px;line-height:1.2}.layout-preset-copy em{color:#625bf6;font-size:12px;font-style:normal;font-weight:750}.layout-preset-check{position:absolute;top:10px;right:10px;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#625bf6;color:#fff;font-size:12px}.layout-custom-choice{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;width:100%;min-width:0;margin-top:24px;padding:15px 17px;border:1px dashed #aabaff;border-radius:12px;background:#fbfcff;color:#17213d;text-align:left;cursor:pointer}.layout-custom-choice:hover{background:#f7f8ff}.layout-custom-choice.is-selected{border-style:solid;border-color:#625bf6;background:#f8f8ff;box-shadow:inset 0 0 0 1px #625bf6}.layout-custom-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#edf0ff;color:#5a57f4;font-size:22px}.layout-custom-choice>span:nth-child(2){display:grid;min-width:0;grid-gap:3px;gap:3px}.layout-custom-choice b{font-size:14px}.layout-custom-choice small{color:#6a7894;font-size:13px;overflow-wrap:anywhere}.layout-custom-choice>strong{color:#66749c;font-size:24px;font-weight:400}.layout-custom-form{margin-top:10px;padding:16px;border:1px solid #e1e7f4;border-radius:10px;background:#fafbff}.layout-custom-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.layout-advanced-fields label,.layout-custom-fields label{display:grid;min-width:0;grid-gap:6px;gap:6px;color:#52607d;font-size:12px;font-weight:700}.layout-custom-form p{min-height:18px;margin:11px 0 0;color:#627090;font-size:13px}.layout-create-error,.layout-custom-form p.is-invalid{color:#c4404b}.layout-advanced-toggle{margin-top:17px;padding:0;border:0;background:transparent;color:#5854ef;font-size:13px;font-weight:750;cursor:pointer}.layout-advanced-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:12px;padding:14px;border:1px solid #e1e7f4;border-radius:10px;background:#fafbff}.layout-advanced-fields input[type=color]{padding:3px}.layout-create-error{margin:16px 0 0;font-size:13px}.layout-create-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #e7ecf7}.layout-create-actions button{height:40px;padding:0 16px;border:1px solid #d8e0f0;border-radius:8px;background:#fff;color:#374462;font-weight:750;cursor:pointer}.layout-create-actions button:last-child{border-color:#625bf6;background:linear-gradient(135deg,#625bf6,#3f74f6);color:#fff}.layout-create-actions button:disabled{opacity:.5;cursor:not-allowed}.layout-create-preview{position:-webkit-sticky;position:sticky;top:24px;padding:22px}.layout-preview-heading{display:flex;align-items:center;gap:9px}.layout-preview-heading>span{color:#5c65f5}.layout-preview-art{display:grid;min-height:210px;margin:20px 0;place-items:center;border:1px solid #dfe6f5;border-radius:10px;background:linear-gradient(135deg,#fbfcff,#f3f6ff)}.layout-preview-art i{display:grid;max-width:82%;max-height:150px;width:82%;place-items:center;border:2px solid #aebaff;border-radius:5px;background:#fff;color:#687596;font-size:15px;font-style:normal;font-weight:700;box-shadow:0 7px 16px #5367bc12}.layout-preview-art i span{padding:8px;text-align:center}.layout-create-preview>h3{margin:0 0 17px;font-size:17px}.layout-create-preview dl{display:grid;grid-gap:11px;gap:11px;margin:0}.layout-create-preview dl div{display:flex;justify-content:space-between;gap:16px;font-size:13px}.layout-create-preview dt{color:#76819b}.layout-create-preview dd{margin:0;color:#26324c;font-weight:700;text-align:right}.layout-preview-warning{margin:16px 0 0;color:#a1631b;font-size:12px;line-height:1.5}.layout-v1-callout{margin-top:20px;padding:14px;border:1px solid #cfe1ff;border-radius:9px;background:#f0f7ff}.layout-preview-tips h4,.layout-v1-callout h4{margin:0;color:#3467d8;font-size:13px}.layout-v1-callout p{margin:8px 0 0;color:#607091;font-size:12px;line-height:1.55}.layout-preview-tips{margin:22px -22px -22px;padding:20px 22px;border-top:1px solid #e8ecf7}.layout-preview-tips h4{color:#374462}.layout-preview-tips p{margin:10px 0 0;color:#697793;font-size:12px;line-height:1.45}.lumina-app-has-wire .layout-create-page{min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain}@media(max-width:1100px){.layout-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px){.layout-create-grid{grid-template-columns:1fr}.layout-create-preview{position:static}.layout-preview-art{min-height:180px}}@media(max-width:760px){.layout-create-page{padding:24px 16px 42px}.layout-create-page-header h1{font-size:28px}.layout-create-panel,.layout-create-preview{padding:18px}.layout-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-create-preview{position:static}.layout-preview-tips{margin:20px 0 0;padding:16px 0 0;border-top:1px solid #e8ecf7}.layout-preview-art{min-height:170px}}@media(max-width:520px){.layout-advanced-fields,.layout-custom-fields,.layout-preset-grid{grid-template-columns:1fr}.layout-preset{min-height:148px}.layout-create-actions{flex-direction:column-reverse}.layout-create-actions button{width:100%}.layout-create-panel-heading p{display:none}.layout-create-page-header p{font-size:14px}}