:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}body{margin:0;min-height:100vh}*{box-sizing:border-box}:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fff;color:#1a1a1a}html{overscroll-behavior:none}body{margin:0;min-height:100vh;display:flex;justify-content:center;background:#f8f8f8;background-image:radial-gradient(circle,#e0e0e0 1px,transparent 1px);background-size:20px 20px;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#root{min-width:9in;padding:3rem 1.5rem 4rem;overflow-x:auto}.app{min-height:100vh;padding:0;margin:0;position:relative}.header{width:100%;background:#fff;position:fixed;top:0;left:0;right:0;z-index:50}.header-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff}.header-bottom{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#f8f9fa;border-top:1px solid #e5e7eb;border-bottom:1px solid #e1e1e1}.header-bottom-left{display:flex;align-items:center;gap:4px;flex:1}.header-bottom-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.header-left{display:flex;align-items:center;gap:4px}.document-title-input{width:240px;height:32px;border:1px solid #D9D9D9;border-radius:8px;padding:0 12px;font-size:14px;font-weight:500;color:#111827;outline:none;background:#fff}.document-title-input:focus{border:1.5px solid #6b7280;padding:0 11.5px}.format-controls{display:flex;gap:4px;align-items:center}.heading-dropdown{height:32px;border:1px solid #D9D9D9;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;padding:0 32px 0 12px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6L8 10L12 6' stroke='%23374151' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center}.format-btn{width:32px;height:32px;border:1px solid #D9D9D9;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}.format-btn:hover{background:#f9fafb;border-color:#d1d5db}.format-btn.active{background:#e5e7eb;border-color:#9ca3af}.format-btn.italic{font-style:italic}.format-btn.underline{text-decoration:underline}.header-right{display:flex;align-items:center;gap:12px}.settings-btn{width:32px;height:32px;border:1px solid #D9D9D9;border-radius:6px;background:#fff;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-btn:hover{background:#f9fafb;border-color:#d1d5db}.settings-container{position:relative}.settings-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #D1D1D6;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:8px;min-width:200px;z-index:100}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:4px}.settings-item-content{display:flex;align-items:center;flex:1}.settings-item:hover{background:#f9fafb}.settings-label{font-size:13px;font-weight:500;color:#6b7280}.settings-value{font-size:13px;font-weight:500;color:#111827;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.copy-btn{width:24px;height:24px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px;transition:all .15s ease}.copy-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.create-btn{height:32px;background:#111827;color:#fff;border:none;border-radius:6px;padding:0 12px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .15s ease}.create-btn:hover{background:#1f2937}.scale-control{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:2px;height:32px}.scale-btn{width:24px;height:24px;border:none;background:transparent;color:#374151;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:background-color .15s ease}.scale-btn:hover:not(:disabled){background:#f3f4f6}.scale-btn:disabled{opacity:.3;cursor:not-allowed}.scale-input{height:24px;border:none;background:transparent;color:#111827;font-size:14px;font-weight:500;text-align:center;outline:none;padding:0;-moz-appearance:textfield}.scale-control:focus-within{border:1.5px solid #6b7280;padding:1.5px}.scale-input::-webkit-inner-spin-button,.scale-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scale-suffix{color:#6b7280;font-size:13px;font-weight:500;margin-right:2px}.user-tag{padding:6px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;font-size:13px;color:#6b7280;font-weight:500}.user-tag strong{font-weight:600;color:#111827}.document-tag{padding:6px 12px;border-radius:8px;border:1px solid #d1d5db;background:#f3f4f6;font-size:13px;color:#6b7280;font-weight:500}.document-tag strong{font-weight:600;color:#374151}.editor-container{padding-top:116px;display:flex;justify-content:center;overflow:auto;min-height:100vh}.editor-wrapper{position:relative;margin:0 auto}.editor-shell{background:#fff;border-radius:12px;border:1px solid #D1D1D6;width:8.5in;height:11in;position:relative}.editor{height:calc(11in - 64px);font-size:16px;line-height:1.6;color:#111827;outline:none;caret-color:#3b82f6;padding:32px;border:none;background:transparent;width:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;overflow-y:auto}.editor:focus{outline:none}.placeholder{position:absolute;pointer-events:none;opacity:.6;font-size:16px;top:32px;left:32px;color:#9ca3af;font-weight:400}.editor-paragraph{margin:0 0 16px}.editor-paragraph:last-child{margin-bottom:0}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-heading-h1{font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 16px}.editor-heading-h2{font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 12px}.editor-heading-h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 10px}.editor-heading-h4{font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 8px}@media (max-width: 768px){#root{padding:20px 16px}.header-top,.header-bottom{padding:0 12px;height:44px}.header-left{gap:8px}.document-title-input{width:120px;height:28px;font-size:13px}.format-controls{gap:2px}.format-btn{width:28px;height:28px;font-size:13px}.header-right{gap:8px}.user-tag,.document-tag{font-size:11px;padding:3px 6px}.editor-container{padding-top:104px}.editor-shell{width:8.5in;height:11in;border-radius:8px}.editor{height:calc(11in - 40px);padding:20px;font-size:16px}.placeholder{top:20px;left:20px;font-size:16px}}