:root{color:#171717;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgb(234 88 12 / 22%);outline-offset:1px}.app-shell{display:grid;grid-template-rows:72px minmax(0,1fr);width:100%;height:100%;min-width:320px;background:#f3f4f6}.app-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 20px 0 26px;border-bottom:1px solid #d5d7da;background:#fff}.brand-lockup,.header-actions,.locale-switch,.saved-label{display:flex;align-items:center}.brand-lockup{min-width:0;gap:12px}.brand-lockup svg{width:44px;height:32px;fill:none;stroke:#7a7a7a;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.brand-lockup svg .accent{stroke:#f05d14}.brand-lockup strong{overflow:hidden;color:#181818;font-size:20px;font-weight:650;line-height:28px;text-overflow:ellipsis;white-space:nowrap}.unofficial{padding:3px 8px;border:1px solid #c7c9cc;border-radius:5px;background:#f7f7f7;color:#555;font-size:12px;line-height:18px}.header-actions{gap:20px}.locale-switch{gap:5px;color:#8b8d91;font-size:14px}.locale-switch button{padding:5px 2px;border:0;background:transparent;color:#76787b;cursor:pointer}.locale-switch button.active{color:#111827;font-weight:700}.saved-label{gap:7px;color:#6b7280;font-size:13px;white-space:nowrap}.saved-label i,.autosave-dot{display:block;width:8px;height:8px;border-radius:50%;background:#53a93f}.download-button,.mobile-editor-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d94f0a;border-radius:5px;cursor:pointer}.download-button{gap:9px;min-height:44px;padding:0 18px;background:#f05d14;box-shadow:0 1px 1px #00000014;color:#fff;font-size:15px;font-weight:650}.download-button:hover:not(:disabled){background:#da4f0d}.download-button:disabled{border-color:#b8b8b8;background:#b8b8b8;cursor:not-allowed}.download-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.mobile-editor-button{display:none;min-height:36px;padding:0 12px;background:#fff;color:#b4430c;font-size:14px}.editor-workspace{display:grid;grid-template-columns:372px minmax(0,1fr);min-height:0}.editor-drawer{min-width:0;min-height:0}.editor-panel{width:100%;height:100%;overflow-y:auto;border-right:1px solid #d6d8db;background:#fff;scrollbar-color:#c7c9cc transparent;scrollbar-width:thin}.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 26px 20px;border-bottom:1px solid #e3e4e6}.editor-heading h2,.preview-toolbar h2{margin:0;color:#1b1c1d;font-size:17px;font-weight:650;line-height:24px}.editor-heading p{max-width:270px;margin:5px 0 0;color:#777a7f;font-size:12px;line-height:18px}.autosave-dot{flex:0 0 auto;margin-top:7px}.editor-panel details{border-bottom:1px solid #e3e4e6}.editor-panel summary{position:sticky;top:0;z-index:1;padding:14px 26px;background:#fafafa;color:#252628;cursor:pointer;font-size:14px;font-weight:650;line-height:20px;list-style-position:outside}.field-grid,.diagnostic-group{display:grid;gap:12px;padding:16px 26px 20px}.diagnostic-group{padding-top:14px;padding-bottom:14px}.diagnostic-group+.diagnostic-group{border-top:1px solid #ececed}.diagnostic-group h3,.subsection-label{margin:0;color:#4a4c50;font-size:12px;font-weight:700;line-height:18px;text-transform:uppercase;letter-spacing:.06em}.subsection-label:not(:first-child){margin-top:7px;padding-top:15px;border-top:1px solid #ececed}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-panel label{display:grid;min-width:0;gap:5px}.editor-panel label>span{color:#44464a;font-size:12px;font-weight:500;line-height:17px}.editor-panel input,.editor-panel select,.editor-panel textarea{display:block;width:100%;min-width:0;border:1px solid #c7c9cc;border-radius:3px;background:#fff;color:#1f2022;font-size:13px;line-height:19px}.editor-panel input,.editor-panel select{height:34px;padding:6px 8px}.editor-panel textarea{min-height:62px;padding:7px 8px;resize:vertical}.editor-panel input:hover,.editor-panel select:hover,.editor-panel textarea:hover{border-color:#999ca1}.editor-panel input[aria-invalid=true]{border-color:#bd2426}.field-error{color:#bd2426;font-size:11px;line-height:16px}.reset-button{width:calc(100% - 52px);margin:20px 26px 28px;padding:9px 12px;border:1px solid #c9cbce;border-radius:4px;background:#fff;color:#56585c;cursor:pointer;font-size:13px}.reset-button:hover{border-color:#9d9fa3;color:#222}.preview-pane{display:grid;grid-template-rows:58px minmax(0,1fr);min-width:0;min-height:0;background:#f3f4f6}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 24px;border-bottom:1px solid #dadcdf;background:#fff}.segmented-control{display:flex;overflow:hidden;border:1px solid #c9cbd0;border-radius:4px;background:#f6f7f8}.segmented-control button{min-width:82px;height:34px;padding:0 12px;border:0;background:transparent;color:#61646a;cursor:pointer;font-size:13px}.segmented-control button+button{border-left:1px solid #d4d6da}.segmented-control button.active{background:#fff;color:#b4430c;font-weight:650;box-shadow:inset 0 -2px #f05d14}.preview-stage{display:grid;min-width:0;min-height:0;place-items:center;overflow:auto;padding:20px;background:#eff0f2}.preview-frame{position:relative;flex:0 0 auto;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000002e,0 14px 34px #0000001a}.preview-frame iframe{position:absolute;top:0;left:0;display:block;border:0;transform-origin:top left;background:#fff}@media(max-width:920px){.app-shell{grid-template-rows:64px minmax(0,1fr)}.app-header{padding:0 14px}.brand-lockup{gap:8px}.brand-lockup svg{width:36px}.brand-lockup strong{max-width:180px;font-size:16px}.unofficial,.saved-label{display:none}.header-actions{gap:8px}.mobile-editor-button{display:inline-flex}.download-button{min-height:38px;padding:0 12px;font-size:13px}.download-button svg{display:none}.editor-workspace{grid-template-columns:minmax(0,1fr)}.editor-drawer{position:fixed;z-index:15;top:64px;bottom:0;left:0;width:min(372px,100vw);transform:translate(-102%);transition:transform .16s ease;box-shadow:12px 0 30px #00000024}.editor-drawer.open{transform:translate(0)}}@media(max-width:560px){.brand-lockup svg,.locale-switch span,.locale-switch button:not(.active){display:none}.brand-lockup strong{max-width:130px}.locale-switch{font-size:12px}.preview-toolbar{padding:0 12px}.preview-toolbar h2{font-size:15px}.segmented-control button{min-width:66px;padding:0 8px;font-size:12px}.preview-stage{padding:12px}}@media(prefers-reduced-motion:reduce){.editor-drawer{transition:none}}