:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body{margin:0;background:#f6f6f6;color:#111;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.appShell{min-height:100vh;display:flex;flex-direction:column}.navbar{height:64px;background:#fff;border-bottom:1px solid #e9e9e9;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.navLeft{display:flex;align-items:center;gap:14px}.logoBox{width:40px;height:40px;background:#f2c171;border-radius:10px;display:flex;align-items:center;justify-content:center}.diamond{color:#fff;font-size:18px;font-weight:800;transform:translateY(-1px)}.brand{font-size:20px;font-weight:700;color:#d09b3a;margin-right:10px}.navTab{border:none;background:transparent;cursor:pointer;padding:10px;border-radius:10px;color:#222;font-weight:500}.navTab.active{color:#d09b3a}.navRight{display:flex;align-items:center;gap:12px}.exportBtn{border:none;background:transparent;padding:8px 10px;cursor:pointer;font-weight:500;color:#111}.chev{opacity:.6}.iconBtn{border:none;background:transparent;cursor:pointer;font-size:18px}.page{flex:1;padding:0}.editorPage{padding:22px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px}.topPreview{width:100%;display:flex;justify-content:center;align-items:center;padding:22px 0 0;min-height:240px}.editorCardWide{width:calc(100vw - 44px);margin:0 auto;background:#fff;border:1px solid #e9e9e9;border-radius:10px;padding:18px}.editorArea{width:100%;height:520px;border:none;outline:none;resize:none;line-height:1.8;color:#111;background:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.typewriterFloat{width:520px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.typewriterBody{width:320px;height:170px;position:relative}.typewriterPaper{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:95px;border-radius:10px;border:1px solid #e7e7e7;background:linear-gradient(#fff,#f7f7f7);box-shadow:0 10px 18px #0000000f}.typewriterTop{position:absolute;top:70px;left:50%;transform:translate(-50%);width:260px;height:60px;border-radius:16px;border:1px solid #e8e8e8;background:#fff;box-shadow:0 16px 28px #00000012}.typewriterKeys{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:280px;height:78px;border-radius:18px;background:#0f172a;box-shadow:0 18px 35px #0000002e;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px 12px}.keysRow{display:flex;justify-content:center;gap:7px}.keyCap{width:14px;height:12px;border-radius:6px;background:#ffffff24}.spaceRow{display:flex;justify-content:center}.spaceBar{width:140px;height:12px;border-radius:999px;background:#ffffff2e}.heroText{font-weight:600;color:#444;font-size:18px}.blinkCursor{margin-left:4px;animation:blink .8s infinite;color:#d09b3a}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.inspLayout{display:grid;grid-template-columns:360px 1fr;gap:22px;align-items:start;padding:22px;width:100%}.sidebar{width:100%;min-height:720px;background:#fff;border:1px solid #e9e9e9;border-radius:10px;padding:18px}.sidebarTitle{margin:4px 0 18px;font-family:Special Elite,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:26px;letter-spacing:.3px}.field{position:relative;margin-bottom:16px}.fieldIcon{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.6;font-size:14px}.input{width:100%;padding:12px 12px 12px 32px;border-radius:6px;border:1px solid #dedede;outline:none;background:#fff;color:#111}.select{width:100%;padding:12px;border-radius:6px;border:1px solid #dedede;outline:none;background:#fff;color:#111}select option{color:#111}.primaryBtn{width:100%;margin-top:18px;padding:12px 14px;border:none;border-radius:6px;background:#eab35e;cursor:pointer;font-weight:600;color:#111}.gridWrap{width:100%}.quoteGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quoteCard{background:#fff;border:1px solid #e9e9e9;border-radius:6px;padding:16px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.quoteText{font-size:15px;line-height:1.55;color:#111}.quoteMeta{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.author{color:#555;font-size:13px;font-weight:600}.tag{font-size:12px;padding:6px 10px;border-radius:6px;background:#e9fbff;color:#1aa4b8}.cardActions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.secondaryBtn{padding:10px 14px;border:1px solid #dedede;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;color:#111}.heartBtn{border:1px solid #dedede;background:#fff;width:36px;height:36px;border-radius:999px;cursor:pointer;font-size:16px;color:#222}.heartBtn.active{border-color:#ff7aa2;color:#ff2d6d}.footer{background:#fff;border-top:1px solid #e9e9e9;text-align:center;padding:18px 12px;color:#555;font-size:13px}.settingsPanel{position:absolute;top:64px;right:0;width:320px;height:calc(100vh - 64px);background:#fff;border-left:1px solid #e9e9e9;padding:16px;z-index:50}.page{position:relative}.pageShift{transition:padding-right .25s ease}.pageShift.shifted{padding-right:320px}.settingsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.settingsTitle{font-weight:700;font-size:16px}.closeBtn{border:none;background:transparent;cursor:pointer;font-size:16px;color:inherit}.settingRow{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #f0f0f0}.settingRowCol{padding:12px 0;border-top:1px solid #f0f0f0}.labelRow{display:flex;justify-content:space-between;margin-bottom:10px}.toggleBtn{border:1px solid #cfcfcf;background:#f6f6f6;padding:6px 12px;border-radius:10px;cursor:pointer;font-weight:600;color:#111}.appShell.dark{background:#0b0f14}.appShell.dark .navbar,.appShell.dark .footer,.appShell.dark .sidebar,.appShell.dark .quoteCard,.appShell.dark .editorCardWide,.appShell.dark .settingsPanel{background:#0f172a;border-color:#ffffff14;color:#e5e7eb}.appShell.dark .navTab{color:#e5e7eb}.appShell.dark .navTab.active{color:#f2c171}.appShell.dark .exportBtn{color:#e5e7eb}.appShell.dark .input,.appShell.dark .select,.appShell.dark .editorArea{background:#ffffff0a;border-color:#ffffff1f;color:#e5e7eb}.appShell.dark .tag{background:#38bdf826;color:#7dd3fc}.appShell.dark .settingRow,.appShell.dark .settingRowCol{border-top:1px solid rgba(255,255,255,.08)}.appShell.dark .toggleBtn{background:#ffffff0a;border-color:#ffffff29;color:#e5e7eb}@media(max-width:1100px){.quoteGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.inspLayout,.quoteGrid{grid-template-columns:1fr}}.appShell.dark .quoteText{color:#e5e7eb}.appShell.dark .author{color:#e5e7ebbf}.appShell.dark .secondaryBtn,.appShell.dark .heartBtn{background:#ffffff0a;border-color:#ffffff2e;color:#e5e7eb}.appShell.dark .heartBtn.active{border-color:#ff7aa2;color:#ff2d6d;background:#ff2d6d14}.navbar{position:sticky;top:0;z-index:1000}.exportWrap{position:relative}.exportMenu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#fff;border:1px solid #e9e9e9;border-radius:6px;box-shadow:0 10px 25px #0000001f;z-index:2000}.menuItem{width:100%;padding:10px 12px;border:none;background:#fff;cursor:pointer;text-align:left;font-size:13px;color:#111}.menuItem:hover{background:#f6f6f6}.appShell.dark .exportMenu{background:#0f172a;border-color:#ffffff14}.appShell.dark .menuItem,.appShell.dark select option{background:#0f172a;color:#e5e7eb}.appShell.dark .menuItem:hover{background:#ffffff0f}.navbarShift{padding-right:342px;transition:padding-right .25s ease}.pdfText{white-space:pre-wrap;word-break:break-word;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.8;padding:12px;display:none}@media print{.editorArea{display:none}.pdfText{display:block}}