.notepad-app{overflow:hidden;max-width:1120px;margin:0 auto;border:1px solid #d9e1ed;border-radius:16px;background:#fff;box-shadow:0 18px 42px #14213d0c}.notepad-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:auto;padding:16px 20px;border-bottom:1px solid #e4eaf2;background:#fff}.notepad-brand{display:flex;align-items:center;gap:10px}.notepad-brand>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#eaf1ff;color:#2563eb;font-size:20px}.notepad-brand strong,.notepad-brand small{display:block}.notepad-brand strong{color:#19243a}.notepad-brand small{margin-top:1px;color:#6b7890;font-size:12px}.notepad-head-actions{display:flex;align-items:center;gap:7px}.notepad-open{padding:9px 10px;color:#61708a;font-size:14px;font-weight:600;cursor:pointer}.notepad-head-actions .text-button{padding:9px 10px;font-size:14px}.notepad-find{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:center;padding:11px 18px;border-bottom:1px solid #dfe7f1;background:#f7faff}.notepad-find input{min-width:0;height:38px;border:1px solid #bdc9d9;border-radius:7px;padding:8px 10px;font:14px Arial,sans-serif}.notepad-find .button{padding:9px 12px;font-size:13px}.notepad-find .text-button{font-size:24px;line-height:1}.notepad-toolbar{display:flex;align-items:center;gap:4px;padding:8px 15px;border-bottom:1px solid #e4eaf2;background:#fbfcfe}.notepad-toolbar button{border:0;border-radius:6px;padding:7px 9px;background:transparent;color:#43536d;font:600 13px Arial,sans-serif;cursor:pointer}.notepad-toolbar button:hover{background:#eaf1ff;color:#2563eb}.notepad-toolbar i{width:1px;height:22px;margin:0 5px;background:#dbe3ee}.notepad-toolbar span{margin-left:auto;color:#718098;font-size:12px}.notepad-app textarea{display:block;width:100%;min-height:570px;resize:vertical;border:0;outline:0;padding:28px 9%;color:#1d2939;background:linear-gradient(90deg,#f7faff 0 54px,#fff 54px);font:17px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.notepad-app textarea::placeholder{color:#a8b4c4}.notepad-foot{display:flex;justify-content:space-between;gap:15px;padding:10px 18px;border-top:1px solid #e4eaf2;background:#fbfcfe;color:#718098;font-size:12px}@media(max-width:650px){.notepad-head{align-items:flex-start;flex-direction:column}.notepad-head-actions{flex-wrap:wrap}.notepad-find{grid-template-columns:1fr auto}.notepad-find input{grid-column:span 2}.notepad-toolbar{overflow-x:auto}.notepad-toolbar span{display:none}.notepad-app textarea{min-height:480px;padding:20px 22px;background:#fff}.notepad-foot{align-items:flex-start;flex-direction:column;gap:3px}}