@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.sapling-button-frame{position:relative;display:inline-flex;isolation:isolate;padding:4px;width:fit-content;max-width:100%}.sapling-button-frame:before,.sapling-button-frame:after{content:"";position:absolute;left:0;right:0;height:48%;pointer-events:none;transition:border-color .22s ease,transform .22s ease}.sapling-button-frame:before{top:0;border:1px solid rgba(49,92,67,.62);border-bottom:0;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 13px) 100%,calc(100% - 13px) 1px,13px 1px,13px 100%,0 100%)}.sapling-button-frame:after{bottom:0;border:1px solid rgba(49,92,67,.62);border-top:0;clip-path:polygon(0 0,13px 0,13px calc(100% - 1px),calc(100% - 13px) calc(100% - 1px),calc(100% - 13px) 0,100% 0,100% 100%,0 100%)}.sapling-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;width:auto;max-width:100%;overflow:hidden;border:1px solid #244532;border-radius:3px;color:#fffdf5;background-color:#203d2d;background-image:linear-gradient(112deg,#203d2d,#203d2d 42%,#467852,#315c43 58%,#203d2d);background-size:230% 100%;background-position:100% 50%;background-repeat:no-repeat;box-shadow:0 4px #1931222e,0 8px 18px #1d38271f,inset 0 1px #ffffff21;font:inherit;font-size:13px;font-weight:700;letter-spacing:.015em;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-position .36s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease}.sapling-button:before,.sapling-button:after{content:"";position:absolute;z-index:2;width:5px;height:5px;pointer-events:none;transition:background-color .18s ease,transform .18s ease}.sapling-button:before{top:-1px;left:-1px;background:#c9dfb1}.sapling-button:after{right:-1px;bottom:-1px;background:#9fc28d}.sapling-button:hover:not(:disabled){border-color:#83a978;background-position:0% 50%;box-shadow:0 5px #19312226,0 12px 24px #1d382733,0 0 0 3px #577e4d17,inset 0 1px #ffffff2e;transform:translateY(-2px)}.sapling-button-frame:hover:before,.sapling-button-frame:hover:after{border-color:#315c43e6}.sapling-button:hover:not(:disabled):before,.sapling-button:hover:not(:disabled):after{background:#f4f6df;transform:scale(1.2)}.sapling-button:active:not(:disabled){transform:translateY(1px);background-position:0% 50%;box-shadow:0 1px #19312233,0 3px 8px #1d38271f,inset 0 1px 2px #0000001f}.sapling-button:focus-visible{outline:3px solid rgba(49,92,67,.32);outline-offset:5px}.sapling-button:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:none;background-position:100% 50%}.sapling-button svg{flex:0 0 auto;transition:transform .22s ease}.sapling-button:hover:not(:disabled) svg{transform:translateY(-1px)}.sapling-button-frame--full{display:flex;width:100%}.sapling-button-frame--full .sapling-button{width:100%}.sapling-button-frame--compact .sapling-button{min-height:48px;padding-inline:22px}@media(max-width:760px){.sapling-button-frame--compact,.sapling-button-frame--compact .sapling-button{width:100%}}@media(prefers-reduced-motion:reduce){.sapling-button,.sapling-button:before,.sapling-button:after,.sapling-button-frame:before,.sapling-button-frame:after,.sapling-button svg{transition:none}}.sapling-github-link{position:fixed;top:22px;right:24px;z-index:20;text-decoration:none}.sapling-github-link .sapling-button{box-sizing:border-box}@media(max-width:760px){.sapling-github-link{top:12px;right:12px}.sapling-github-link .sapling-button{min-height:42px;padding-inline:14px;font-size:11px}}:root{font-family:DM Sans,sans-serif;color:#242920;background:#f7f7f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--green: #315c43;--green-dark: #244532;--muted: #171717;--border: #e6e7de;--cream: #f7f7f2}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:#f5f7ef}button,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{position:relative;min-height:100vh;overflow:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/background.png);background-size:cover;background-position:center;filter:blur(1px);transform:scale(1.1);z-index:-1}.brand,.footer a{display:inline-flex;gap:10px;color:#171717;text-decoration:none;font-family:Manrope,sans-serif;font-weight:1000;font-size:17px;letter-spacing:1.6px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;color:var(--green);background:transparent;border-radius:12px}.brand-period{color:var(--green)}.main-content{width:min(1080px,88%);margin:0 auto}.hero{text-align:center;padding:0 0 40px}.hero-tag,.eyebrow{color:var(--green);font-size:17px;font-weight:1000;letter-spacing:1.6px;font-family:Manrope,sans-serif}.hero-tag{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #e1e8dd;background:#f7f7f2;border-radius:100px}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#6b996d;flex-shrink:0}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,6vw,68px);line-height:1.12;letter-spacing:-3.8px;margin:24px 0 18px;font-weight:800}.hero h1 span{color:var(--green)}.hero-description{max-width:490px;margin:0 auto;color:#171717;line-height:1.8;font-size:15px}.workspace{display:grid;grid-template-columns:1fr 36px 1fr;align-items:stretch;gap:12px;opacity:1}.panel{min-width:0;padding:24px;border:1px solid var(--border);border-radius:18px;background:#fffefa;box-shadow:0 8px 28px #30382005;opacity:1}.panel.glass{background:#f8f4e847;border-color:#ffffff61;box-shadow:0 8px 26px #1c23161a,inset 0 1px #ffffff47}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.7px;margin:7px 0 0}.panel-heading>svg{color:var(--green)}.muted{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 18px}.structure-input{display:block;width:100%;min-height:290px;resize:vertical;padding:16px;border:1px solid rgba(255,255,255,.42);border-radius:12px;outline:none;background:#fffcf529;color:#353c33;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.9;-moz-tab-size:2;tab-size:2;box-shadow:inset 0 1px 2px #282a2009;transition:border-color .2s,background-color .2s,box-shadow .2s;opacity:1}.structure-input:focus{border-color:#315c439e;background:#fffcf53d;box-shadow:0 0 0 3px #315c4314}.structure-input::placeholder{color:#171717}.primary-button,.download-button{min-height:46px;padding:0 18px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border:none;border-radius:10px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary-button{width:100%;margin-top:15px;color:#fff;background:var(--green)}.primary-button:hover:not(:disabled),.download-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.privacy-note{color:#9a9e93;text-align:center;font-size:11px;margin:13px 0 0}.flow-arrow{align-self:center;justify-self:center;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:#eeefe7;color:var(--green)}.file-count{font-size:11px;color:#6c7968;background:#edf1e8;padding:6px 9px;border-radius:7px;white-space:nowrap}.tree-list{min-height:290px;max-height:390px;overflow:auto;margin-top:24px;padding:10px 0;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:#fffcf52e;box-shadow:inset 0 1px 2px #282a2006}.tree-item{min-height:35px;padding-right:12px;display:flex;align-items:center;gap:10px;font-family:Consolas,Courier New,monospace;font-size:12px;overflow:hidden}.tree-item span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.folder-icon{color:#71905b;flex-shrink:0}.file-icon{color:#9a9e93;flex-shrink:0}.tree-count{margin-left:auto;font-size:10px;color:#a0a497}.preview-footer{display:flex;align-items:center;gap:8px;color:#7e8577;font-size:11px;margin-top:17px}.empty-state{min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#999f91;font-size:12px;gap:12px}.empty-sprout{width:58px;height:58px;border-radius:18px;background:#edf1e8;color:var(--green);display:grid;place-items:center}.action-bar{margin-top:20px;padding:18px 22px;border:1px solid var(--border);border-radius:15px;background:#f8f4e84d;display:flex;justify-content:space-between;align-items:center;gap:20px}.glass{background:#f8f4e84d;-webkit-backdrop-filter:blur(3px) saturate(108%);backdrop-filter:blur(3px) saturate(108%);border:1px solid rgba(255,255,255,.34);border-radius:20px;box-shadow:0 8px 24px #1c23161f,inset 0 1px #ffffff4d}.action-copy{display:flex;align-items:center;gap:12px;color:var(--green)}.action-copy strong{font-size:12px;color:#394638}.action-copy p{margin:4px 0 0;font-size:11px;color:#171717}.download-button{background:var(--green);color:#fff;flex-shrink:0}.error-message,.success-message{font-size:12px;line-height:1.6}.error-message{color:#b33c36}.success-message{color:var(--green);text-align:center;margin-top:18px}.footer{font-family:Manrope,sans-serif;padding:36px 0 28px;text-align:center;font-size:15px;color:var(--green);letter-spacing:.75px;font-weight:1000}@media(max-width:760px){.main-content{width:90%}.hero{padding:5px 0 36px}.hero h1{letter-spacing:-2.4px}.hero-description{font-size:13px}.workspace{grid-template-columns:1fr;gap:14px}.panel{padding:19px}.flow-arrow{transform:rotate(90deg)}.structure-input{min-height:240px}.tree-list{min-height:220px}.action-bar{align-items:stretch;flex-direction:column}.download-button{width:100%;min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}*{scrollbar-width:thin;scrollbar-color:#315c43 transparent}.tree-download-action{display:flex;justify-content:stretch;margin-top:18px}.tree-download-action .sapling-button-frame,.tree-download-action .sapling-button{width:100%}.workspace{align-items:stretch}.editor-panel,.preview-panel{display:flex;flex-direction:column;min-width:0}.editor-panel>.sapling-button-frame--full,.preview-panel>.tree-download-action,.preview-panel .tree-download-action>.sapling-button-frame{width:100%;min-width:0}.editor-panel>.sapling-button-frame--full,.preview-panel .tree-download-action>.sapling-button-frame{display:flex}.editor-panel>.sapling-button-frame--full>.sapling-button,.preview-panel .tree-download-action>.sapling-button-frame>.sapling-button{display:inline-flex;width:100%;min-width:0;min-height:48px;justify-content:center}.editor-panel .structure-input,.preview-panel .tree-list,.preview-panel .empty-state{flex:1 1 auto}.editor-panel .structure-input,.preview-panel .tree-list,.preview-panel .empty-state{min-height:290px}.editor-panel>.sapling-button-frame--full{margin-top:15px}.preview-panel .tree-download-action{display:flex;justify-content:stretch;margin-top:auto;padding-top:18px}.preview-panel .tree-download-action .sapling-button-frame--compact .sapling-button,.editor-panel .sapling-button-frame--full .sapling-button{box-sizing:border-box;padding-inline:18px}@media(max-width:760px){.editor-panel .structure-input,.preview-panel .tree-list,.preview-panel .empty-state{flex:initial}.editor-panel>.sapling-button-frame--full,.preview-panel .tree-download-action,.preview-panel .tree-download-action>.sapling-button-frame{width:100%}}.foldersapling-app{position:relative;isolation:isolate;display:flow-root;min-height:100vh;margin:0;overflow:clip;background:radial-gradient(circle at 16% 12%,rgba(111,189,120,.13),transparent 28rem),radial-gradient(circle at 86% 82%,rgba(168,213,162,.1),transparent 30rem),#f5f7ef;color:#20382a}.foldersapling-particle-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.82;background:radial-gradient(ellipse at 18% 24%,rgba(111,189,120,.09),transparent 34rem),radial-gradient(ellipse at 82% 78%,rgba(49,92,67,.07),transparent 36rem)}.foldersapling-particle-field canvas{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.foldersapling-particle-field{opacity:.42}}.app-shell .hero>.sapling-github-link{position:fixed;top:24px;right:26px;z-index:20;width:auto;margin:0}.app-shell{display:flow-root}@media(max-width:760px){.app-shell .hero{display:flow-root;padding-top:5px}.app-shell .hero h1{margin-top:24px;margin-bottom:0;font-size:clamp(38px,10vw,52px);line-height:1.12;letter-spacing:-2.2px;overflow-wrap:normal}.app-shell .hero>.sapling-github-link{position:static;display:flex;width:max-content;max-width:100%;margin:18px auto 28px;transform:none}.app-shell .hero>.sapling-github-link .sapling-button-frame,.app-shell .hero>.sapling-github-link .sapling-button{width:auto;max-width:100%}.app-shell .hero>.sapling-github-link .sapling-button{min-height:44px;padding-inline:16px}.app-shell .hero-tag{max-width:100%}}
