:root{color-scheme:dark}body{margin:0;background:#172219}main{max-width:1320px;margin:auto;padding:0 22px 32px}.app-nav{max-width:1320px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.app-nav .brand{display:flex;align-items:center;gap:10px;font-size:24px}.app-nav nav{display:flex;gap:22px;font-size:13px}.live-intro{padding:0!important}.live-title h2{font-size:clamp(22px,3vw,38px)}.desktop{width:100%}.demo-stage{min-height:380px;touch-action:none}.desktop-toolbar{flex-wrap:wrap}.desktop-tabs{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:thin}.desktop-tabs button{white-space:nowrap;flex-shrink:0;min-height:40px}.keystrip{flex-wrap:wrap}.web-info{padding:28px 4px;max-width:900px;line-height:1.7;color:#bec5b7}.web-info h2{color:#f2ecd6}.web-info a{color:#eac575}.file-preview img{object-fit:contain!important}.demo-dialog{max-width:min(1100px,96vw);max-height:94dvh}.editor-controls input,.editor-controls select{max-width:100%;min-height:40px}.canvas-wrap{touch-action:none}.canvas-wrap canvas{max-height:62vh;object-fit:contain}.library-item a,.utility-button,.export-button{min-height:42px}.web-processing{position:fixed;z-index:10000;inset:auto 20px 20px;background:#223128;color:#f4e9cb;padding:16px 20px;box-shadow:0 12px 60px #0009;border:1px solid #d0af54;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.web-processing button{min-height:42px;border:1px solid #ffffff40;background:transparent;border-radius:8px;color:inherit;padding:8px 18px}.web-processing progress{max-width:180px}.tool-grid article{min-width:0}.paper-page canvas{max-width:100%;max-height:130px;object-fit:contain}.desktop-title{margin-right:auto}.sample-format-row{display:none!important}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #f0c862;outline-offset:3px}
@media(max-width:1024px){main{padding:0 12px 24px}.app-nav{padding:14px 16px}.app-nav nav{gap:12px}.desktop-toolbar{gap:8px;padding:12px!important}.desktop-title{width:calc(100% - 80px)}.demo-stage{min-height:380px}.editor-body{grid-template-columns:minmax(0,1fr)!important}.editor-controls{max-height:35vh;overflow-y:auto}.editor-header{padding:14px!important}.editor-header h2{font-size:20px}.editor-footer{flex-wrap:wrap;padding:12px!important;gap:8px}.editor-footer small{max-width:50%}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-dialog{width:calc(100% - 20px)}.canvas-wrap canvas{max-height:40dvh}}
@media(max-width:600px){.app-nav nav{font-size:11px}.app-nav .brand{font-size:20px}.live-title{display:block!important}.live-title .live-label{display:inline-block;margin:8px 0}.demo-stage{min-height:360px}.window-dots{display:none!important}.desktop-title{font-size:12px}.desktop-toolbar button{min-height:40px}.keystrip{gap:7px!important;justify-content:center!important}.keystrip>span{display:none}.tool-grid{grid-template-columns:1fr}.web-processing{inset:auto 10px 10px;flex-wrap:wrap}.demo-file .filename{font-size:12px}.demo-dialog{max-height:96dvh}.editor-footer small{display:none}.editor-footer .export-button{margin-left:auto}}
@media(pointer:coarse){button,select,input{min-height:42px}input:not([type=range]),textarea{font-size:16px!important}.demo-file{touch-action:none}.trim-handle{min-width:28px}.desktop-tabs button{padding-left:14px;padding-right:14px}}

.demo-stage{display:flex;flex-wrap:wrap;align-content:flex-start;gap:18px;padding:70px 18px 90px;height:auto;min-height:400px}.demo-stage .demo-file{position:relative!important;left:auto!important;top:auto!important;flex:0 0 128px;width:128px;height:148px}.stage-watermark{pointer-events:none}.stage-tip{pointer-events:none}@media(max-width:600px){.demo-stage{gap:10px;padding:60px 10px 85px}.demo-stage .demo-file{flex-basis:112px;width:112px;height:138px}}

.live-title h2,#features .section-heading h2{color:#f4edcf}.live-label{color:#d4c69b!important}#features .section-heading>p,#features .section-heading>.eyebrow{color:#bac8b5}