.page-shell{display:flex;justify-content:center;padding:24px}.editor-window{width:min(100%,980px);border:1px solid var(--window-border);background:var(--window-background);box-shadow:0 18px 48px var(--shadow-color)}.editor-window__topbar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--window-border);background:var(--topbar-background)}.editor-window__title{font-size:1rem;font-weight:700}.editor-window__subtitle{font-size:.9rem;color:var(--muted-text)}.editor-window__body{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--panel-background)}.date-header{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid #dde2ea}.date-header__label{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-text)}.date-header__title{margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;text-transform:capitalize}.date-header__code{margin:0;font-family:Consolas,Courier New,monospace;color:var(--muted-text)}.toolbar{display:flex;flex-wrap:wrap;gap:10px}.toolbar__button{min-height:40px;padding:0 16px;border:1px solid var(--button-border);background:var(--button-background);color:var(--text-color);cursor:pointer}.toolbar__button:hover:not(:disabled){background:var(--button-hover)}.toolbar__button:disabled{cursor:not-allowed;opacity:.65}.toolbar__button--primary{background:var(--button-primary);border-color:var(--button-primary-border);font-weight:700}.status-message{margin:0;padding:12px 14px;border:1px solid transparent;font-size:.95rem}.status-message--info{background:var(--info-background);border-color:var(--info-border)}.status-message--success{background:var(--success-background);border-color:var(--success-border)}.status-message--error{background:var(--error-background);border-color:var(--error-border)}.editor-label{font-weight:700}.editor-textarea{width:100%;min-height:60vh;padding:18px;border:1px solid var(--panel-border);background:#fffefc;color:var(--text-color);font-family:Lucida Console,Courier New,monospace;font-size:1rem;line-height:1.7;resize:vertical}.editor-textarea:focus{outline:2px solid #bcd1f3;outline-offset:0}.editor-footer{display:flex;flex-direction:column;gap:6px;color:var(--muted-text);font-size:.92rem}.editor-footer__text{margin:0}@media (max-width: 640px){.page-shell{padding:12px}.editor-window__body{padding:14px}.toolbar__button{flex:1 1 calc(50% - 10px)}.editor-textarea{min-height:50vh}}:root{color-scheme:light;font-family:Verdana,Tahoma,sans-serif;line-height:1.5;font-weight:400;--page-background: linear-gradient(180deg, #d8dde6 0%, #eef1f5 100%);--window-background: #f7f7f7;--window-border: #b0b7c3;--topbar-background: linear-gradient(180deg, #fefefe 0%, #dce4ef 100%);--panel-background: #ffffff;--panel-border: #c4c9d1;--text-color: #1f2937;--muted-text: #596579;--button-background: #f3f4f6;--button-border: #a4acb8;--button-hover: #e4e8ee;--button-primary: #d9e7ff;--button-primary-border: #6a8fcb;--info-background: #eef4ff;--info-border: #b3c7f0;--success-background: #edf9ef;--success-border: #97cca3;--error-background: #fdeeee;--error-border: #e3a3a3;--shadow-color: rgba(73, 86, 111, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--page-background);color:var(--text-color)}button,textarea,input{font:inherit}