@font-face{font-family:DM;src:url('assets/dm-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}:root{--bg:#f7f6fa;--ink:#24232e;--muted:#85828f;--violet:#7562df;--line:#e5e3ec;--lavender:#eeebf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:DM,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--violet);outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.header{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-1px}.edition{font-size:8px;font-weight:500;letter-spacing:1px;color:#898593;margin-left:8px;padding:6px 8px;border:1px solid var(--line);border-radius:5px}.header nav{display:flex;align-items:center;gap:28px;font-size:11px;color:#716d7d}.header nav>a:hover{color:var(--violet)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:9px;padding:17px 22px;font-size:12px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--violet);color:#fff;box-shadow:0 4px 12px #7562df18}.button.primary:hover{background:#6651d1}.button.dark{background:var(--ink);color:#fff}.button.small{padding:12px 15px;font-size:10px;gap:24px}.hero-top{display:grid;grid-template-columns:1fr 270px;align-items:center;padding:65px 0 55px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:600;color:#8a8498}.intro .eyebrow{display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--violet);border-radius:50%}h1{font-size:clamp(55px,6.5vw,88px);line-height:1.01;letter-spacing:-5px;font-weight:500;margin-top:27px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-4px;color:var(--violet)}.intro>p{margin-top:26px;font-size:14px;line-height:1.9;color:#85818e}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:28px}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:11px}.text-link:hover{color:var(--violet)}.compatibility{font-size:9px;color:#9993a5;margin-top:16px;letter-spacing:.1px}.compatibility i{font-style:normal;margin:0 8px}.hero-aside{position:relative;text-align:center;padding-top:35px}.orbit-icon{height:150px;display:grid;place-items:center;position:relative}.orbit-icon:before,.orbit-icon:after{content:'';border:1px solid #e1dcea;width:147px;height:147px;position:absolute;border-radius:50%;transform:rotate(-20deg) scaleX(1.25)}.orbit-icon:after{width:210px;height:210px;border-style:dashed;opacity:.5;transform:rotate(25deg) scaleX(.7)}.orbit-icon img{transform:rotate(-12deg);box-shadow:0 15px 25px #7562df30;border-radius:15px}.hero-aside>p{font-size:15px;font-weight:500;margin-top:25px;line-height:1.7;letter-spacing:-.3px}.hero-aside>p>span{color:#a39cab}.local-tag{display:inline-block;border:1px solid #e1dce9;border-radius:20px;font-size:9px;color:#8a819b;padding:8px 13px;margin-top:17px}.workbench{display:flex;min-height:460px;border:1px solid #d9d5e5;border-radius:17px;overflow:hidden;box-shadow:0 30px 65px -35px #4b366b35,0 4px 8px #39284805;scroll-margin-top:35px}.app-sidebar{width:184px;flex-shrink:0;background:#252430;color:#c4c0d2;padding:24px 18px;display:flex;flex-direction:column;gap:6px}.mini-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;letter-spacing:-.5px;color:#f8f7ff}.sidebar-label{font-size:7px;letter-spacing:1.2px;color:#737080;margin-top:33px;margin-bottom:8px;padding-left:8px}.side-item{display:flex;align-items:center;gap:11px;text-align:left;font-size:15px;background:none;border:0;border-radius:7px;padding:11px;color:#8b869e}.side-item span{font-size:10px}.side-item b{margin-left:auto;background:#ffffff0a;font-size:8px;border-radius:4px;padding:2px 4px;font-weight:400}.side-item.selected{background:#ffffff0b;color:#f0ebff}.sidebar-bottom{margin-top:auto;padding:18px 10px 0}.sidebar-bottom>span{font-size:24px;color:#b6b3d0;display:block;margin-bottom:10px}.sidebar-bottom strong{font-size:10px;color:#c8c4d5;font-weight:500}.sidebar-bottom p{font-size:9px;line-height:1.8;color:#777184;margin-top:8px}.app-content{flex:1;min-width:0;background:#f9f8fc;display:flex;flex-direction:column}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid var(--line);gap:15px}.app-topbar h2{font-size:15px;font-weight:500;letter-spacing:-.5px}.app-topbar p{font-size:9px;color:#9790a5;margin-top:5px}.device-pill{font-size:7px;letter-spacing:.6px;white-space:nowrap;color:#9385bf;background:#f0ecf9;border:1px solid #e6e0f3;border-radius:20px;padding:7px 9px}.device-pill span{width:3px;height:3px;border-radius:50%;display:inline-block;background:#a89ac9;margin-right:4px}.app-body{display:grid;grid-template-columns:1fr 255px;flex:1;min-height:340px}.tray{padding:23px 25px;min-width:0}.tray-header{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8c859b}.sample-label{font-size:7px;letter-spacing:.5px;color:#b3abba}.files{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 10px;margin:24px 0 16px}.file{border:1px solid transparent;border-radius:9px;padding:12px 3px;display:flex;flex-direction:column;gap:9px;align-items:center;background:none;cursor:grab;user-select:none;touch-action:none;position:relative}.file:active{cursor:grabbing}.file.selected{background:#ede8f9;border-color:#dcd2f3}.file-art{display:grid;place-items:center;width:40px;height:48px;background:linear-gradient(145deg,#fff,#f1edf7);border:1px solid #dad5e5;border-radius:4px 11px 4px 4px;box-shadow:0 3px 6px #50377708;font-size:22px;color:var(--file-color,#a697ce);position:relative}.file-art:after{content:attr(data-format);position:absolute;bottom:5px;font-size:5px;letter-spacing:.5px;color:#a19bad}.file.image .file-art{height:39px;margin:5px 0 4px;background:linear-gradient(150deg,#c5c1eb,#8b82b9 50%,#e8b7b2);border:3px solid white;outline:1px solid #ddd7e9;border-radius:3px}.file.image .file-art:after{display:none}.filename{font-size:8px;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8c849b}.drop-hint{font-size:10px;color:#9b92aa;text-align:center;line-height:1.9;padding:14px 7px;border:1px dashed #e2dce9;border-radius:8px}.drop-hint>span{color:var(--violet);font-size:15px;margin-right:4px}.drop-hint small{font-size:8px;color:#aca4b8}.selected-file-preview{font-size:9px;color:#9991a8;margin-top:17px;display:flex;align-items:center;gap:8px;min-height:16px}.selected-file-preview b{font-weight:500;color:#797086}.inspector{border-left:1px solid var(--line);padding:21px 20px;background:#f5f3f9}.mode-tabs{display:flex;gap:2px;background:#eae6f1;border:1px solid #e4dfed;border-radius:6px;padding:3px}.mode-tabs button{flex:1;border:0;padding:6px 3px;border-radius:4px;background:none;font-size:8px;color:#9990a8}.mode-tabs button[aria-selected=true]{background:#fff;color:#675582;box-shadow:0 1px 3px #4d396008}.inspector h3{font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.5px;margin-top:21px}.inspector p{font-size:9px;color:#9f95ac;line-height:1.8;margin-top:10px}.format-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}.format-choice{background:#fff;border:1px solid #e2dce9;border-radius:6px;padding:10px 3px;font-size:8px;color:#8f849f}.format-choice.selected{border-color:#b8a6e2;background:#ece6f8;color:#7562b5}.run-button{width:100%;font-size:9px;padding:10px;background:var(--violet);color:#fff;border-radius:6px;margin-top:17px;text-align:left;display:flex;justify-content:space-between}.tool-select{width:100%;padding:8px;font-size:9px;border:1px solid #e2dce9;background:#fff;color:#81748f;border-radius:5px;margin-top:15px}.demo-param{display:flex;justify-content:space-between;align-items:center;font-size:8px;margin-top:12px;color:#978aa5;gap:8px}.demo-param input{width:65px;border:1px solid #e1d9eb;background:#fff;border-radius:4px;padding:5px;font-size:9px;color:#81748f}.action-list{display:grid;gap:5px;margin-top:17px}.action-list button{text-align:left;font-size:9px;padding:8px 10px;background:white;border:1px solid #e9e2f1;border-radius:5px;color:#8e819f;display:flex;justify-content:space-between}.action-list button:hover{border-color:#bca8e3;color:var(--violet)}.app-status{border-top:1px solid var(--line);padding:10px 17px;font-size:7px;color:#a59aae;display:flex;justify-content:space-between;gap:12px}.app-status span:first-child{color:#8c7ba4}.demo-note{display:flex;justify-content:center;align-items:center;gap:10px;font-size:10px;color:#a29baa;margin-top:20px}.spark{color:#aea0ce;font-size:16px}.alternate-view{padding:27px;min-height:340px}.demo-job{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:14px;border-radius:9px;font-size:11px;margin-bottom:9px}.demo-job .job-symbol{font-size:19px;color:var(--violet)}.demo-job p{font-size:9px;color:#9e94aa;margin-top:4px}.demo-job button{margin-left:auto;background:#eee9f8;color:#8c75b5;border-radius:5px;padding:6px;font-size:9px}.alternate-empty{text-align:center;font-size:12px;color:#a39aaf;padding:80px 15px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);padding:68px 0 65px;border-bottom:1px solid var(--line);gap:30px}.numbers>div{display:flex;align-items:center;gap:22px;padding:0 16px}.numbers>div+div{border-left:1px solid var(--line);padding-left:45px}.numbers b{font-size:51px;font-weight:500;letter-spacing:-3px;color:#9a8dc4}.numbers span{font-size:14px;font-weight:500;letter-spacing:-.25px}.numbers small{display:block;font-size:10px;font-weight:400;color:#a39bad;margin-top:6px;letter-spacing:0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-header h2{font-size:36px;letter-spacing:-1.5px;font-weight:500;margin-top:13px;line-height:1.15}.section-header>p{font-size:11px;line-height:1.8;color:#a099ab}.story{padding:85px 0 0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-card{border:1px solid #e4dfee;border-radius:15px;padding:25px;overflow:hidden}.story-card.lavender{background:#eeebf8}.story-card.pale{background:#eeeff3;border-color:#e0e2e9}.story-card.ink{background:#292735;border-color:#292735;color:#efecf8}.card-number{font-size:8px;letter-spacing:1.4px;color:#aaa0ba}.story-card.ink .card-number{color:#7d738f}.story-card h3{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.7px;margin-top:13px}.story-card p{font-size:11px;line-height:1.9;color:#9b91a8;margin-top:14px}.story-card.ink p{color:#9b91ad}.format-art{height:155px;display:flex;align-items:center;justify-content:center;gap:15px}.format-art>span{border:1px solid #d8cfe9;background:#f7f5fc;color:#a194bb;padding:15px 12px;border-radius:9px;font-size:16px;letter-spacing:-.5px;transform:rotate(-7deg);box-shadow:0 8px 14px #69538908}.format-art>i{font-size:17px;color:#b9abcc;font-style:normal}.format-art .output-chip{transform:rotate(6deg);background:#8070ba;border-color:#8070ba;color:white;position:relative}.output-chip b{position:absolute;right:-5px;top:-7px;background:#f6f5fc;border-radius:50%;padding:3px;font-size:9px;color:#8c7dae;border:1px solid #ded6ec}.timeline-art{height:155px;position:relative;display:flex;align-items:center}.wave-bars{height:45px;width:100%;opacity:.5;background:repeating-linear-gradient(90deg,#a7a3bc 0 3px,transparent 3px 6px);clip-path:polygon(0 40%,5% 23%,10% 37%,15% 10%,20% 30%,25% 0,30% 25%,35% 15%,40% 30%,45% 10%,50% 22%,55% 0,60% 30%,65% 12%,70% 35%,75% 5%,80% 26%,85% 12%,90% 35%,95% 20%,100% 40%,100% 60%,95% 80%,90% 65%,85% 88%,80% 74%,75% 95%,70% 65%,65% 88%,60% 70%,55% 100%,50% 78%,45% 90%,40% 70%,35% 85%,30% 75%,25% 100%,20% 70%,15% 90%,10% 63%,5% 77%,0 60%)}.trim-handle{position:absolute;left:18%;top:48px;height:60px;width:3px;background:#a397bf;border-radius:2px}.trim-handle.right{left:auto;right:18%}.time-label{position:absolute;bottom:19px;width:100%;font-size:7px;color:#a79bb8;display:flex;justify-content:space-between}.time-label span{color:#b0a9bd}.shelf-art{height:110px;border:1px solid #4e455f;margin:23px 0 22px;border-radius:8px;background:#ffffff03}.shelf-top{border-bottom:1px solid #453d54;height:25px;padding:8px;display:flex;gap:4px}.shelf-top i{height:4px;width:4px;background:#716580;border-radius:50%}.shelf-top>span{font-size:7px;margin-left:auto;color:#8b7e9c}.shelf-art>div+div{display:flex;justify-content:space-evenly;padding:15px}.shelf-art>div+div>span{font-size:21px;text-align:center;color:#9c8ab9}.shelf-art small{display:block;font-size:7px;margin-top:3px;color:#847591}.tools-section{padding:90px 0}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:12px 13px;border-radius:8px;color:#9c91ac}.search input{width:150px;min-width:0;border:0;background:none;font-size:11px;outline:none;color:#766885}.search input::placeholder{color:#b1a7bb}.search>span{font-size:18px;line-height:12px}.filter-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.filter-tabs button{border:1px solid var(--line);padding:8px 13px;border-radius:20px;background:none;font-size:10px;color:#9c92a9}.filter-tabs button[aria-selected=true]{background:#292735;color:#eee9f8;border-color:#292735}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tool-card{display:flex;align-items:center;gap:12px;text-align:left;padding:16px 14px;border:1px solid var(--line);background:#fff;border-radius:9px;transition:border-color .15s,transform .15s}.tool-card:hover,.tool-card[aria-expanded=true]{border-color:#c2b1e2;transform:translateY(-1px)}.tool-card>span{font-size:20px;color:#a897c4;width:25px;text-align:center}.tool-card b{font-weight:500;font-size:11px;display:block}.tool-card small{font-size:8px;color:#aaa0b5;display:block;margin-top:5px}.tool-card>i{font-size:12px;font-style:normal;color:#c0b7c9;margin-left:auto}.no-results{font-size:12px;color:#a296af;padding:30px 0}.tool-detail{margin-top:16px;padding:24px;background:#eeebf7;border:1px solid #ddd5eb;border-radius:12px}.tool-detail h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.tool-detail p{font-size:12px;line-height:1.9;color:#9282a4;margin-top:12px;max-width:700px}.tool-detail>button{margin-top:15px;background:none;font-size:10px;padding:0;color:#8972b2}.format-section{padding:0 0 80px}.format-browser{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;min-height:350px}.family-list{background:#f0edf6;padding:15px;display:flex;flex-direction:column;gap:3px}.family-list button{display:flex;align-items:center;gap:12px;background:none;text-align:left;padding:10px 13px;color:#a398ae;font-size:11px;border-radius:6px}.family-list button span{font-size:16px;width:18px;text-align:center}.family-list button[aria-selected=true]{background:#fff;color:#75628f;box-shadow:0 2px 5px #5b3e8105}.format-detail{padding:35px 40px}.format-detail .category-icon{font-size:35px;color:#a692c7;display:block;margin-bottom:15px}.format-detail h3{font-size:26px;font-weight:500;letter-spacing:-.8px}.format-detail p{font-size:12px;line-height:1.9;color:#9c90a9;margin-top:14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.chips span{font-size:11px;border:1px solid #e0d8ec;border-radius:6px;background:#f8f5fd;color:#9783af;padding:9px 11px}.format-detail .format-note{font-size:10px;line-height:1.9;color:#aea1b8;margin-top:25px;border-top:1px solid #eee8f3;padding-top:20px}.private{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:85px;padding:55px 45px 75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.private-symbol{margin:auto;width:155px;height:155px;display:grid;place-items:center;border:1px solid #ded6ec;border-radius:40px;font-size:75px;font-weight:300;color:#b3a2cf;background:#efebf7;position:relative;transform:rotate(-7deg)}.private-symbol:before{content:'';position:absolute;inset:-33px;border:1px dashed #e4ddec;border-radius:50%;z-index:-1}.private-symbol>span{font-size:15px;background:#fff;border:1px solid #d8cde9;color:#a28cbb;border-radius:50%;padding:8px;position:absolute;right:-10px;bottom:0}.private h2{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-1.2px;margin-top:16px}.private p{font-size:12px;line-height:1.9;color:#a397ae;margin-top:20px;max-width:430px}.private .text-link{margin-top:20px;color:#9780b2}.download-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:95px 0 90px}.download-copy h2{font-size:59px;line-height:1.05;letter-spacing:-2.8px;font-weight:500;margin-top:22px}.download-copy h2 em{letter-spacing:-2.5px}.download-copy p{font-size:13px;line-height:1.9;color:#a195ae;margin-top:25px}.download-copy .button{margin-top:25px}.setup-card{border:1px solid #ded6e9;background:#f0ecf7;border-radius:15px;padding:27px}.setup-heading{display:flex;align-items:center;gap:12px}.setup-heading>span{font-size:22px;color:#b09cc8}.setup-heading h3{font-size:16px;letter-spacing:-.4px;font-weight:500;color:#82718e}.setup-card ol{padding-left:18px;font-size:10px;color:#b19bc4}.setup-card li{padding-left:6px;margin-top:19px}.setup-card li b{font-size:11px;font-weight:500;color:#8d789c}.setup-card li p{font-size:10px;line-height:1.8;color:#aa96b7;margin-top:5px}.setup-card details{border-top:1px solid #dfd4e9;padding-top:15px;margin-top:20px}.setup-card summary{font-size:10px;color:#9d84b0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.setup-card pre{font:9px/1.8 monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff9;color:#9b83b0;padding:12px;border-radius:7px;margin-top:15px}.copy-command{font-size:10px;background:none;color:#9d83b1;padding:0}.setup-card details>p{font-size:9px;line-height:1.9;color:#af99c0;margin-top:15px}.setup-card>a{font-size:9px;margin-top:20px;color:#aa91bb}footer{display:flex;align-items:center;flex-wrap:wrap;gap:23px;border-top:1px solid var(--line);padding:26px 0 25px}footer .brand{font-size:20px}footer>span{font-size:10px;color:#a59aad}footer nav{margin-left:auto;display:flex;gap:23px;font-size:10px;color:#a18eaf}footer>p{width:100%;font-size:8px;text-align:right;color:#b4a6bf;margin-top:-3px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#302a3ded;color:#eee7f9;backdrop-filter:blur(12px);font-size:11px;line-height:1.8;padding:12px 20px;border:1px solid #695682;border-radius:11px;z-index:90;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:calc(100% - 30px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.wheel{position:fixed;width:290px;height:290px;transform:translate(-50%,-50%);z-index:80;filter:drop-shadow(0 8px 16px #291a4930);animation:bloom .15s ease-out;touch-action:none}.wheel svg{width:100%;height:100%;overflow:visible}.petal{fill:#f4f0fbed;stroke:#c3b4d9;stroke-width:1;cursor:pointer;transition:fill .1s}.segment.active .petal,.segment:hover .petal,.segment:focus .petal{fill:var(--violet);stroke:#6956c5}.segment text{font-size:11px;fill:#847197;font-weight:600;pointer-events:none}.segment.active text,.segment:hover text,.segment:focus text{fill:#fff}.segment:focus{outline:none}.center-disc{fill:#f8f5fc;stroke:#d5c6e4}.center-text{font-size:9px;fill:#9783ad;pointer-events:none}.document{max-width:740px;padding:60px 24px 90px;margin:auto}.document h1{font-size:51px;letter-spacing:-2px;margin-top:20px}.document h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:35px 0 14px}.document p,.document li{font-size:13px;color:#9685a5;line-height:1.9}.document a{color:#9273b8;text-decoration:underline}.document ul{padding-left:19px}.document pre{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#ede6f6;padding:18px;border-radius:10px;color:#9780ab}.document table{width:100%;border-collapse:collapse;font-size:11px;margin-top:20px}.document th,.document td{padding:12px;border-bottom:1px solid var(--line);text-align:left;color:#9783a7;line-height:1.8}.document th{color:#77618a}.document .button{color:#fff;text-decoration:none;margin-top:25px}@keyframes bloom{from{opacity:0;scale:.92}to{opacity:1;scale:1}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero-top{padding-top:40px;grid-template-columns:1fr 200px}.hero-aside{transform:scale(.9)}h1{font-size:72px}.app-sidebar{width:155px;padding:20px 13px}.app-topbar{padding:20px}.app-body{grid-template-columns:1fr 225px}.inspector{padding:18px 15px}.tray{padding:20px 18px}.numbers>div+div{padding-left:25px}.numbers>div{gap:15px;padding-left:4px}.numbers b{font-size:45px}.story-card{padding:22px}.story-card h3{font-size:22px}.tools-grid{grid-template-columns:repeat(3,1fr)}.download-section{gap:50px}.download-copy h2{font-size:53px}.private{gap:50px;padding-left:25px;padding-right:25px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.edition{display:none}.header{height:75px}.header nav{gap:18px}.header nav>a[href='#workspace']{display:none}.brand{font-size:22px}.hero-top{grid-template-columns:1fr 150px;padding:34px 0 40px}.intro .eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:62px;letter-spacing:-3.7px}em{letter-spacing:-3px}.intro>p{font-size:12px}.hero-aside{transform:scale(.7);margin-left:-20px}.hero-actions{gap:20px}.button{font-size:11px;padding:15px 19px}.hero-actions .text-link{font-size:10px}.app-sidebar{width:120px;padding:20px 10px}.mini-brand{font-size:15px;gap:6px}.mini-brand img{width:20px;height:20px}.sidebar-label{font-size:6px;letter-spacing:1px;padding:0}.side-item{padding:10px 6px;gap:8px}.side-item span{font-size:9px}.sidebar-bottom{padding:12px 5px 0}.sidebar-bottom p{font-size:8px}.app-topbar{padding:18px 16px}.app-topbar h2{font-size:13px}.app-topbar p{font-size:8px}.app-topbar .device-pill{display:none}.app-body{grid-template-columns:1fr 195px}.tray{padding:18px 13px}.files{grid-template-columns:repeat(2,1fr);gap:5px}.file{padding:10px 0;gap:7px}.filename{font-size:7px;max-width:80px}.tray-header{font-size:7px}.tray-header .sample-label{display:none}.drop-hint{font-size:8px;padding:10px 5px}.drop-hint small{font-size:7px}.inspector{padding:18px 12px}.inspector h3{font-size:16px}.format-choice{font-size:7px;padding:9px 1px}.app-status{font-size:6px;padding:8px 12px}.app-status>span+span{max-width:120px;text-align:right}.selected-file-preview{font-size:7px;line-height:1.8;display:block}.selected-file-preview b{display:block}.demo-note{font-size:8px;gap:8px}.numbers{gap:15px;padding:40px 0}.numbers>div{display:block;text-align:center;padding:0!important}.numbers b{font-size:38px}.numbers span{display:block;font-size:11px;margin-top:5px}.numbers small{font-size:8px}.section-header h2{font-size:30px;letter-spacing:-1.2px}.section-header>p{font-size:10px}.story{padding-top:60px}.story-grid{gap:10px}.story-card{padding:18px}.story-card h3{font-size:20px}.story-card p{font-size:10px}.card-number{font-size:7px;letter-spacing:1px}.format-art{gap:8px;height:135px}.format-art>span{font-size:12px;padding:12px 9px}.format-art>i{font-size:12px}.shelf-art{height:90px;margin:23px -5px}.shelf-art>div+div{padding:10px}.shelf-art small{font-size:6px}.timeline-art{height:135px}.trim-handle{top:38px}.time-label{font-size:6px}.time-label span{display:none}.tools-section{padding:65px 0}.tools-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tool-card{padding:12px 10px;gap:9px}.tool-card>span{font-size:16px;width:20px}.tool-card b{font-size:10px}.tool-card small{font-size:7px}.format-browser{grid-template-columns:180px 1fr}.format-detail{padding:30px 25px}.private{gap:35px;padding:50px 15px}.private-symbol{width:120px;height:120px;font-size:60px}.private h2{font-size:26px}.private p{font-size:11px}.download-section{gap:35px;padding:65px 0}.download-copy h2{font-size:43px;letter-spacing:-2px}.download-copy .eyebrow{font-size:7px;letter-spacing:1px}.setup-card{padding:22px}.setup-heading h3{font-size:14px}.setup-heading>span{display:none}.setup-card li p{font-size:9px}footer{gap:16px}footer nav{gap:15px;font-size:9px}footer>span{font-size:9px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.header nav>a[href='#tools'],.header nav>a[href='#formats']{display:none}.header .button.small{font-size:10px;padding:11px 13px;gap:17px}.hero-top{grid-template-columns:1fr;padding:28px 0 32px}.hero-aside{display:none}.intro .eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:62px;letter-spacing:-3.7px;margin-top:23px}.intro>p{font-size:12px;margin-top:20px}.hero-actions{margin-top:23px}.compatibility{font-size:8px;margin-top:14px}.workbench{border-radius:12px;display:block}.app-sidebar{width:100%;padding:13px 14px;flex-direction:row;align-items:center;gap:8px}.mini-brand{margin-right:auto;font-size:14px}.sidebar-label,.sidebar-bottom{display:none}.side-item{padding:7px;gap:4px;font-size:12px}.side-item span{font-size:7px}.side-item b{font-size:6px;margin:0;padding:2px}.mini-brand img{width:19px;height:19px}.app-topbar{padding:18px 15px}.app-body{grid-template-columns:1fr 150px;min-height:345px}.tray{padding:18px 10px}.files{gap:6px 2px;margin-top:16px}.file{gap:7px;padding:8px 1px;border-radius:6px}.file-art{width:32px;height:39px;font-size:17px;border-radius:3px 9px 3px 3px}.file.image .file-art{height:32px;margin:3px 0 4px}.file-art:after{font-size:4px;bottom:4px}.filename{font-size:6px;max-width:68px}.drop-hint{font-size:7px;line-height:1.8;padding:8px 3px}.drop-hint small{font-size:6px}.inspector{padding:18px 10px}.mode-tabs{padding:2px;gap:0}.mode-tabs button{font-size:6px;padding:6px 2px}.inspector h3{font-size:14px;margin-top:18px}.inspector p{font-size:7px;line-height:1.9}.format-choices{grid-template-columns:repeat(2,1fr);margin-top:12px;gap:5px}.format-choice{font-size:7px;padding:8px 2px}.run-button{font-size:7px;padding:9px;margin-top:12px}.tool-select{font-size:7px;padding:7px 3px}.demo-param{font-size:7px;gap:4px}.demo-param input{width:46px;font-size:7px;padding:4px}.action-list{gap:5px}.action-list button{font-size:7px;padding:7px}.selected-file-preview{font-size:6px}.app-status{font-size:5px;padding:8px 10px}.app-status>span+span{max-width:105px}.demo-note{font-size:7px;line-height:1.8;gap:7px;padding:0 5px;align-items:flex-start}.demo-note .spark{font-size:12px}.numbers{padding:35px 0;gap:10px}.numbers b{font-size:34px}.numbers span{font-size:10px}.numbers small{font-size:7px;line-height:1.6;padding:0 4px}.section-header{display:block;margin-bottom:23px}.section-header h2{font-size:29px;line-height:1.2}.section-header>p{margin-top:14px;font-size:10px}.story{padding-top:48px}.story-grid{grid-template-columns:1fr;gap:12px}.story-card{padding:25px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.card-number{grid-column:1/-1}.story-card h3{font-size:24px;margin-top:24px}.story-card p{font-size:10px;margin-top:15px;grid-column:1/-1;max-width:100%}.format-art,.timeline-art,.shelf-art{grid-column:2;grid-row:2;height:100px;margin:0}.format-art{gap:10px}.timeline-art{height:100px}.trim-handle{top:23px;height:55px}.time-label{bottom:8px}.shelf-art{height:86px;margin-top:15px;margin-left:-7px}.shelf-art>div+div{padding:8px 2px}.shelf-art small{font-size:5px}.shelf-top>span{font-size:6px}.tools-section{padding:50px 0}.search{margin-top:20px;padding:11px 12px;max-width:100%}.search input{width:100%;font-size:11px}.filter-tabs{gap:6px}.filter-tabs button{padding:7px 10px;font-size:9px}.tools-grid{grid-template-columns:repeat(2,1fr);gap:7px}.tool-card{padding:12px 9px;gap:7px}.tool-card b{font-size:9px}.tool-card small{font-size:6px}.tool-card>span{font-size:16px;width:19px}.tool-card>i{font-size:10px}.tool-detail{padding:20px}.tool-detail h3{font-size:18px}.tool-detail p{font-size:11px}.format-section{padding-bottom:45px}.format-browser{grid-template-columns:1fr}.family-list{padding:12px;flex-direction:row;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line)}.family-list button{padding:7px 9px;font-size:9px;gap:5px}.family-list button span{font-size:11px;width:12px}.format-detail{padding:25px}.format-detail h3{font-size:24px}.format-detail p{font-size:11px}.chips{gap:6px;margin-top:20px}.chips span{font-size:10px;padding:7px 9px}.format-detail .format-note{font-size:9px;margin-top:20px;padding-top:15px}.private{grid-template-columns:1fr;padding:45px 10px;gap:38px}.private-symbol{width:90px;height:90px;border-radius:25px;font-size:45px;margin:10px auto}.private-symbol:before{inset:-20px}.private-symbol>span{padding:5px;font-size:11px}.private>div+div{text-align:center}.private h2{font-size:28px}.private p{font-size:11px;max-width:300px;margin-inline:auto}.private .eyebrow{font-size:8px}.private .text-link{font-size:10px}.download-section{grid-template-columns:1fr;padding:50px 0;gap:30px}.download-copy h2{font-size:49px}.download-copy p{font-size:12px}.setup-card{padding:23px}.setup-heading h3{font-size:16px}.setup-heading>span{display:block}.setup-card li p{font-size:10px}.setup-card details>p{font-size:9px}footer{gap:16px;padding-bottom:25px}footer .brand{font-size:19px}footer>span{font-size:8px;margin-left:auto}footer nav{margin-left:0;gap:20px;font-size:9px}footer>p{font-size:7px;margin-top:0;text-align:left}.alternate-view{padding:18px;min-height:345px}.demo-job{font-size:9px;padding:11px}.demo-job p{font-size:7px}.demo-job button{font-size:7px}.document{padding-top:30px}.document h1{font-size:40px}.document table{font-size:9px}.document th,.document td{padding:8px}.document p,.document li{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep supporting text readable while retaining the softer violet palette. */
.intro>p,.section-header>p,.story-card:not(.ink) p,.format-detail p,.format-detail .format-note,.private p,.download-copy p,.compatibility,.demo-note,.numbers small,.tool-card small{color:#787080}.eyebrow{color:#81778e}.setup-card li p,.setup-card details>p,.setup-card>a{color:#877291}.setup-card li b,.setup-heading h3{color:#75617e}.document p,.document li,.document td{color:#766980}.story-card.ink p{color:#b7acc8}.app-body .tray{max-height:460px;overflow-y:auto}.format-detail .run-button{max-width:100%}
/* Mist Grove: an open, tactile desktop scene, with no dashboard shell. */
:root{--bg:#f3f5f1;--ink:#263d34;--muted:#76867c;--violet:#3f7965;--line:#dee6dd;--lavender:#e7eee6}.header .edition{color:#819083}.hero-top{display:block;text-align:center;padding:48px 0 26px}.intro .eyebrow{justify-content:center;color:#7d9485}.hero h1{font-size:clamp(54px,5.3vw,76px);letter-spacing:-3.6px;line-height:1.05}.hero em{color:#56836e;letter-spacing:-3px}.hero .intro>p{color:#78897d;font-size:13px;line-height:1.9;margin-top:20px}.hero-actions{justify-content:center;gap:20px;margin-top:21px}.hero-actions .compatibility{margin-top:0;color:#8e9b8e}.button.primary{box-shadow:0 4px 12px #3f796510}.button.primary:hover{background:#32624f}.wheel-stage{position:relative;min-height:620px;margin:20px calc((min(1160px,100vw - 96px) - 100vw)/2) 0;isolation:isolate;background:linear-gradient(#f3f5f1,transparent 22%,transparent 76%,#f3f5f1),url('assets/mist-grove.svg') center/cover;overflow:visible}.desktop-top{height:60px;position:relative;z-index:15;display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:0 20px}.desktop-label{font-size:8px;letter-spacing:1.7px;color:#8b9f90}.jobs-chip{background:#f9fcf4b8;border:1px solid #cbdacd;border-radius:20px;padding:9px 13px;font-size:9px;color:#6c8977}.jobs-chip b{font-size:8px;margin-left:5px;font-weight:400}.clipboard-demo{position:absolute;left:50%;top:9px;transform:translateX(-50%)}.widget-toggle{display:flex;gap:9px;align-items:center;background:#fcfff9d9;backdrop-filter:blur(16px);border:1px solid #b9cdbe;border-radius:20px;padding:10px 17px;box-shadow:0 5px 20px #4d765014;white-space:nowrap}.widget-toggle b{font-weight:600;font-size:12px;letter-spacing:-.3px}.widget-toggle>span{font-size:9px;color:#8ba18b}.widget-files{position:absolute;width:310px;top:48px;left:50%;transform:translateX(-50%);background:#fafff7eb;backdrop-filter:blur(18px);border:1px solid #b8d0bf;border-radius:14px;box-shadow:0 15px 40px #365f4022;padding:15px}.widget-files-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:500;padding-bottom:12px}.widget-files button{background:none}.widget-files-heading button{font-size:9px;color:#849e87}.widget-files>p,.widget-empty{font-size:9px;color:#849a85;text-align:center;margin:12px 0 2px}.widget-row{display:flex;align-items:center;border-top:1px solid #dfe9dc;padding:7px 0}.widget-file{font-size:11px;text-align:left;padding:9px 3px;flex:1;cursor:grab;touch-action:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-remove{font-size:14px;color:#91a38c;padding:9px}.desktop-content{height:530px}.sample-tray{position:relative;height:100%;max-width:1100px;margin:auto}.tray-header{position:absolute;bottom:0;left:0;right:0;justify-content:center;gap:16px;color:#7a9582;font-size:8px}.tray-header .sample-label{color:#9fb49b}.files{position:absolute;inset:0;display:block;margin:0}.file{position:absolute;transform:translate(-50%,-50%);width:105px;padding:5px;border:0;background:none;gap:4px}.file.selected{background:none;border:0}.file-art{width:55px;height:65px;font-size:27px;color:#8aab9f;border-color:#ced8d0;background:linear-gradient(135deg,#fffffb,#e4ede5);border-radius:5px 12px 5px 5px;box-shadow:0 4px 12px #2f564023}.file-art:after{font-size:8px;bottom:7px;color:#789185}.file.image .file-art{width:64px;height:52px;border:4px solid #fff;outline:1px solid #b6c8b8;background:linear-gradient(150deg,#c1d5c4,#6b9981 55%,#e0d5ae);margin:6px 0 7px}.file:nth-child(4n+2) .file-art{color:#88a2bb}.file:nth-child(4n+3) .file-art{color:#b4a590}.filename{font-size:11px;max-width:115px;color:#fafff9;text-shadow:0 1px 3px #344f42bd;padding:2px 4px;border-radius:3px}.file.selected .filename{background:#3e7c67;color:white}.file.processing{opacity:.4}.file.result{animation:bloom .25s ease-out}.gesture-hint{position:absolute;top:12%;left:17%;font-family:Georgia,serif;font-size:23px;font-style:italic;transform:rotate(-9deg);color:#6b8d76;pointer-events:none}.gesture-hint span{display:block;text-align:right;font-size:44px;line-height:1.2;margin:4px 15px 0}.scene-key-hint{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;gap:9px;white-space:nowrap}.scene-key-hint kbd{font:9px DM,sans-serif;color:#6e8e77;padding:7px 9px;border:1px solid #c3d5c3;background:#f7fbf0b5;border-radius:5px;box-shadow:0 2px #c2d4bd}.copy-sample{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);background:#fafff4b8;border:1px solid #c1d3c2;border-radius:20px;color:#678a71;padding:9px 15px;font-size:9px}.copy-sample span{margin-left:12px}.desktop-footer{display:flex;justify-content:space-between;max-width:1040px;margin:auto;font-size:8px;color:#889e87;padding:0 15px;position:relative;z-index:2}.alternate-view{position:absolute;top:60px;right:20px;max-height:350px;overflow:auto;width:340px;border:1px solid #bbd1bf;border-radius:13px;background:#fafff8ed;backdrop-filter:blur(15px);z-index:20;padding:17px;min-height:0;box-shadow:0 10px 30px #3d644622}.jobs-heading{display:flex;justify-content:space-between;font-size:11px;align-items:center;margin-bottom:15px}.jobs-heading button{font-size:9px;background:none;color:#90a48e}.demo-job{font-size:10px;border-color:#dce8d8}.demo-job p{font-size:8px;color:#8ca087}.demo-job button{background:#e6eedf;color:#708b67}.demo-note{margin-top:12px;color:#8b9c86}.wheel-explorer{padding-top:30px}.wheel-explorer .mode-tabs{width:fit-content;margin:0 auto 23px;background:#e6ede2;border-color:#dae4d7;padding:5px;gap:6px}.wheel-explorer .mode-tabs button{padding:10px 18px;font-size:11px;color:#7c967b}.wheel-explorer .mode-tabs button[aria-selected=true]{color:#48745b}#inspector-content{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:19px;background:#fffefb;min-height:370px;overflow:hidden}.wheel-copy{padding:55px 50px}.wheel-copy .eyebrow{font-size:9px;text-transform:uppercase;color:#8da287}.wheel-copy h3{white-space:pre-line;font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin-top:20px}.wheel-copy p{font-size:12px;line-height:1.9;color:#8a9b83;margin-top:16px;max-width:310px}.preview-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;background:radial-gradient(ellipse,#eaf1e4,transparent 75%)}.preview-stage svg{width:290px;height:290px;max-width:100%;overflow:visible}.preview-note{font-size:9px;color:#9cad92;margin-top:9px}.petal{fill:#dbe5dccf;stroke:#96ac9860;stroke-width:.8}.segment text{fill:#466952}.segment.active .petal,.segment:hover .petal,.segment:focus .petal{fill:#3f7965;stroke:#477660}.center-disc{fill:#fcfff9e6;stroke:#c5d8c4}.center-text{fill:#6f8f72}.drag-ghost{position:fixed;pointer-events:none;z-index:100;font:10px DM,sans-serif;background:#38735dec;color:#fff;padding:7px 10px;border-radius:5px;box-shadow:0 4px 15px #244a3440}.story-card.lavender{background:#e9efe4;border-color:#dce6d7}.story-card.pale{background:#e9eeeb;border-color:#dce4df}.story-card.ink{background:#263d34;border-color:#263d34}.story-card.ink p{color:#b0c2b3}.numbers b{color:#83a083}.chips span{color:#628568;background:#f3f7ed;border-color:#d6e2cf}.filter-tabs button[aria-selected=true]{background:#304e3e;border-color:#304e3e}.filter-tabs button{color:#859b7e}.tool-card>span{color:#83a17a}.tool-card:hover,.tool-card[aria-expanded=true]{border-color:#9fbc93}.family-list{background:#e9efe4}.family-list button{color:#809a7a}.family-list button[aria-selected=true]{color:#47734b}.format-detail .category-icon{color:#86a57a}.private-symbol{background:#e6efdf;color:#9cb88d;border-color:#cbdcc0}.setup-card{background:#e9f0e2;border-color:#d0dfc5}.document a{color:#4d7c59}.document pre{background:#e7efdf;color:#6e8d64}.format-art>span{color:#73966b;background:#f3f7ec;border-color:#d1dfc6}.format-art .output-chip{background:#789868;border-color:#789868;color:#fff}.timeline-art{filter:hue-rotate(100deg)}.shelf-art{filter:hue-rotate(100deg)}#toast{background:#294b3dec;border-color:#648b71}.hero-aside{display:none}
@media(max-width:1050px){.wheel-stage{margin-inline:calc((100% - 100vw)/2)}.wheel-copy{padding:40px 35px}}@media(max-width:600px){.hero-top{padding-top:28px}.hero h1{font-size:55px;letter-spacing:-2.8px}.hero em{letter-spacing:-2.4px}.hero-actions{flex-direction:column;gap:0}.hero-actions .compatibility{margin-top:12px}.wheel-stage{margin-inline:-16px;min-height:610px;background-size:auto 640px}.desktop-top{padding:0 12px}.desktop-label{display:none}.jobs-chip{margin-left:auto;font-size:7px;padding:8px 10px}.clipboard-demo{left:35%;top:12px}.widget-toggle{padding:9px 13px;gap:7px}.widget-toggle b{font-size:11px}.widget-files{width:285px;left:72%;transform:translateX(-40%)}.desktop-content{height:510px}.gesture-hint{top:11%;left:13%;font-size:19px}.gesture-hint span{font-size:35px}.file{width:90px}.file-art{width:46px;height:56px;font-size:23px}.file.image .file-art{width:52px;height:45px;margin:5px 0 6px}.filename{font-size:9px;max-width:92px}.scene-key-hint{gap:5px;bottom:35px}.scene-key-hint kbd{font-size:7px;padding:6px 7px}.copy-sample{bottom:77px;font-size:8px}.tray-header{font-size:6px;gap:9px}.tray-header .sample-label{display:block;font-size:6px}.desktop-footer{font-size:6px;padding-top:8px;gap:20px}.demo-note{font-size:8px;justify-content:center;text-align:center}.wheel-explorer{padding-top:15px}.wheel-explorer .mode-tabs{width:100%;gap:2px}.wheel-explorer .mode-tabs button{padding:9px 7px;font-size:9px}#inspector-content{grid-template-columns:1fr}.wheel-copy{padding:30px 27px 10px}.wheel-copy h3{font-size:27px}.wheel-copy p{font-size:11px;max-width:100%}.preview-stage{padding:20px}.preview-stage svg{width:270px;height:270px}.alternate-view{width:calc(100% - 24px);right:12px;top:65px;max-height:350px}.widget-files{left:70%;transform:translateX(-40%)}.hero .intro>p{font-size:12px}.numbers{padding-top:30px}.scene-key-hint{z-index:3}}
@media(max-width:360px){.widget-files{left:50%;transform:translateX(-36%);width:275px}.jobs-chip{font-size:6px}.widget-toggle{padding:8px 10px}.preview-stage svg{width:245px;height:245px}}

.wheel-explorer .mode-tabs{min-width:360px}.wheel-explorer .mode-tabs button{white-space:nowrap;flex:auto}.intro .eyebrow{font-size:9px}.tool-detail{background:#e7efe0;border-color:#cadbc2}.tool-detail p{color:#7c9274}.document h1{color:#304f3c}@media(max-width:600px){.wheel-explorer .mode-tabs{min-width:0}.wheel-explorer .mode-tabs button{font-size:8px;padding:10px 5px}}
/* Native widget parity: one expanding neutral panel, with the same header, rows, and footer. */
.clipboard-demo{width:152px;height:36px;border:1px solid #ffffff38;border-radius:15px;background:#414141e8;color:#f3f3f3;backdrop-filter:blur(20px);box-shadow:0 8px 25px #18382b20;transition:width .18s,height .18s}.widget-toggle{position:absolute;top:0;left:0;width:152px;height:36px;justify-content:center;gap:9px;background:none;border:0;border-radius:15px;padding:0;box-shadow:none;backdrop-filter:none;color:inherit}.widget-toggle b{font:600 12px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0}.widget-toggle>span{color:#ddd;font:600 12px -apple-system,BlinkMacSystemFont,sans-serif}.clipboard-demo.expanded{width:380px;height:390px;max-width:calc(100vw - 24px)}.expanded .widget-toggle{left:12px;top:4px;width:190px;height:34px;justify-content:center}.widget-wheel{position:absolute;right:16px;top:4px;width:87px;height:27px;border:0;border-radius:6px;background:#ffffff12;color:#eee;font:500 12px -apple-system,BlinkMacSystemFont,sans-serif}.widget-wheel:disabled{opacity:.4}.widget-files{position:absolute;left:0;top:45px;bottom:0;width:100%;height:auto;transform:none;box-shadow:none;border:0;border-radius:0 0 15px 15px;background:none;backdrop-filter:none;padding:0 9px 42px}.widget-files #widget-list{height:100%;overflow:auto}.widget-row{height:48px;padding:0;border:0}.widget-file{width:100%;height:48px;display:flex;align-items:center;gap:10px;border-radius:5px;padding:5px 8px;color:#f5f5f5;background:none;font-family:-apple-system,BlinkMacSystemFont,sans-serif;outline-offset:-2px}.widget-file.selected{background:#ffffff20}.widget-file-icon{display:grid;place-items:center;width:30px;height:30px;color:#d9ddd9;font-size:25px;flex-shrink:0}.widget-file-text{min-width:0;display:flex;flex-direction:column;gap:4px;text-align:left}.widget-file-text strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-file-text small{font-size:9px;color:#bbb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-empty{margin:85px 32px 0;color:#bbb;font:12px/1.5 -apple-system,BlinkMacSystemFont,sans-serif}.widget-footer{position:absolute;bottom:9px;left:17px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#ccc;font:9px -apple-system,BlinkMacSystemFont,sans-serif}.widget-footer button{font-size:10px;color:#ccc;padding:6px;background:none}.widget-context{position:fixed;z-index:120;width:180px;border:1px solid #ffffff26;border-radius:8px;background:#414141f5;box-shadow:0 6px 20px #0003;padding:5px;color:white}.widget-context button{display:block;width:100%;text-align:left;background:none;border-radius:4px;color:inherit;padding:8px;font-size:11px}.widget-context button:hover{background:#ffffff20}.tool-controls-art{height:155px;margin:0 8px;display:flex;flex-direction:column;justify-content:center;gap:10px;font:10px -apple-system,BlinkMacSystemFont,sans-serif;color:#687b72}.tool-controls-art strong{font-size:12px;font-weight:500;margin-bottom:3px}.tool-controls-art>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-controls-art>div span{min-width:60px;padding:5px 9px;background:#fff;border:1px solid #d5ded7;border-radius:4px;font-family:monospace}.tool-controls-art small{font-size:8px;color:#97a39a}.widget-card-art{height:155px;margin:15px 0 0;padding:10px 12px;border:1px solid #ffffff21;background:#414141d9;border-radius:10px;color:#eee;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.widget-card-art>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.widget-card-art b{font-size:11px;font-weight:500}.widget-card-art>div>span{font-size:9px;padding:4px 7px;background:#ffffff12;border-radius:4px}.widget-card-art p{font-size:10px!important;color:#eee!important;line-height:1.3!important;margin:9px 0!important}.widget-card-art small{display:block;font-size:7px;color:#aaa;margin:3px 0 0 18px}.widget-card-art footer{border:0;padding:7px 0 0;margin:0;display:flex;justify-content:space-between;color:#aaa;font-size:7px;gap:0}.widget-card-art footer>span{margin:0;font-size:7px;color:#aaa}@media(max-width:600px){.clipboard-demo{left:42%;top:12px}.clipboard-demo.expanded{left:50%}.expanded .widget-toggle{left:3px;width:168px}.widget-wheel{right:12px}.widget-footer{font-size:8px;left:12px}.tool-controls-art{grid-column:2;grid-row:2;height:100px;gap:6px;margin:15px 0 0;font-size:8px}.tool-controls-art strong{font-size:10px}.tool-controls-art>div span{min-width:38px;padding:4px}.tool-controls-art small{font-size:6px}.widget-card-art{grid-column:2;grid-row:2;height:110px;margin:15px 0 0;padding:8px}.widget-card-art b{font-size:8px}.widget-card-art>div>span{font-size:6px;padding:3px}.widget-card-art p{font-size:8px!important;margin:6px 0!important}.widget-card-art small{font-size:5px}.widget-card-art footer{font-size:5px;padding-top:1px}.widget-card-art footer>span{font-size:5px}}@media(prefers-reduced-motion:reduce){.clipboard-demo{transition:none}}
.expanded .widget-toggle{top:9px}.widget-wheel{top:12px}.widget-files{top:53px}.widget-file-icon{position:relative;width:24px;height:30px;margin:0 3px;border-radius:2px;background:linear-gradient(135deg,#fff,#e5e5e5);box-shadow:0 1px 3px #0002;font-size:0;color:transparent}.widget-file-icon:after{content:'';position:absolute;right:0;top:0;width:8px;height:8px;background:linear-gradient(45deg,#d6d6d6 50%,#505050 51%);border-radius:0 0 0 2px}

/* Widget and wheel refinements; the page theme and composition stay intact. */
.clipboard-demo{z-index:15}.widget-toggle{cursor:grab;touch-action:none;user-select:none;font-weight:600;letter-spacing:-.3px}.widget-toggle:active{cursor:grabbing}.widget-brand-icon{font-size:18px;color:#bfacff;text-shadow:0 0 12px #b09aff60}.widget-wheel{display:grid;place-items:center;font:500 12px ui-monospace,monospace;color:#d0c8e6;background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;pointer-events:none}.widget-file strong{font-size:12px;font-weight:600;letter-spacing:-.15px}.widget-file-icon{border-radius:10px;background:#ac8fff25;color:#c5afff;display:grid;place-items:center;width:32px;height:32px}.widget-file[data-family=video] .widget-file-icon{background:#5ba9ff25;color:#86bdff}.widget-file[data-family=audio] .widget-file-icon{background:#50ddbb25;color:#7be7ce}.widget-file[data-family=pdf] .widget-file-icon{background:#ff77a925;color:#ff9ac4}.widget-file[data-family=archives] .widget-file-icon{background:#ffbd6b25;color:#ffcd90}.wheel-glyph{font-size:19px!important;font-weight:500}.segment.active .wheel-glyph,.segment:hover .wheel-glyph{fill:white}.wheel-cancel{cursor:pointer}.wheel-cancel:hover .center-disc,.wheel-cancel:focus .center-disc{fill:#51485f}.cancel-cross{fill:#eee8fa;font-size:25px;font-weight:400}.wheel-cancel .center-text{font-size:9px;fill:#c8bfdc}.wheel-cancel:focus-visible{outline:none}.wheel-cancel:focus-visible .center-disc{stroke:#c7b6ff;stroke-width:2}

.widget-file-icon{font-size:22px;box-shadow:none}.widget-file-icon:after{display:none}.widget-file-text strong{font-size:12px;font-weight:600}.widget-toggle .widget-brand-icon{font-size:18px;color:#bfacff}

.vector-icon{width:32px;height:32px;flex-shrink:0;object-fit:contain}.tool-card>.vector-icon{width:36px;height:36px}.wheel-icon{pointer-events:none}.petal{stroke:#dbe5dc;stroke-width:6;stroke-linejoin:round}.segment.active .petal,.segment:hover .petal,.segment:focus .petal{stroke:#3f7965}.clipboard-demo{border-radius:20px}.clipboard-demo .widget-wheel{right:51px;width:74px;background:none;border:0}.widget-settings{position:absolute;right:13px;top:10px;width:28px;height:28px;padding:3px;background:none;border-radius:8px}.widget-settings:hover{background:#ffffff15}.widget-preferences{position:absolute;inset:52px 9px 43px;background:#414141;z-index:3;padding:18px;border-radius:12px;color:#eee}.widget-preferences h3{font-size:15px;margin-bottom:20px}.widget-preferences label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:15px 0}.widget-preferences select{background:#595366;color:#fff;border:1px solid #8a7ba0;border-radius:7px;padding:5px}.widget-preferences p{font-size:11px;line-height:1.6;color:#ccc}.widget-file-icon{background:none!important;border-radius:8px}.widget-brand-icon{width:20px;height:20px;object-fit:contain}.category-icon.vector-icon{width:44px;height:44px}#family-list button .vector-icon{width:27px;height:27px}

.wheel[data-presentation=result]{width:330px;height:340px;pointer-events:auto}.wheel-result{height:100%;padding:21px;border-radius:22px;background:#343539f5;color:#f5f3fb;box-shadow:0 14px 50px #152a2940;display:flex;flex-direction:column;gap:15px;font-size:12px}.result-heading{display:flex;align-items:center;gap:10px}.result-heading strong{flex:1;font-size:15px}.result-heading>button{font-size:22px}.wheel-result button{background:#ffffff10;border-radius:8px;color:inherit;padding:8px 10px}.wheel-result .wheel-output{display:flex;align-items:center;gap:12px;text-align:left;cursor:grab;touch-action:none}.wheel-output span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-state{color:#8ce2c1}.wheel-result small{font-size:10px;color:#bcbcc8;line-height:1.5}.result-disclaimer{margin-top:auto}.result-controls{display:flex;justify-content:space-between;gap:10px}.result-controls button:last-child{background:#7562df}.clipboard-demo.drop-hover{outline:2px solid #a991ff;box-shadow:0 0 20px #a991ff50}

.widget-preferences{overflow:auto}.wheel[data-presentation=tool]{width:min(390px,calc(100vw - 24px));height:min(540px,calc(100vh - 24px))}.demo-tool-form{padding:24px;border-radius:24px;background:#343539fa;color:#f8f6ff;box-shadow:0 15px 50px #17272145;display:flex;flex-direction:column;gap:14px;max-height:100%;overflow:auto;font-size:12px}.demo-tool-form p{font-size:11px;line-height:1.6;color:#c8c3d2}.demo-control-fields{display:grid;gap:12px}.demo-control-fields label{display:flex;gap:14px;justify-content:space-between;align-items:center}.demo-control-fields input,.demo-control-fields select{width:110px;min-width:0;padding:7px;border:1px solid #686174;border-radius:8px;background:#48414f;color:#fff}.demo-tool-form button{padding:8px 12px;border-radius:8px;background:#ffffff15;color:#fff}.demo-tool-form button[type=submit]{background:#7562df}.demo-tool-form small{font-size:10px;color:#bbb}.demo-source-order>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.runtime-note{font-size:11px;line-height:1.8;margin-top:20px;color:var(--muted)}.preview-stage{padding:24px!important}.wheel-result{padding:24px}.petal{stroke-width:5}.wheel[data-presentation=result]{width:min(330px,calc(100vw - 20px))}

.wheel[data-presentation=wheel] .petal{fill:#303037;stroke:#303037}.wheel[data-presentation=wheel] .segment text{fill:#f1eef9}.wheel[data-presentation=wheel] .segment.active .petal,.wheel[data-presentation=wheel] .segment:hover .petal,.wheel[data-presentation=wheel] .segment:focus .petal{fill:#655284;stroke:#655284}.wheel[data-presentation=wheel] .center-disc{fill:#303037}.wheel[data-presentation=wheel] .center-text{fill:#ccc4dc}

.hero-actions{flex-wrap:wrap;gap:12px}.hero-actions .compatibility{flex-basis:100%}.demo-cta{background:#fff9;border:1px solid #66715e45;color:#233a2d}.button{cursor:pointer;font:inherit}.demo-dock{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:9px 13px;display:flex;gap:12px;background:#ffffff70;border:1px solid #ffffff90;border-radius:18px;box-shadow:0 6px 20px #253e2920;pointer-events:none}.demo-dock img{width:30px;height:30px}#clipboard-demo{top:auto;bottom:16px;left:calc(50% + 118px);transform:none;right:auto}#clipboard-demo.expanded{bottom:16px}#purchase-notice{max-width:400px;border:1px solid #c9d4bd;border-radius:26px;padding:30px;color:#233a2d;background:#f4f6ed;box-shadow:0 20px 100px #0003}#purchase-notice::backdrop{background:#14251f70;backdrop-filter:blur(5px)}#purchase-notice p{line-height:1.6}#widget-preferences input[readonly]{width:160px;border:1px solid #89977b60;border-radius:7px;padding:6px;background:#fff;color:#24372d;cursor:pointer}@media(max-width:600px){#clipboard-demo{left:auto;right:12px;bottom:12px}.demo-dock{left:12px;transform:none;gap:5px}.demo-dock img{width:22px;height:22px}.hero-actions .button{font-size:13px}}

/* FloatMe occupies a real Dock item in the app; this strip illustrates it. */
.demo-dock{bottom:15px;left:50%;display:flex;align-items:center;gap:12px;padding:9px 13px;pointer-events:auto;z-index:20;border-radius:19px;background:linear-gradient(150deg,#fff9,#d9e3df80);border:1px solid #fff9;backdrop-filter:blur(20px);box-shadow:0 8px 25px #203c2925}.demo-dock>img{width:38px;height:38px;border-radius:9px}.demo-dock .widget-toggle{position:relative;inset:auto;width:46px;height:46px;padding:0;border:0;background:none;cursor:pointer;overflow:visible;display:block;transform:none}.demo-dock .widget-toggle img{width:44px;height:44px;display:block}.demo-dock .widget-toggle::after{content:'';width:4px;height:4px;background:#365544;position:absolute;bottom:-6px;left:21px;border-radius:50%}.demo-dock #shelf-count{position:absolute;right:-5px;top:-5px;background:#d55855;color:#fff;font:600 10px system-ui;border-radius:20px;padding:2px 5px;min-width:16px}.demo-dock #shelf-count:empty{display:none}#clipboard-demo,#clipboard-demo.expanded{position:absolute;left:50%;top:auto;right:auto;bottom:90px;transform:translateX(-50%);width:380px;height:390px;z-index:21;border-radius:20px}#clipboard-demo[hidden]{display:none!important}.tray-close{position:absolute;left:16px;top:13px;color:#eee;background:none;border:0;font:600 13px system-ui;cursor:pointer}.tray-close span{margin-left:12px;color:#bbb}.selection-guide{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);font-size:13px;color:#315c48;white-space:nowrap}.press-shortcut{position:absolute;left:50%;bottom:108px;transform:translateX(-50%);border:1px solid #b7c9b8;border-radius:10px;background:#fbfff2ee;padding:9px 17px;color:#294b3a;font:600 13px inherit;cursor:pointer}.available-options{display:flex;flex-wrap:wrap;align-content:center;gap:10px;padding:30px;max-width:440px}.available-options span{border:1px solid #dfe8db;padding:9px 13px;border-radius:9px;background:#f7faf3;color:#44624d;font-size:12px}.wheel-copy>.vector-icon{margin-bottom:15px}#inspector-content{min-height:235px}.sample-label{letter-spacing:1px}.demo-note{font-size:12px}.hero-actions .button{font-size:14px}.widget-card-art{border-radius:18px}.story-card.ink .widget-card-art::after{content:'FloatMe in the macOS Dock';display:block;font-size:8px;margin-top:6px;color:#b5c4bb}@media(max-width:600px){.demo-dock{left:50%;gap:9px;padding:8px 12px;transform:translateX(-50%)}.demo-dock>img{width:28px;height:28px}.demo-dock .widget-toggle{width:38px;height:38px}.demo-dock .widget-toggle img{width:36px;height:36px}#clipboard-demo,#clipboard-demo.expanded{left:50%;right:auto;width:calc(100% - 24px);max-width:380px;transform:translateX(-50%)}.available-options{padding:20px}.selection-guide{bottom:135px}.press-shortcut{bottom:94px}}

.selection-guide{max-width:calc(100% - 24px);white-space:normal;text-align:center}.press-shortcut{max-width:calc(100% - 24px)}

.shortcut-key-art{align-self:center;justify-self:center;display:flex;flex-direction:column;justify-content:space-between;width:130px;height:120px;padding:20px;background:linear-gradient(#fafff4,#e9efe4);border:1px solid #c8d5c1;border-bottom:6px solid #c0d0b7;border-radius:19px;box-shadow:0 10px 25px #3958380d;color:#58794b}.shortcut-key-art>span{font:38px system-ui}.shortcut-key-art>kbd{font:12px system-ui}@media(max-width:600px){.shortcut-key-art{margin:18px 0 26px;width:100px;height:90px;padding:14px}.shortcut-key-art>span{font-size:28px}}

/* Finder window and separate FloatMe shelves, confined to the try area. */
#workspace{background:radial-gradient(ellipse at 10% 12%,#f4bfbb 0,transparent 42%),radial-gradient(ellipse at 90% 90%,#244b91 0,transparent 55%),linear-gradient(130deg,#abbde5,#8396cb 50%,#c2a8d5);min-height:690px;color:#30313b;isolation:isolate}
#workspace::before,#workspace::after{display:none}#workspace .desktop-top{height:36px;min-height:36px;background:#ffffff38;border-bottom:1px solid #fff4;padding:0 20px;align-items:center}#workspace .desktop-label{color:#25334c;letter-spacing:0;font:500 11px system-ui}
#workspace .desktop-content{position:absolute;inset:65px 35px 110px;display:block;padding:0}#workspace .sample-tray{position:relative;inset:auto;width:100%;height:100%;background:#f7f7faee;border:1px solid #ffffffb0;border-radius:13px;box-shadow:0 18px 55px #29335130;overflow:hidden;padding:0 0 0 155px}
.finder-titlebar{height:49px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#e6e7ec;border-bottom:1px solid #0001;font:500 12px system-ui;margin-left:-155px}.finder-titlebar>span:last-child{color:#9396a3}.traffic-lights{display:flex;gap:8px}.traffic-lights i{width:11px;height:11px;border-radius:50%;background:#ff6057;box-shadow:inset 0 0 0 1px #0001}.traffic-lights i:nth-child(2){background:#febc2e}.traffic-lights i:nth-child(3){background:#28c840}
.finder-sidebar{position:absolute;left:0;top:49px;bottom:0;width:155px;background:#e6e7f0b0;border-right:1px solid #0001;padding:16px 10px;display:flex;flex-direction:column;gap:7px;font:11px system-ui}.finder-sidebar small{font-size:9px;color:#777d8e;padding:4px 8px}.finder-sidebar span{padding:7px 9px;color:#5a6072}.finder-sidebar .active{background:#cfd4e4;border-radius:6px;color:#2a3552}#workspace .tray-header{position:static;padding:16px 20px 8px;color:#737b90;font-size:9px}#workspace .files{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:20px 12px;padding:15px 18px;height:auto;min-height:260px}
#workspace .file{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;padding:8px 2px;border-radius:8px;background:transparent;touch-action:none}#workspace .file.selected{background:#748fc533;outline:1px solid #6f8fca66}#workspace .filename{color:#353c50;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:11px system-ui;text-shadow:none;background:none}#workspace .file-art{width:46px;height:55px;font-size:26px;box-shadow:0 3px 10px #28334d13}#workspace .file.image .file-art{background:linear-gradient(140deg,#efc4bd,#879ebf 55%,#3a506f);border:4px solid white}#workspace .gesture-hint{display:none}#workspace .selection-guide{bottom:62px;color:#5c6680;font:12px system-ui}#workspace .press-shortcut{bottom:17px;background:#fff;color:#415883;border-color:#cdd2df}#workspace .scene-key-hint{display:none}#workspace .copy-sample{position:absolute;bottom:15px;right:16px;left:auto;transform:none;color:#586480;font:11px system-ui;background:none}#workspace .quick-look{position:absolute;bottom:17px;left:170px;padding:8px 10px;color:#586480;background:#fff;border:1px solid #d2d6e1;border-radius:7px;font:11px system-ui;cursor:pointer}.quick-look span{margin-left:8px;color:#9299a9;font-size:9px}
#workspace .mac-dock-group{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:20;max-width:calc(100% - 24px)}#workspace .demo-dock{position:static;transform:none;gap:11px;padding:9px 12px;flex-shrink:0;background:#ffffff45;border-color:#ffffff70;box-shadow:0 8px 20px #2a3a5c25}#workspace .demo-dock>img{width:38px;height:38px}.dock-shelf{height:58px;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;background:#ffffff45;border:1px solid #ffffff70;border-radius:17px;backdrop-filter:blur(18px);box-shadow:0 8px 20px #2a3a5c25;flex-shrink:0}.dock-shelf-right{min-width:58px;font:9px system-ui;color:#3e4b67}.dock-shelf .widget-toggle{position:relative;inset:auto;transform:none;width:42px;height:42px;padding:0;background:none;border:0;display:block;overflow:visible}.dock-shelf .widget-toggle img{width:42px;height:42px}.dock-shelf #shelf-count{position:absolute;right:-3px;top:-4px;padding:2px 5px;border-radius:12px;background:#db6474;color:#fff;font:600 9px system-ui}.dock-file{background:transparent;border:0;padding:2px;cursor:grab;touch-action:none}.dock-file img{width:34px;height:34px}#workspace .desktop-footer{bottom:0;background:#ffffff25;color:#34415f;font-size:9px}#workspace #clipboard-demo{bottom:93px}#workspace .jobs-chip{font-size:10px;color:#34415f;background:#ffffff50}
.file-quick-look{width:min(660px,calc(100vw - 28px));max-height:85vh;border:1px solid #fff5;background:#f6f6f8;color:#343c50;border-radius:16px;padding:0;box-shadow:0 25px 100px #0d122d60;overflow:auto}.file-quick-look::backdrop{background:#18223b65;backdrop-filter:blur(5px)}.quick-look-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#e5e7ed;border-bottom:1px solid #0001;font:500 13px system-ui}.quick-look-bar strong{flex:1}.quick-look-bar button{border:0;background:transparent;font-size:24px;color:#61697c;cursor:pointer}.quick-look-content{padding:38px;min-height:240px;line-height:1.8}.quick-look-content.images{padding:0}.preview-picture svg{display:block;width:100%;height:auto}.quick-look-content.video video{width:100%;border-radius:8px}.quick-look-content.audio{display:grid;place-items:center}.quick-look-content audio{max-width:100%}.quick-look-content table{border-collapse:collapse;width:100%;font:13px system-ui}.quick-look-content td{padding:12px;border:1px solid #d6dbe6}.quick-look-content tr:first-child{background:#dce4f4}.quick-look-content small{color:#929bad;letter-spacing:1px;font-size:10px}.preview-caption{font:10px system-ui;color:#7a8498;padding:0 20px 18px}.story-card.ink .widget-card-art::after{content:'FloatMe beside the macOS Dock'}
@media(max-width:700px){#workspace{min-height:740px}#workspace .desktop-content{inset:60px 12px 112px}#workspace .sample-tray{padding-left:0}.finder-sidebar{display:none}.finder-titlebar{margin-left:0}#workspace .files{gap:15px 6px;padding:14px 8px}#workspace .tray-header{font-size:8px;padding:16px 10px}#workspace .quick-look{left:14px;bottom:21px;font-size:10px}#workspace .quick-look span{display:none}#workspace .copy-sample{font-size:9px;right:10px;bottom:21px;max-width:90px}#workspace .press-shortcut{bottom:15px;padding:8px 10px;font-size:11px}#workspace .selection-guide{bottom:68px;font-size:11px}#workspace .mac-dock-group{gap:6px}#workspace .demo-dock{gap:7px;padding:8px}#workspace .demo-dock>img{width:27px;height:27px}.dock-shelf{height:45px;border-radius:13px;padding:5px}.dock-shelf .widget-toggle,.dock-shelf .widget-toggle img{width:33px;height:33px}.dock-shelf-right{min-width:43px;max-width:82px;overflow:hidden}.dock-file img{width:26px;height:26px}#workspace .desktop-label{font-size:8px}#workspace .jobs-chip{font-size:9px}.quick-look-content{padding:22px}}

/* Collected files scroll in one horizontal row, with a persistent selected preview. */
.widget-files #widget-list{position:absolute;top:0;left:23px;right:23px;height:120px;max-height:none;display:flex;align-items:center;gap:5px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 0 8px}
#widget-list .widget-row{flex:0 0 103px;height:108px;border:0;padding:0;scroll-snap-align:start}#widget-list .widget-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:103px;height:108px;padding:6px;border-radius:10px;white-space:normal}#widget-list .widget-file.selected{background:#9284cb50;outline:1px solid #b5a5ef60}#widget-list .widget-file-text{display:block;max-width:100%;overflow:hidden}#widget-list .widget-file-text strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px}#widget-list .widget-file-text small{display:none}
.file-thumbnail{display:inline-flex;position:relative;align-items:center;justify-content:center;width:72px;height:65px;overflow:hidden;border-radius:5px;flex-shrink:0}.file-thumbnail>img{width:100%;height:100%;object-fit:cover;display:block}.file-thumbnail.folder>img,.file-thumbnail.archives>img{object-fit:contain;padding:8px}.thumb-play{position:absolute;color:white;text-shadow:0 1px 8px #000;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px}.thumb-wave{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:90%;background:linear-gradient(135deg,#d6c4ef,#aea3d9);border-radius:6px;padding:4px}.thumb-wave i{width:2px;background:#615497;border-radius:3px}.thumb-page{width:75%;height:95%;background:#fffcf7;box-shadow:0 2px 6px #0003;padding:8px;color:#5c6379;text-align:left}.thumb-page b{display:block;font:600 6px/1.5 system-ui;margin-bottom:6px}.thumb-page i{display:block;height:2px;background:#c7cdd8;margin:4px 0}.thumb-page i:last-child{width:65%}.spreadsheets .thumb-page i{height:5px;background:repeating-linear-gradient(90deg,#b3d3c6 0 8px,#eaf1ed 8px 10px)}.pdf .thumb-page{border-top:3px solid #df8b9b}.slides .thumb-page{border-top:3px solid #d2ac6d}.documents .thumb-page{border-top:3px solid #8baedb}
.carousel-nav{position:absolute;inset:0;pointer-events:none;height:120px;display:flex;align-items:center;justify-content:space-between;z-index:1}.carousel-nav button{pointer-events:auto;width:22px;height:30px;border:0;border-radius:6px;color:#dbd7ec;background:#ffffff10;font-size:23px;cursor:pointer}.widget-preview{position:absolute;top:125px;bottom:39px;left:8px;right:8px;border-radius:12px;background:#ffffff08;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;gap:7px;padding:10px}.widget-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;color:#efecf8;font-size:10px}.widget-preview-heading strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.widget-preview-heading button{flex-shrink:0;font:10px system-ui;border:0;background:none;color:#c9bee8;cursor:pointer}.widget-preview-heading button:disabled{opacity:.4;cursor:default}.widget-preview .large-thumbnail{height:85px;width:140px;flex-shrink:1;min-height:20px}.widget-preview .large-thumbnail.images{width:210px}.widget-preview video{max-height:109px;width:100%;object-fit:contain;min-height:35px}.widget-preview audio{width:100%;height:34px}.widget-preview-path{font:8px system-ui;color:#aaa3b9;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-preview-empty{font:11px system-ui;color:#b8b2c7}.widget-preview-excerpt{font:9px/1.5 system-ui;color:#c6bfd6;text-align:center;margin:0;max-width:260px}
#workspace .dock-shelf-right{max-width:138px;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:thin;scroll-snap-type:x proximity}.dock-file{flex:0 0 39px;scroll-snap-align:start;padding:2px}.dock-file .file-thumbnail{width:34px;height:36px;border-radius:4px}.dock-file .file-thumbnail>img{width:100%;height:100%}.dock-file .thumb-page{padding:4px}.dock-file .thumb-page b{font-size:3px;margin-bottom:2px}.dock-file .thumb-page i{height:1px;margin:2px 0}.dock-file .thumb-play{font-size:12px}.dock-position-control{position:absolute;right:135px;top:8px;display:flex;align-items:center;gap:5px;color:#34415f;font:10px system-ui}.dock-position-control select{font:10px system-ui;color:#34415f;border:1px solid #fff7;border-radius:5px;background:#ffffff50;padding:1px 3px}
#workspace[data-dock-position=left] .mac-dock-group,#workspace[data-dock-position=right] .mac-dock-group{flex-direction:column-reverse;left:12px;bottom:auto;top:50%;transform:translateY(-50%);max-width:65px;gap:6px}
#workspace[data-dock-position=right] .mac-dock-group{left:auto;right:12px}#workspace[data-dock-position=left] .demo-dock,#workspace[data-dock-position=right] .demo-dock{flex-direction:column;gap:10px;padding:9px}#workspace[data-dock-position=left] .dock-shelf,#workspace[data-dock-position=right] .dock-shelf{width:58px;height:auto;min-height:58px}#workspace[data-dock-position=left] .dock-shelf-right,#workspace[data-dock-position=right] .dock-shelf-right{flex-direction:column;max-height:140px;overflow-x:hidden;overflow-y:auto}#workspace[data-dock-position=left] .desktop-content{left:88px;right:20px}#workspace[data-dock-position=right] .desktop-content{right:88px;left:20px}
@media(max-width:700px){#workspace .dock-shelf-right{max-width:82px}.dock-position-control{right:91px;font-size:8px;top:9px}.dock-position-control select{font-size:8px;max-width:60px}.dock-file{flex-basis:31px}.dock-file .file-thumbnail{width:26px;height:29px}#workspace[data-dock-position=left] .mac-dock-group{left:7px}#workspace[data-dock-position=right] .mac-dock-group{right:7px}#workspace[data-dock-position=left] .desktop-content{left:65px;right:10px}#workspace[data-dock-position=right] .desktop-content{right:65px;left:10px}#workspace[data-dock-position=left] .dock-shelf,#workspace[data-dock-position=right] .dock-shelf{width:43px;min-height:43px}#workspace[data-dock-position=left] .demo-dock,#workspace[data-dock-position=right] .demo-dock{gap:8px;padding:7px}#workspace[data-dock-position=left] .quick-look,#workspace[data-dock-position=right] .quick-look{left:7px}#workspace[data-dock-position=left] .copy-sample,#workspace[data-dock-position=right] .copy-sample{display:none}}

.widget-card-art .story-carousel{display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 0}.widget-card-art .story-carousel img{width:37px;height:36px;object-fit:contain;border-radius:4px}.widget-card-art .story-carousel img:first-child{object-fit:cover;outline:2px solid #c8b5ff;outline-offset:3px}.widget-card-art .story-file-preview{display:block;width:115px;height:53px;object-fit:cover;margin:0 auto 8px;border-radius:4px}

/* Shelf spacing, one preview size, and OS-style fullscreen reveal. */
#workspace .dock-shelf{padding:8px;min-height:62px;box-sizing:border-box}.dock-empty-hint{display:none;font:9px system-ui;white-space:nowrap}.dock-shelf-left.empty{flex-direction:column;gap:2px}.dock-shelf-left.empty .dock-empty-hint{display:block}.dock-shelf-left.empty .widget-toggle,.dock-shelf-left.empty .widget-toggle img{width:30px;height:30px}.dock-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:nowrap;font:9px system-ui}.dock-empty-state .vector-icon{width:27px;height:27px}#workspace .dock-shelf-right:has(.dock-empty-state){justify-content:center;min-width:62px}.dock-shelf-left,.dock-empty-state{cursor:pointer}.dock-shelf-left:focus-visible,#dock-collected:focus-visible{outline:2px solid #b7a0ef;outline-offset:3px}
.file-thumbnail{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff10}.widget-file .file-thumbnail{width:72px;height:65px}.widget-preview{gap:8px}.widget-preview .large-thumbnail,.widget-preview .large-thumbnail.images{width:100%;height:110px;min-height:110px;max-height:110px;border-radius:7px;background:#ffffff0a}.widget-preview .large-thumbnail>img{object-fit:contain}.widget-preview .large-thumbnail .thumb-page{width:80px}.widget-preview .large-thumbnail .thumb-wave{width:180px;max-width:90%}.widget-preview video{width:100%;height:110px;min-height:110px;max-height:110px;object-fit:contain;background:#ffffff0a;border-radius:7px}.widget-preview audio{min-height:110px;height:110px;max-height:110px;border-radius:7px;background:#ffffff0a}.widget-preview-excerpt{display:none}.file-quick-look{width:min(660px,calc(100vw - 28px));height:min(490px,85vh);overflow:hidden;display:none;flex-direction:column}.file-quick-look[open]{display:flex}.quick-look-content{height:340px;min-height:0;flex:1;overflow:auto}.quick-look-content.images{display:grid;place-items:center;background:#e8eaf0}.preview-picture{width:100%;height:100%;min-height:0;display:grid;place-items:center}.preview-picture svg{height:100%;max-height:100%;width:100%;object-fit:contain}.quick-look-content.video{display:grid;place-items:center}.quick-look-content.video video{width:100%;height:100%;max-height:300px;object-fit:contain}.preview-caption{padding:12px 20px;margin:0;flex-shrink:0}
.mac-fullscreen-control{position:absolute;right:235px;top:7px;background:#ffffff50;border:1px solid #fff5;border-radius:5px;color:#34415f;font:10px system-ui;padding:3px 7px}.dock-edge-reveal{display:none;position:absolute;bottom:0;left:0;right:0;height:5px;z-index:25}.mac-dock-group{transition:opacity .18s ease,transform .18s ease}#workspace.mac-fullscreen .desktop-content{inset:36px 0 0}#workspace.mac-fullscreen .sample-tray{border-radius:0;border:0;box-shadow:none}#workspace.mac-fullscreen .mac-dock-group{opacity:0;pointer-events:none;transform:translate(-50%,110px)}#workspace.mac-fullscreen .dock-edge-reveal{display:block}#workspace.mac-fullscreen.dock-revealed .mac-dock-group{opacity:1;pointer-events:auto;transform:translateX(-50%)}#workspace.mac-fullscreen[data-dock-position=left] .mac-dock-group{transform:translate(-120%,-50%)}#workspace.mac-fullscreen[data-dock-position=right] .mac-dock-group{transform:translate(120%,-50%)}#workspace.mac-fullscreen.dock-revealed[data-dock-position=left] .mac-dock-group,#workspace.mac-fullscreen.dock-revealed[data-dock-position=right] .mac-dock-group{transform:translateY(-50%)}#workspace.mac-fullscreen[data-dock-position=left] .dock-edge-reveal{left:0;right:auto;top:36px;bottom:0;width:5px;height:auto}#workspace.mac-fullscreen[data-dock-position=right] .dock-edge-reveal{right:0;left:auto;top:36px;bottom:0;width:5px;height:auto}#workspace .desktop-label{max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-control{display:inline-flex;gap:6px;align-items:center;font:10px system-ui;color:var(--muted)}.theme-control select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:6px 5px;cursor:pointer;max-width:80px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg:#151d1a;--ink:#e4ebe5;--muted:#a2b5a9;--violet:#8ec8ad;--line:#34473c;--lavender:#24372c}
[data-theme=dark] .header nav,[data-theme=dark] .hero p,[data-theme=dark] .intro p,[data-theme=dark] .section-header p,[data-theme=dark] .compatibility,[data-theme=dark] .eyebrow,[data-theme=dark] .numbers span,[data-theme=dark] .story-card p,[data-theme=dark] .document p,[data-theme=dark] .document li{color:#a9bcb0}[data-theme=dark] .brand,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] .numbers b{color:#e0ece3}[data-theme=dark] .button.primary,[data-theme=dark] .button.dark{background:#386b56;color:#f2f7f1}[data-theme=dark] .demo-cta{color:#cee4d5;background:#243b2d;border-color:#405d49}[data-theme=dark] .tool-card,[data-theme=dark] #inspector-content,[data-theme=dark] .format-browser,[data-theme=dark] .format-detail,[data-theme=dark] .setup-card,[data-theme=dark] .tool-detail,[data-theme=dark] .available-options span,[data-theme=dark] .story-card.lavender,[data-theme=dark] .story-card.pale{background:#203028;color:#e0ece3;border-color:#3b5042}[data-theme=dark] .tool-card b,[data-theme=dark] .tool-card h3,[data-theme=dark] .tool-card strong,[data-theme=dark] .format-detail p,[data-theme=dark] .setup-card p,[data-theme=dark] .tool-detail p{color:#bfd0c4}[data-theme=dark] .chips span,[data-theme=dark] .output-chip,[data-theme=dark] .format-art>span,[data-theme=dark] .family-list,[data-theme=dark] .filter-tabs button,[data-theme=dark] .mode-tabs,[data-theme=dark] .tool-controls-art{background:#2b4234;color:#c8dfd0;border-color:#49664f}[data-theme=dark] .family-list button[aria-selected=true],[data-theme=dark] .mode-tabs button[aria-selected=true]{background:#3b5544;color:#f0f7ed}[data-theme=dark] .shortcut-key-art{background:linear-gradient(#334e3b,#253c2e);color:#c0dbbf;border-color:#49684c}[data-theme=dark] .search,[data-theme=dark] .search input{background:#203028;color:#dfebe3;border-color:#3b5042}[data-theme=dark] .document td,[data-theme=dark] .document th{border-color:#3b5042}[data-theme=dark] .document th{background:#24372b}
[data-theme=dark] #workspace{background:radial-gradient(ellipse at 15% 20%,#67465d,transparent 50%),linear-gradient(125deg,#26385d,#172540 70%,#3a3150);color:#dae0eb}[data-theme=dark] #workspace .desktop-top{background:#151b2d88}[data-theme=dark] #workspace .desktop-label,[data-theme=dark] #workspace .jobs-chip,[data-theme=dark] .dock-position-control,[data-theme=dark] .dock-position-control select,[data-theme=dark] .mac-fullscreen-control{color:#d6dfed;background-color:#18253670}[data-theme=dark] #workspace .sample-tray{background:#262a35f2;border-color:#686f8050}[data-theme=dark] .finder-titlebar{background:#343946;color:#e1e6ee;border-color:#0003}[data-theme=dark] .finder-sidebar{background:#222a3b;border-color:#ffffff0d}[data-theme=dark] .finder-sidebar span{color:#bdc7db}[data-theme=dark] .finder-sidebar .active{background:#46526d;color:#edf2ff}[data-theme=dark] #workspace .filename,[data-theme=dark] #workspace .tray-header,[data-theme=dark] #workspace .selection-guide{color:#c1cbe0}[data-theme=dark] #workspace .quick-look,[data-theme=dark] #workspace .press-shortcut{background:#38445b;color:#e3ebfb;border-color:#59667d}[data-theme=dark] #workspace .copy-sample{color:#c5d3e9}[data-theme=dark] #workspace .demo-dock,[data-theme=dark] #workspace .dock-shelf{background:#222c3eaa;border-color:#93a6c54a}[data-theme=dark] .dock-empty-state,[data-theme=dark] .dock-empty-hint{color:#d7dfed}[data-theme=dark] .file-quick-look{background:#222b36;color:#e2e9ef;border-color:#516172}[data-theme=dark] .quick-look-bar{background:#313e4d;color:#e7eef3}[data-theme=dark] .quick-look-content.images{background:#1a2330}[data-theme=dark] .quick-look-content td{border-color:#4b5b6c}[data-theme=dark] .quick-look-content tr:first-child{background:#314a48}
[data-theme=light] #clipboard-demo{background:#eff0f4f5;color:#303547;border-color:#a8b0bd80}[data-theme=light] .tray-close,[data-theme=light] .widget-file,[data-theme=light] .widget-preview-heading,[data-theme=light] .widget-footer,[data-theme=light] .widget-shortcut,[data-theme=light] .widget-empty,[data-theme=light] .widget-preview-empty{color:#34415a}[data-theme=light] .widget-preview{background:#d4dae66b}[data-theme=light] .widget-preview-heading button,[data-theme=light] .widget-preview-path{color:#546783}[data-theme=light] .carousel-nav button{color:#576580;background:#c9cdd980}[data-theme=light] .widget-preferences{background:#e4e7ef;color:#34415a}[data-theme=light] .widget-preferences input,[data-theme=light] .widget-preferences select{background:#fff;color:#34415a}[data-theme=light] .wheel[data-presentation=wheel] .petal,[data-theme=light] .wheel[data-presentation=wheel] .center-disc{fill:#f0f0f5;stroke:#f0f0f5}[data-theme=light] .wheel[data-presentation=wheel] .segment text,[data-theme=light] .wheel[data-presentation=wheel] .center-text{fill:#34415a}[data-theme=light] .wheel[data-presentation=wheel] .segment:hover .petal,[data-theme=light] .wheel[data-presentation=wheel] .segment.active .petal{fill:#c5b6e7;stroke:#c5b6e7}[data-theme=light] .wheel-result,[data-theme=light] .demo-tool-form{background:#eff0f5fa;color:#30384b}[data-theme=light] .wheel-result small,[data-theme=light] .demo-tool-form small,[data-theme=light] .demo-tool-form p{color:#5b6880}[data-theme=light] .wheel-result .result-state{color:#356b57}[data-theme=light] .demo-tool-form input,[data-theme=light] .demo-tool-form select{background:#fff;color:#30384b;border-color:#b6bdd0}
@media(max-width:700px){#workspace .dock-shelf{padding:6px;min-height:51px}.dock-shelf-left.empty .widget-toggle,.dock-shelf-left.empty .widget-toggle img{width:24px;height:24px}.dock-empty-hint,.dock-empty-state{font-size:8px}.dock-empty-state .vector-icon{width:23px;height:23px}#workspace .dock-shelf-right:has(.dock-empty-state){min-width:51px}.mac-fullscreen-control{right:166px;top:9px;font-size:8px;padding:2px 4px}#workspace .desktop-label{max-width:25%}.theme-control{font-size:0;gap:0}.theme-control select{font-size:9px;padding:4px 2px;max-width:58px}.header nav{gap:6px}.header nav>a{font-size:8px}.header .brand{font-size:17px;gap:5px}.header .brand img{width:25px;height:25px}.header .button.small{font-size:8px;padding:8px;gap:4px}.widget-preview .large-thumbnail,.widget-preview .large-thumbnail.images,.widget-preview audio,.widget-preview video{height:100px;min-height:100px;max-height:100px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
[data-theme=dark] em,[data-theme=dark] .hero em,[data-theme=dark] .download-copy em{color:#9acdb2}[data-theme=dark] .tool-card small,[data-theme=dark] .format-note,[data-theme=dark] .private p,[data-theme=dark] .download-copy p,[data-theme=dark] .demo-note,[data-theme=dark] .wheel-copy p,[data-theme=dark] .numbers small,[data-theme=dark] footer{color:#b1c5b6}[data-theme=dark] .tool-controls-art>div span{background:#192b21;color:#d5e9da;border-color:#496b56}[data-theme=light] #widget-shortcut,[data-theme=light] .widget-footer button,[data-theme=light] .wheel .cancel-cross{color:#34415a;fill:#34415a}

/* A single left-side file shelf; five recent thumbnails and the collection total. */
#workspace .dock-shelf-left{flex-direction:row;gap:4px;min-width:62px;max-width:270px;height:62px;overflow:hidden;justify-content:flex-start;padding:8px}#workspace .dock-shelf-left.empty{justify-content:center;flex-direction:row}#workspace .dock-shelf-left .dock-file{flex:0 1 38px;min-width:22px;max-width:38px;padding:2px}#workspace .dock-shelf-left .file-thumbnail{width:100%;height:36px}.dock-total{flex-shrink:0;min-width:37px;height:36px;border:0;border-radius:9px;background:#9c85d51f;color:#7251ad;font:600 12px system-ui;cursor:pointer}#workspace[data-dock-position=left] .dock-shelf-left,#workspace[data-dock-position=right] .dock-shelf-left{flex-direction:column;width:58px;max-height:270px;height:auto}#workspace[data-dock-position=left] .dock-file,#workspace[data-dock-position=right] .dock-file{flex:0 0 38px;width:36px}#workspace[data-dock-position=left] .dock-total,#workspace[data-dock-position=right] .dock-total{height:34px;min-height:34px}.dock-total:focus-visible{outline:2px solid #ad94df;outline-offset:1px}
#clipboard-demo{border-radius:22px!important}.tray-close{left:20px;top:16px;font:600 16px system-ui;letter-spacing:-.4px;display:flex;align-items:center;gap:8px}.tray-close span{font-size:19px;font-weight:400;margin-left:12px}.tray-file-count{position:absolute;left:21px;top:44px;font:500 9px system-ui;color:#9d94b0;letter-spacing:.4px}.widget-files{top:68px}.widget-preview{top:121px;bottom:45px;padding:12px;border:1px solid #ffffff0d}.widget-preview-heading{font:500 11px system-ui}.widget-preview-heading button{font:500 10px system-ui}.widget-footer{font-family:system-ui}.widget-file-text strong{font-weight:500}.widget-settings{top:16px}.carousel-nav button{border-radius:8px}.widget-preview-path{font:9px system-ui}[data-theme=dark] .dock-total{color:#d2bafa;background:#b49ae726}[data-theme=light] .tray-file-count{color:#64748b}
@media(max-width:700px){#workspace .mac-dock-group{gap:7px;max-width:calc(100% - 14px)}#workspace .dock-shelf-left{max-width:174px;min-width:46px;height:51px;padding:6px;gap:2px}#workspace .dock-shelf-left .dock-file{flex-basis:26px;min-width:15px}.dock-total{min-width:27px;padding:0 3px;font-size:10px}#workspace .dock-shelf-left .file-thumbnail{height:29px}#workspace .demo-dock{gap:5px;padding:8px}#workspace .demo-dock>img{width:24px;height:24px}#workspace[data-dock-position=left] .dock-shelf-left,#workspace[data-dock-position=right] .dock-shelf-left{width:43px;max-height:220px}#workspace[data-dock-position=left] .dock-file,#workspace[data-dock-position=right] .dock-file{flex-basis:29px;width:27px}.tray-file-count{font-size:8px}}

/* Keep the footer discovery links readable on narrow screens. */
body>footer nav{flex-wrap:wrap}