.date-tool{max-width:960px;margin:auto;padding:24px}.date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.date-tool label{display:block;font-weight:700;margin:12px 0 6px}.date-tool input,.date-tool select,.date-tool textarea{box-sizing:border-box;max-width:100%;width:100%;padding:12px;border:1px solid var(--freeify-line);border-radius:8px;background:var(--freeify-raised);color:var(--freeify-text);font:inherit}.date-tool textarea{resize:vertical;white-space:pre-wrap}.date-tool .actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.date-tool button{padding:12px 18px;min-height:44px;font:inherit}.date-tool .check{display:flex;align-items:center;gap:10px}.date-tool .check input{width:20px;height:20px;flex:none}.date-tool :focus-visible{outline:3px solid var(--freeify-focus);outline-offset:3px}#dateError{color:var(--freeify-gold);font-weight:700}[hidden]{display:none!important}@media(max-width:650px){.date-grid{grid-template-columns:1fr}.date-tool{padding:16px}}
.date-tool p{line-height:1.6;overflow-wrap:anywhere}.date-tool button{border:1px solid var(--freeify-line);background:var(--freeify-gold);color:var(--freeify-action-ink)}

/* Reserve separate rows for return navigation and theme controls. */
@media(max-width:760px){
 body[data-studio="tool"]{padding-top:152px;}
 html:has(body[data-studio="tool"]){scroll-padding-top:152px;}
 body[data-studio="tool"] .tool-return-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px 44px;grid-template-areas:"brand theme" "return return";height:132px;min-height:132px;gap:8px 12px;padding:12px 16px;box-sizing:border-box;}
 body[data-studio="tool"] .tool-return-header .freeify-brand{grid-area:brand;justify-self:start;align-items:flex-start;text-align:left;min-width:0;max-width:100%;font-size:20px;}
 body[data-studio="tool"] .tool-return-header .freeify-brand small{white-space:normal;overflow-wrap:anywhere;font-size:12px;}
 body[data-studio="tool"] .tool-return-header .freeify-theme-slot{grid-area:theme;justify-self:end;}
 body[data-studio="tool"] .tool-return-header .theme-current{display:none;}
 body[data-studio="tool"] .tool-return-header .back{grid-area:return;justify-self:start;max-width:100%;white-space:normal;box-sizing:border-box;}
 body[data-studio="tool"] .skip-link:focus{top:146px;}
 body[data-studio="tool"] #workspace{scroll-margin-top:156px;}
}