:root{font-family:Inter,system-ui,sans-serif;color:#202223;background:#f5f5f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#005bd3}nav{display:flex;gap:24px;padding:18px 32px;background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap}nav a{text-decoration:none;color:#42474c}nav a.active{color:#005bd3;font-weight:650}.page{max-width:1160px;margin:28px auto;padding:0 24px}h1{font-size:26px;margin:20px 0}h2{font-size:17px;margin:0 0 18px}.card{background:#fff;border:1px solid #e1e3e5;border-radius:12px;padding:24px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}label{display:flex;flex-direction:column;gap:7px;font-size:14px}.check{flex-direction:row;align-items:center}input,select,textarea{font:inherit;padding:10px;border:1px solid #8c9196;border-radius:6px;max-width:100%;background:#fff}textarea{min-height:100px}button,.button{font:inherit;background:#303030;color:#fff;border:0;border-radius:7px;padding:10px 18px;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:wait}.inline,.actions{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.actions{align-items:center;margin:20px 0}.inline label{flex:1}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:14px 10px;border-bottom:1px solid #ebebeb}th{color:#61666b;font-weight:500}.muted{color:#61666b}.error{padding:16px;background:#fff1f1;color:#8e1f0b;border-radius:8px}.success{padding:16px;background:#e7f5ed;border-radius:8px}@media(max-width:650px){.page{padding:0 12px}.card{padding:16px;overflow:auto}nav{gap:16px;padding:16px}}.op-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0 28px}.op-heading h1{margin:8px 0 12px}.op-heading p{margin:0;line-height:1.6}.op-tag{display:inline-block;background:#e8f2ee;color:#236349;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;white-space:nowrap}.op-secondary{background:#fff;color:#303030;border:1px solid #babfc3}.op-button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.op-button-row form{margin:0}.template-editor{max-width:1440px}.op-savebar{position:sticky;top:0;z-index:2;background:#fff;border:1px solid #ddd;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;margin-bottom:20px;box-shadow:0 2px 8px #00000005;font-size:14px}.op-editor-columns{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);gap:28px;align-items:start}.op-editor-controls{border:0;margin:0;padding:0;min-width:0}.op-fields{display:grid;gap:18px}.op-fields p{font-size:13px;line-height:1.6;margin:0}.op-fields input:not([type=checkbox]),.op-fields select,.op-fields textarea{width:100%;min-width:0}.op-fields input[type=checkbox]{accent-color:#236349;flex-shrink:0}.op-setting-group summary{cursor:pointer;font-size:15px;font-weight:600;list-style-position:outside;margin-left:14px}.op-setting-group[open] summary{margin-bottom:22px}.op-color{display:flex;gap:8px}.op-color input[type=color]{flex:0 0 46px;height:42px;padding:4px}.op-preview{position:sticky;top:88px;min-width:0}.op-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 18px}.op-preview-heading h2{margin:0 0 5px}.op-preview-heading span{font-size:13px}.op-paper-container{max-width:794px;margin:auto;background:#fff;box-shadow:0 3px 15px #00000012;overflow:hidden}.op-paper{display:block;border:0;width:794px;height:1123px;transform-origin:top left;background:#fff}.op-preview-empty{padding:40px;text-align:center;color:#61666b}.op-preview-note{font-size:12px;line-height:1.6}.op-release{display:grid;grid-template-columns:2fr 1fr;gap:50px;border-color:#c6ddd2;background:linear-gradient(120deg,#fff,#f0f7f3)}.op-release h2{font-size:24px;margin:20px 0 12px}.op-release p{line-height:1.7;max-width:650px;margin:0 0 28px}.op-release .button{display:inline-block}.op-release-stat{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #d8e6de;padding-left:35px;gap:8px}.op-release-stat strong{font-size:32px;font-weight:600;color:#236349}.op-release-stat span{font-size:13px;color:#61666b;margin-bottom:12px}.op-feature-grid .card{margin-bottom:0;display:flex;flex-direction:column;gap:12px}.op-feature-grid .card h2,.op-feature-grid .card p{margin:0}.op-feature-grid .card p{line-height:1.6;flex:1}.op-feature-grid a{font-size:14px;text-decoration:none}.op-home>.muted{font-size:12px;margin-top:24px}@media(max-width:850px){.op-editor-columns{grid-template-columns:1fr}.op-preview{position:static;grid-row:1}.op-preview-heading{flex-wrap:wrap}.op-release{grid-template-columns:1fr;gap:24px}.op-release-stat{border-left:0;border-top:1px solid #d8e6de;padding:20px 0 0}.op-heading{align-items:flex-start;flex-direction:column}.op-savebar{padding:12px;flex-wrap:wrap}.op-savebar .op-button-row{margin-left:auto}.op-paper-container{max-width:600px}.op-heading h1{font-size:24px}.template-editor .op-editor-controls .card{overflow:visible}}