body.ops-mode #app{max-width:none;width:100%;margin:0;padding:0}.product-studio{display:grid;grid-template-columns:170px 220px minmax(360px,1fr) 430px;min-height:100vh;background:#f7f9f9;color:#273432;font-size:14px}.studio-sidebar{padding:26px 18px;display:flex;flex-direction:column;gap:18px;border-right:1px solid #e5eae7;background:#f3f7f6}.studio-brand{display:flex;gap:9px;font-weight:700;line-height:1.6}.studio-brand img{width:32px;height:32px}.studio-sidebar>small{color:#84918b;margin-top:26px}.studio-sidebar>a:not(.studio-brand){padding:12px;border-radius:9px}.studio-sidebar .selected{background:#e3ece8;font-weight:600}.studio-account{margin-top:auto;font-size:11px;overflow-wrap:anywhere;color:#77857f}.studio-account a{display:block;margin-top:20px}.studio-products{background:white;border-right:1px solid #e4e9e6;padding:24px 14px}.studio-products h2{font-size:17px;display:flex;justify-content:space-between;margin:0 5px 26px}.studio-products h2 span{color:#9aa49f}.studio-search{font-size:12px;color:#75817a}.studio-search input{border:1px solid #e2e7e4;border-radius:8px;padding:10px;width:100%;margin:8px 0 20px}.studio-products>p{font-size:11px;line-height:2;color:#8b9790;margin-top:30px}#product-list button{display:flex;align-items:center;text-align:left;width:100%;gap:12px;border-radius:10px;padding:12px 8px;margin-bottom:7px}#product-list button.selected{background:#edf3f0}#product-list img{width:42px;height:48px;border-radius:6px;object-fit:cover}#product-list b,#product-list small{display:block}#product-list small{font-size:10px;margin-top:5px;color:#86938b}.studio-editor{background:white;min-width:0}.studio-editor>header{display:flex;flex-wrap:wrap;align-items:center;gap:15px;justify-content:space-between;padding:24px 30px;border-bottom:1px solid #e6ebe8}.studio-editor h1{font-size:24px;margin:8px 0 0}.studio-editor header small{color:#8d9991;font-size:12px}.studio-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.studio-actions span{font-size:11px;color:#84918b;width:100%;text-align:right}.studio-actions button,.studio-version button{border:1px solid #dfe6e1;padding:10px 15px;border-radius:8px;font-size:12px;background:white}.studio-actions .publish{background:#254d40;color:white;border-color:#254d40}.studio-actions button:disabled{opacity:.5}.studio-tabs{display:flex;border-bottom:1px solid #e5eae7;padding:0 24px;gap:18px}.studio-tabs button{padding:18px 8px;color:#8a9690}.studio-tabs .selected{color:#254d40;border-bottom:2px solid #254d40;font-weight:600}#product-editor{padding:30px;max-width:900px;margin:auto}#product-editor h2{font-size:20px;font-weight:650;margin:12px 0 16px}#product-editor>p{font-size:13px;line-height:1.9;color:#8b9690;margin-bottom:26px}.studio-field{display:block;font-size:13px;font-weight:500;margin:24px 0}.studio-field input,.studio-field select,.studio-field textarea{display:block;width:100%;border:1px solid #dfe5e1;border-radius:8px;padding:12px;font:inherit;font-weight:400;margin-top:10px;color:#34453c;background:white}.studio-field textarea{line-height:1.9;resize:vertical}.studio-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-note{font-size:12px!important;background:#f6f8f6;padding:13px;border-radius:8px;line-height:1.8}.studio-images{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.studio-images button{border:2px solid transparent;border-radius:10px;padding:5px}.studio-images button.selected{border-color:#568c72}.studio-images img{width:100%;height:105px;object-fit:cover;border-radius:7px}.studio-preview{padding:25px 18px;border-left:1px solid #e1e7e3;position:sticky;top:0;height:100vh;overflow:auto;background:#f0f4f2}.studio-preview>header{display:flex;justify-content:space-between;font-size:13px}.studio-preview>header span{color:#8c9890}.studio-preview>p{font-size:12px;line-height:1.8;color:#8a9790;margin:24px 0}.studio-phone{width:390px;max-width:100%;border:7px solid #28322d;border-radius:40px;background:white;overflow:hidden;box-shadow:0 12px 34px #263b3010}.phone-status{height:37px;padding:10px 21px;font-size:10px;font-weight:bold;display:flex;justify-content:space-between}.phone-screen{height:650px;overflow:auto;padding:20px;background:#fff}.phone-brand{font-size:12px;font-weight:600;padding:10px 0 28px}.phone-screen h2{font-size:19px;margin:10px 0 25px}.phone-caption{color:#99a49b;font-size:12px;text-align:center;margin:20px 0}.preview-hidden-note{font-size:12px;padding:15px;color:#987962;background:#fff8ee;border-radius:8px}#published-state{font-size:12px;text-align:center;margin:24px;color:#7f8e84}.studio-version{border:1px solid #e2e9e3;border-radius:10px;padding:20px;margin:15px 0}.studio-version p{font-size:12px;color:#89958c;margin:10px 0}#product-error{color:#b75160;padding:0 30px 20px}.product-studio button:focus-visible,.product-studio input:focus-visible,.product-studio textarea:focus-visible,.product-studio select:focus-visible{outline:3px solid #99c8b4;outline-offset:2px}@media(max-width:1250px){.product-studio{grid-template-columns:140px 170px minmax(320px,1fr)}.studio-preview{grid-column:3;position:static;height:auto;border-top:1px solid #eee}.studio-sidebar,.studio-products{grid-row:1/3}.studio-phone{margin:auto}}@media(max-width:760px){.product-studio{display:block}.studio-sidebar{padding:15px;flex-direction:row;flex-wrap:wrap;align-items:center}.studio-sidebar>small,.studio-account{display:none}.studio-products{padding:15px}.studio-products h2,.studio-products>p,.studio-search{display:none}#product-list{display:flex;overflow:auto}#product-list button{min-width:130px}.studio-editor>header,#product-editor{padding:20px}.studio-preview{padding:24px 12px}.studio-phone{max-width:100%}}
.page-copy-preview h1{font-size:22px;line-height:1.6;margin:10px 0 20px}.page-copy-preview p{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.page-copy-preview label{display:block;margin:30px 0;font-size:13px}.page-copy-preview textarea{display:block;width:100%;height:140px;margin-top:12px;padding:12px;border:1px solid #ddd;border-radius:12px}.page-copy-preview button{background:#ffe14c;border-radius:30px;padding:15px;width:100%}.preview-elephant{font-size:56px;text-align:center;padding:50px 0}.studio-preview .studio-field{margin:12px 0}
.phone-screen .catalog-grid{padding:0;gap:10px}.phone-screen .catalog-card>div{padding:10px}.phone-screen .catalog-card b{font-size:15px}.phone-screen .catalog-card p{font-size:11px}.phone-screen .catalog-card{pointer-events:none}.phone-screen{padding:16px}
