:root{
  --paper:#f8f7f3;--ink:#373633;--muted:#8d8b86;--line:#e8e6e0;--orange:#efa93d;--orange-soft:#fff9d9;
  --panel:#fff;--canvas:#fbfaf7;--glass:rgba(255,255,255,.76);--shadow:0 20px 58px rgba(56,51,42,.12);
  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);scroll-behavior:smooth
}
*{box-sizing:border-box}body{margin:0;background:var(--paper);overflow-x:hidden;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}
.glass{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(55,49,40,.08),inset 0 1px 0 #fff;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}
.topbar{height:64px;max-width:1280px;margin:18px auto 0;padding:0 18px;border-radius:21px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:9px;font:700 17px Manrope,sans-serif;letter-spacing:-.5px}.brand img{width:31px;height:31px;object-fit:cover;border-radius:9px}.topbar nav{display:flex;gap:31px;color:#77756f;font-size:12px}.topbar nav a:hover,.quiet-note:hover,footer a:hover{color:#d38e2d}.top-cta{font-size:11px;font-weight:600;background:rgba(255,255,255,.8);padding:11px 15px;border-radius:14px;box-shadow:0 3px 12px #5c554214}.top-cta span{padding-left:8px;color:#c28636}
.hero{max-width:1280px;margin:49px auto 52px;padding:0 20px;display:grid;grid-template-columns:.68fr 1.32fr;gap:36px;align-items:center;min-height:440px}.hero-copy{position:relative;z-index:2;padding-left:9px}.eyebrow,.section-kicker{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#9c8a70}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i,.live-dot,.side-status i{width:7px;height:7px;border-radius:50%;background:#97b384;box-shadow:0 0 0 4px #97b38420}h1,h2,h3,p{margin-top:0}h1,h2{font:500 clamp(41px,4.7vw,61px)/1.08 Manrope,sans-serif;letter-spacing:-3.1px;margin:24px 0 17px}h1 em,.closing h2 em{font-family:Georgia,serif;font-weight:400;color:#b38552;letter-spacing:-2.7px}.hero-copy>p{max-width:400px;font-size:14px;line-height:1.8;color:#77756f}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:26px}.button{display:inline-flex;align-items:center;gap:21px;padding:14px 18px;border-radius:14px;font-size:11px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #33301820}.button-dark{background:#393936;color:#fff;box-shadow:0 7px 16px #33301819}.button-dark span{font-size:15px}.quiet-note{font-size:10px;color:#85817a;line-height:1.5;max-width:145px}.hero-foot{display:flex;align-items:center;gap:9px;margin-top:40px;color:#96928a;font-size:9px}.sparkle{font-size:17px;color:#d2a456}.hero-product{position:relative;padding:4px 0 21px}.hero-glow{position:absolute;inset:9% 4% 4%;background:radial-gradient(ellipse,#e4e0d5 0%,#eeeae3a8 42%,transparent 74%);filter:blur(25px);transform:scale(1.05)}.screenshot-frame{position:relative;border-radius:21px;padding:5px;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);transition:transform .45s,box-shadow .3s;box-shadow:0 24px 65px rgba(48,43,34,.17),0 2px 4px #36321d15}.screenshot-frame:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-3px);box-shadow:0 32px 72px rgba(48,43,34,.2)}.screenshot-frame img{display:block;width:100%;height:auto;border-radius:17px}.screenshot-label{position:absolute;bottom:0;left:8%;border-radius:13px;padding:11px 15px;display:flex;align-items:center;gap:10px;font-size:9px;color:#777269;box-shadow:0 7px 25px #40372315}.live-dot{width:6px;height:6px}.ticker{overflow:hidden;white-space:nowrap;background:#eeece6;padding:13px 0;color:#817c72;font-size:8px;font-weight:600;letter-spacing:1px}.ticker div{width:max-content;animation:marquee 37s linear infinite}.ticker b{font-weight:400;color:#c3aa83;margin:0 25px}@keyframes marquee{to{transform:translateX(-50%)}}
.section-wrap{max-width:1120px;margin:auto}.intro{padding:103px 27px 78px}.intro-grid{display:grid;grid-template-columns:1fr .75fr;align-items:end;gap:70px}.intro h2,.play-heading h2{font-size:49px;line-height:1.13;margin:19px 0 0}.intro h2 span,.play-heading h2 span{font-family:Georgia,serif;font-weight:400;color:#b38552}.intro-grid p{font:500 16px/1.7 Manrope,sans-serif;margin:0 0 11px;max-width:390px}.intro-grid p.muted{font:12px/1.8 'DM Sans',sans-serif;color:#8d8a82}
.play-section{padding:47px 25px 93px}.play-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.play-heading h2{font-size:45px}.play-heading>p{text-align:right;color:#89867f;font-size:10px;line-height:1.8;margin:0 6px 5px}
.demo-window{position:relative;border-radius:22px;background:#fdfcf9;border:1px solid rgba(255,255,255,.98);box-shadow:0 23px 65px rgba(54,50,42,.15),0 2px 6px rgba(54,50,42,.05);overflow:hidden;--canvas-zoom:1}.window-toolbar{height:56px;padding:0 11px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.72);border-bottom:1px solid #e7e5df;position:relative;z-index:2}.traffic{display:flex;gap:6px;flex:none;padding:0 4px}.traffic i{width:8px;height:8px;border-radius:50%;background:#f2776f}.traffic i:nth-child(2){background:#f3c043}.traffic i:nth-child(3){background:#68c54b}.toolbar-leading{display:flex;align-items:center;gap:5px;flex:none}.window-heading{font:700 11px Manrope,sans-serif;white-space:nowrap;margin-left:3px;min-width:47px}.toolbar-center{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0}.tool-button{width:31px;height:31px;border:1px solid rgba(255,255,255,.95);border-radius:50%;background:rgba(255,255,255,.91);box-shadow:0 2px 5px #4843340b;display:grid;place-items:center;flex:none;transition:transform .15s,box-shadow .15s,background .15s}.tool-button:hover{transform:translateY(-1px);box-shadow:0 4px 9px #48433417;background:#fff}.tool-button:active{transform:scale(.95)}.tool-button svg,.search-box svg{width:15px;height:15px;fill:none;stroke:#484742;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tool-button svg circle:not([r=".8"]){fill:none}.tool-button svg circle[r=".8"]{fill:#484742;stroke:none}.tool-button b{font-size:10px;font-weight:500}.search-box{height:30px;flex:0 1 160px;min-width:74px;border:1px solid #e7e5df;background:#f7f6f2;border-radius:17px;display:flex;align-items:center;gap:6px;padding:0 9px}.search-box svg{width:14px;height:14px;stroke:#88867e;flex:none}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.search-box input::placeholder{color:#8b8982}.workspace{height:465px;display:grid;grid-template-columns:190px 200px minmax(0,1fr);gap:7px;padding:6px;background:linear-gradient(180deg,#fbfaf8,#f8f7f3);transition:grid-template-columns .28s}.sidebar,.note-list,.text-panel{border:1px solid #e8e6e0;border-radius:18px;background:rgba(255,255,255,.93);box-shadow:0 1px 4px #3936230a}.sidebar{padding:9px 8px;display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}.folder-row{height:36px;border:0;border-radius:20px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;text-align:left;font-size:10px;font-weight:500;white-space:nowrap;transition:background .18s,color .18s}.folder-row:hover{background:#f5f4f0}.folder-row.active{background:var(--orange-soft);color:var(--orange);font-weight:600}.folder-symbol{font-size:15px;line-height:1;color:#625f59}.active .folder-symbol{color:var(--orange)}.canvas-mark{font-size:18px}.side-status{margin-top:auto;padding:7px 8px 3px;color:#a09b90;font-size:8px;display:flex;align-items:center;gap:8px}.side-status i{width:5px;height:5px}.note-list{padding:7px 8px;overflow:auto}.note-row{width:100%;border:0;border-radius:10px;background:transparent;text-align:left;padding:10px 9px 9px;margin:0 0 4px;display:block;transition:background .15s}.note-row:hover{background:#f6f5f1}.note-row.selected{background:#faf9f5}.note-row strong{display:block;font:600 10px/1.35 'DM Sans',sans-serif;color:#55534f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row span,.note-row small{display:block;font-size:8px;line-height:1.5;color:#9b9993;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row span{margin-top:3px}.note-row small{color:#929087}.list-empty{display:none;padding:18px 10px;color:#9b9993;font-size:9px}.list-empty.show{display:block}
.canvas-panel{position:relative;overflow:hidden;border-radius:17px;background:var(--canvas);min-width:0}.canvas-dots,.mini-dot-grid{position:absolute;inset:0;background-image:radial-gradient(#dfd8ce 1px,transparent 1px);background-size:14px 14px;opacity:.59;pointer-events:none}.canvas-space{position:absolute;inset:0;transform:scale(1);transform-origin:50% 50%;transition:transform .25s}.connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#8e8478;pointer-events:none}.connection{fill:none;stroke:currentColor;stroke-width:1.5}.canvas-cards{position:absolute;inset:0}.canvas-card{position:absolute;z-index:1;border:1px solid #e4e0d8;border-radius:17px;background:rgba(250,248,243,.91);box-shadow:0 10px 26px rgba(50,44,34,.13),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);touch-action:none;cursor:grab;transition:box-shadow .18s,border-color .18s}.canvas-card:active{cursor:grabbing}.canvas-card.focused{border-color:#e5bc73;box-shadow:0 13px 30px rgba(50,44,34,.16),0 0 0 2px rgba(239,169,61,.17)}.canvas-card h3{margin:0 0 16px;font:600 15px/1.3 'DM Sans',sans-serif;letter-spacing:-.2px}.card-primary{width:min(34%,245px);min-width:175px;min-height:136px;padding:14px 16px}.card-copy{font:11px/1.65 'DM Sans',sans-serif;white-space:normal;color:#4d4b47;outline:none;min-height:42px}.resize-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;border:1px solid #e3ded5;box-shadow:0 1px 3px #3c362514}.dot-top{left:50%;top:-4px}.dot-bottom{left:50%;bottom:-4px}.dot-left{left:-4px;top:50%}.dot-right{right:-4px;top:50%}.card-secondary{width:min(49%,400px);height:67%;padding:9px;background:rgba(255,255,255,.87)}.embedded-window{height:100%;width:100%;border:1px solid #ece9e2;border-radius:12px;background:rgba(255,255,255,.84);overflow:hidden;box-shadow:0 3px 12px #44402c0a;padding:7px 9px}.embedded-toolbar{height:17px;border-radius:7px;background:#fbfaf7;display:flex;align-items:center;gap:3px;padding:0 5px;margin-bottom:9px}.embedded-toolbar i{height:5px;width:5px;border-radius:50%;background:#ed8b77}.embedded-toolbar i:nth-child(2){background:#efc44c}.embedded-toolbar i:nth-child(3){background:#8bc479}.embedded-toolbar span{height:3px;border-radius:5px;background:#e8e6df;margin-left:7px;flex:1}.embedded-window h3{font-size:10px;margin:2px 0 2px}.embedded-window small{display:block;color:#a29f97;font-size:6px;margin-bottom:6px}.embedded-copy{font:6.4px/1.44 'DM Sans',sans-serif;color:#66635d;white-space:pre-line;overflow:hidden;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical}.card-secondary .resize-dot{z-index:2}.card-added{width:min(28%,210px);min-height:115px;padding:13px 15px}.zoom-hud{position:absolute;right:11px;bottom:10px;z-index:3;border-radius:18px;padding:5px 8px;display:flex;align-items:center;gap:14px}.zoom-hud button{border:0;border-radius:50%;width:26px;height:26px;background:rgba(255,255,255,.8);font-size:14px;color:#55534f}.zoom-hud button:hover{background:#fff}.zoom-hud span{font-size:9px;font-weight:600;min-width:33px;text-align:center}.text-panel{padding:25px 29px;overflow:auto}.text-panel.hidden,.canvas-panel.hidden{display:none}.text-note-meta{font-size:8px;letter-spacing:.8px;color:#a58a63;display:flex;gap:15px}.text-note-meta span{color:#9b9993;letter-spacing:0}.text-panel h3{font:600 21px Manrope,sans-serif;margin:25px 0 14px;outline:none}.text-note-body{border-top:1px solid #eeece6;padding-top:17px;font-size:12px;line-height:1.8;color:#65625c;outline:none}.demo-window.toolbar-collapsed .window-toolbar{height:0;overflow:hidden;padding-top:0;padding-bottom:0;border:0}.demo-window.toolbar-collapsed .workspace{height:520px}.demo-window.dark-demo{background:#252522}.dark-demo .window-toolbar{background:#33332f;border-color:#494842}.dark-demo .workspace{background:#2b2b28}.dark-demo .sidebar,.dark-demo .note-list,.dark-demo .text-panel{background:#363631;border-color:#4a4943}.dark-demo .folder-row,.dark-demo .tool-button{background:#42423d;color:#eeece6;border-color:#585750}.dark-demo .folder-row.active{background:#534d3d;color:#f1bd5e}.dark-demo .folder-symbol,.dark-demo .note-row strong,.dark-demo .text-panel h3{color:#eeeae2}.dark-demo .note-row span,.dark-demo .note-row small,.dark-demo .text-note-body{color:#c1beb6}.dark-demo .note-row.selected,.dark-demo .note-row:hover{background:#45443e}.dark-demo .canvas-panel{background:#30302c}.dark-demo .canvas-dots{background-image:radial-gradient(#656156 1px,transparent 1px)}.dark-demo .canvas-card,.dark-demo .embedded-window{background:rgba(61,60,54,.92);border-color:#55534c;color:#f1eee7}.dark-demo .canvas-card .card-copy,.dark-demo .embedded-copy{color:#dfdcd4}.dark-demo .embedded-toolbar{background:#4a4943}.dark-demo .embedded-toolbar span{background:#66635b}.dark-demo .search-box{background:#42423d;border-color:#5c5a53}.dark-demo .search-box input{color:#f5f2eb}.dark-demo .tool-button svg{stroke:#eeeae2}.dark-demo .connection{color:#cac0ae}.demo-toast{position:absolute;left:50%;bottom:18px;z-index:5;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#3a3936;color:#fff;border-radius:12px;padding:10px 15px;font-size:9px;box-shadow:0 8px 20px #28251d2c;transition:opacity .2s,transform .2s}.demo-toast.show{opacity:1;transform:translate(-50%,0)}.demo-hint{text-align:center;color:#969188;font-size:9px;padding-top:15px}.demo-hint span{font-size:14px;color:#bd9353;margin-right:5px}
.feature-section{padding:22px 27px 94px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:22px}.feature-card{border:1px solid #fff;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.52);box-shadow:0 10px 28px #5a503b0c}.feature-visual{height:190px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.folders-visual{background:#f1f0eb}.folder-stack{width:73%;display:flex;flex-direction:column;gap:5px}.folder-stack span{height:28px;padding:0 11px;border-radius:17px;background:#fff;display:flex;align-items:center;font-size:9px;color:#5f5d57;box-shadow:0 2px 7px #37331f08}.folder-stack span.selected{color:#eaa539;background:#fff9d9}.mini-canvas-visual{background:#f4f2ec}.mini-dot-grid{background-size:12px 12px}.mini-note{position:absolute;z-index:1;padding:12px 14px;border-radius:12px;background:#fdfcf8ef;border:1px solid #e8e5dc;box-shadow:0 8px 17px #4a44321b;font-size:11px;font-weight:600;line-height:1.45}.mini-note small{font-size:8px;font-weight:400;color:#8d8980}.mini-one{left:13%;top:33px}.mini-two{right:12%;bottom:29px;background:#f6f2e9ef}.mini-arrow{position:absolute;top:46%;left:47%;font-size:26px;color:#918779;transform:rotate(-3deg)}.controls-visual{background:linear-gradient(140deg,#ecece6,#f4f0e7 48%,#e8e5dd)}.control-pill{display:flex;gap:8px;align-items:center;border-radius:18px;padding:9px 12px;z-index:1}.control-pill span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffffc7;color:#68655f;font-size:13px;box-shadow:0 2px 6px #3d382112}.control-glow{position:absolute;width:155px;height:100px;border-radius:50%;background:#fff9;filter:blur(25px)}.control-caption{position:absolute;bottom:26px;color:#8a867d;font-size:9px}.feature-text{padding:19px 19px 22px}.feature-number{font-size:7px;letter-spacing:1px;color:#a58c67;font-weight:700}.feature-text h3{font:600 17px/1.35 Manrope,sans-serif;letter-spacing:-.5px;margin:10px 0 7px}.feature-text p{font-size:10px;line-height:1.7;color:#88857d;margin:0;max-width:280px}.closing{position:relative;text-align:center;padding:64px 20px 78px;min-height:340px;border-top:1px solid #e9e6df}.closing-flower{font-size:21px;color:#bd9657}.closing h2{font-size:48px;margin:18px 0 22px}.closing h2 em{font-size:54px}footer{max-width:1280px;margin:auto;border-top:1px solid #e7e5df;padding:22px 25px 29px;display:flex;align-items:center;justify-content:space-between;color:#96928a;font-size:9px}.footer-brand{font-size:15px;color:#45433e}.footer-brand img{width:24px;height:24px;border-radius:7px}
.workspace.sidebar-collapsed{grid-template-columns:0 200px minmax(0,1fr)}.workspace.sidebar-collapsed .sidebar{display:none}.workspace.list-collapsed{grid-template-columns:190px 0 minmax(0,1fr)}.workspace.list-collapsed .note-list{display:none}.workspace.sidebar-collapsed.list-collapsed{grid-template-columns:0 0 minmax(0,1fr)}
body.dark{--paper:#262623;--ink:#f2f0e9;--line:#44433e}.dark .topbar{background:rgba(53,53,49,.67);border-color:#ffffff24}.dark .topbar nav,.dark .hero-copy>p,.dark .hero-foot,.dark .quiet-note,.dark .intro-grid p.muted,.dark .play-heading>p{color:#b9b6ae}.dark .ticker{background:#33332f;color:#c7c2b7}.dark .feature-card{background:#33332f;border-color:#494842}.dark .feature-text p,.dark footer{color:#b9b6ae}.dark .closing{border-color:#44433e}
@media(max-width:1020px){.hero{grid-template-columns:.7fr 1.3fr;gap:22px}.hero-actions{align-items:flex-start;flex-direction:column;gap:11px}.hero-foot{margin-top:26px}.workspace{grid-template-columns:155px 180px minmax(0,1fr)}.toolbar-center{gap:3px}.tool-button{width:28px;height:28px}.search-box{flex-basis:128px}}
@media(max-width:760px){.topbar{margin:12px 13px 0;height:56px}.topbar nav{display:none}.hero{grid-template-columns:1fr;margin-top:28px;padding:0 20px;gap:17px}.hero-copy{padding-left:1px}.hero h1{font-size:50px}.hero-copy>p{max-width:480px}.hero-actions{flex-direction:row;align-items:center}.hero-foot{margin-top:22px}.hero-product{padding-bottom:18px}.screenshot-frame{transform:none}.screenshot-label{left:5%;font-size:8px}.intro{padding:68px 22px 57px}.intro-grid{grid-template-columns:1fr;gap:21px}.intro h2,.play-heading h2{font-size:42px}.intro-grid p{font-size:15px}.play-section{padding:32px 12px 70px}.play-heading h2{font-size:39px}.play-heading>p{font-size:9px;margin-bottom:3px}.demo-window{overflow-x:auto}.window-toolbar{min-width:900px}.workspace{min-width:900px;height:440px}.feature-section{padding:15px 20px 70px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-visual{height:170px}.feature-text{padding:17px 19px 20px}.feature-text h3 br{display:none}.feature-text p{max-width:none}.closing{padding-top:58px;min-height:310px}.closing h2{font-size:43px}.closing h2 em{font-size:48px}footer{padding:18px 20px;gap:12px}footer>span{display:none}footer>a:last-child{margin-left:auto}}
@media(max-width:420px){.brand{font-size:15px}.top-cta{font-size:10px;padding:9px 11px}.hero h1{font-size:43px;letter-spacing:-2.6px}.hero-copy>p{font-size:12px}.hero-actions{gap:11px}.quiet-note{font-size:9px}.intro h2{font-size:37px}.play-heading{align-items:flex-start}.play-heading h2{font-size:34px}.play-heading>p{margin-top:27px}.ticker{font-size:7px}.screenshot-label{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.toolbar-reveal{display:none;position:absolute;right:14px;top:10px;z-index:4;border:1px solid #fff;border-radius:14px;padding:8px 12px;background:rgba(255,255,255,.82);box-shadow:0 4px 14px #443d2c16;font-size:9px}.toolbar-collapsed .toolbar-reveal{display:block}
.canvas-instruction{position:absolute;z-index:2;top:10px;right:12px;border-radius:11px;padding:7px 10px;color:#817c73;font-size:8px;box-shadow:0 4px 13px #40372310;pointer-events:none}.canvas-instruction kbd{font:600 9px 'DM Sans',sans-serif;color:#645d50;border:1px solid #ddd7cc;background:#fff9;padding:1px 4px;border-radius:4px}.free-arrow{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;color:#898074;pointer-events:none}.canvas-panel.arrow-mode{cursor:crosshair}.canvas-panel.arrow-mode .canvas-card,.canvas-panel.arrow-mode .canvas-card *{cursor:crosshair}.tool-button.active{background:#fff3cc;border-color:#f0cf88;box-shadow:0 0 0 2px #f0cf8840}.dark-demo .canvas-instruction{background:rgba(65,64,58,.82);border-color:#5b5952;color:#e0dcd2}.dark-demo .canvas-instruction kbd{background:#4c4a43;color:#f2eee4;border-color:#6a665b}.dark-demo .free-arrow{color:#d2c6b2}
.sidebar{grid-column:1;grid-row:1}.note-list{grid-column:2;grid-row:1}.canvas-panel,.text-panel{grid-column:3;grid-row:1}
.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.import-visual{background:linear-gradient(145deg,#f1eee7,#e9e5dc)}
.import-window{width:68%;max-width:210px;padding:12px 14px 19px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#55524b}
.import-window-top{width:100%;display:flex;align-items:center;gap:4px;margin-bottom:5px}
.import-window-top i{width:6px;height:6px;border-radius:50%;background:#f2776f}
.import-window-top i:nth-child(2){background:#f3c043}.import-window-top i:nth-child(3){background:#68c54b}
.import-window-top span{margin:auto;font-size:8px;color:#8e8a82}
.import-glyph{width:52px;height:52px;border-radius:16px;background:#fff9d9;display:grid;place-items:center;color:#c38a33}
.import-glyph svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.import-window strong{font:600 12px Manrope,sans-serif}.import-window>span{font-size:8px;color:#8e8a82}
.palette-control{position:relative;flex:none}.palette-menu{position:absolute;right:0;top:39px;z-index:8;width:218px;padding:10px;border:1px solid #e8e2d9;border-radius:15px;background:rgba(255,252,247,.97);box-shadow:0 12px 34px #33281924;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;backdrop-filter:blur(18px)}.palette-menu[hidden]{display:none}.palette-option{min-width:0;padding:8px 4px;border:1px solid transparent;border-radius:10px;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;color:#776e67;font-size:9px}.palette-option:hover{background:#f5eee8}.palette-option.selected{border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 12%,white);color:#51443e}.palette-option i{width:23px;height:23px;border-radius:50%;background:var(--swatch);box-shadow:0 1px 3px #33281926}.demo-window[data-theme="amber"]{--theme-accent:#efa638;--theme-soft:#fff5df}.demo-window[data-theme="blue"]{--theme-accent:#477fe9;--theme-soft:#eaf1ff}.demo-window[data-theme="purple"]{--theme-accent:#a657eb;--theme-soft:#f4eaff}.demo-window[data-theme="green"]{--theme-accent:#2ea15c;--theme-soft:#e9f7ee}.demo-window[data-theme="red"]{--theme-accent:#d44040;--theme-soft:#ffebeb}.demo-window[data-theme="ocean"]{--theme-accent:#1a85c7;--theme-soft:#e7f5fc}.demo-window[data-theme="midnight"]{--theme-accent:#526bb8;--theme-soft:#edf0fc}.demo-window[data-theme="forest"]{--theme-accent:#428549;--theme-soft:#edf6ec}.demo-window[data-theme="rose"]{--theme-accent:#c24d78;--theme-soft:#fbeaf0}.demo-window .folder-row.active{background:var(--theme-soft);color:var(--theme-accent)}.demo-window .active .folder-symbol{color:var(--theme-accent)}.demo-window .canvas-card.focused{border-color:var(--theme-accent);box-shadow:0 13px 30px rgba(50,44,34,.16),0 0 0 2px color-mix(in srgb,var(--theme-accent) 20%,transparent)}.demo-window .tool-button.active{background:var(--theme-soft);border-color:var(--theme-accent)}
@media(max-width:1020px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.feature-grid{grid-template-columns:1fr}}