body{margin:0;padding-left:50px;padding-bottom:50px;font-family:system-ui,sans-serif;background-color:#f3f4f6}.container{min-height:100vh;background-color:#f3f4f6;padding:2rem 1rem;display:flex;justify-content:center;align-items:start}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;width:100%;max-width:48rem}.card-header{background-color:#2563eb;padding:1.5rem}.card-header h1{color:#fff;font-size:1.5rem;font-weight:700}.card-header p{color:#bfdbfe;margin-top:.25rem}.card-content{padding:1.5rem}.textarea{width:100%;height:14rem;padding:1rem;border:1px solid #d1d5db;border-radius:.375rem;resize:vertical;font-family:inherit;font-size:1rem;outline:none}.textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa80}.button{padding:.5rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background-color .2s}.button:disabled{background-color:#9ca3af;cursor:not-allowed}.button-blue{background-color:#2563eb}.button-blue:hover:not(:disabled){background-color:#1e40af}.button-green{background-color:#16a34a}.button-green:hover:not(:disabled){background-color:#166534}.preview-section{margin-top:2rem}.preview-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.preview-box{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;max-height:24rem;overflow-y:auto;font-family:monospace;font-size:.875rem;color:#1f2937}.day-block{margin-bottom:1.5rem}.day-block h3{text-transform:capitalize;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.shift-label{font-style:italic;font-size:.875rem;margin-bottom:.25rem}.service-line{white-space:pre;margin-left:.5rem}.shift-gap{height:.75rem}textarea{height:150px;width:400px}