:root{--neo-bg: #E0E5EC;--neo-light: #FFFFFF;--neo-shadow: #A3B1C6;--pastel-blue: #A4C8FF;--pastel-pink: #FFB7CE;--pastel-mint: #B9F6CA;--pastel-purple: #D1C4E9;--pastel-yellow: #FFF9C4;--text-main: #4A4A4A;--text-muted: #7A7A7A;--radius-xl: 32px;--radius-l: 24px;--radius-m: 16px;--radius-s: 10px;--shadow-convex: 9px 9px 16px var(--neo-shadow), -9px -9px 16px var(--neo-light);--shadow-concave: inset 6px 6px 12px var(--neo-shadow), inset -6px -6px 12px var(--neo-light);--shadow-flat: 4px 4px 8px var(--neo-shadow), -4px -4px 8px var(--neo-light)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{background:var(--neo-bg);color:var(--text-main);overflow:hidden;height:100vh}#root{height:100%;display:flex;flex-direction:column}.app-container{padding:1.5rem;height:100%;display:flex;flex-direction:column;gap:1.5rem}header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.neo-plate{background:var(--neo-bg);border-radius:var(--radius-l);box-shadow:var(--shadow-convex);padding:1rem}.toolbar{display:flex;gap:1.5rem;align-items:center}.toolbar-group{display:flex;gap:.8rem;padding:.5rem 1rem;border-radius:var(--radius-xl);background:var(--neo-bg);box-shadow:var(--shadow-concave)}.btn{border:none;background:var(--neo-bg);border-radius:var(--radius-m);box-shadow:var(--shadow-convex);padding:.8rem 1.2rem;color:var(--text-main);font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-width:80px}.btn span{font-size:.75rem;opacity:.8}.btn:hover{transform:translateY(-2px);box-shadow:12px 12px 20px var(--neo-shadow),-12px -12px 20px var(--neo-light)}.btn:active{box-shadow:var(--shadow-concave);transform:scale(.95)}.btn-icon-only{width:44px;height:44px;min-width:44px;border-radius:50%}.btn-primary{background:var(--pastel-blue)}.btn-secondary{background:var(--pastel-pink)}.btn-accent{background:var(--pastel-mint)}.btn-ghost{box-shadow:none;background:transparent}.editor-workspace{flex:1;display:flex;gap:1.5rem;min-height:0}.pages-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem;padding:2rem;overflow-y:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-concave)}.page-item{background:var(--neo-bg);padding:1rem;border-radius:var(--radius-l);box-shadow:var(--shadow-convex);display:flex;flex-direction:column;gap:.8rem;cursor:grab;transition:transform .2s}.page-item:hover{transform:scale(1.03)}.page-item.selected{box-shadow:0 0 0 4px var(--pastel-blue),var(--shadow-convex)}.page-thumbnail{width:100%;aspect-ratio:1 / 1.41;background:#fff;border-radius:var(--radius-m);box-shadow:var(--shadow-concave);overflow:hidden;position:relative}.page-info{text-align:center;font-size:.8rem;font-weight:600;color:var(--text-muted)}.floating-toolbar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;padding:.8rem 1.5rem;background:var(--neo-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);z-index:1000}.wizard-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#e0e5eccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000}.wizard-content{background:var(--neo-bg);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-convex);width:90%;max-width:600px;animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--neo-bg)}::-webkit-scrollbar-thumb{background:var(--neo-shadow);border-radius:10px;border:3px solid var(--neo-bg)}