@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";
:root,[data-theme=quartz]{--bg:#070a12;--bg2:#101426;--panel:#111628d1;--panel-solid:#111628;--ink:#f5f7ff;--muted:#909ab5;--line:#b3beff29;--brand:#9b8cff;--brand2:#53e5ff;--glow:#7e68ff47;--danger:#ff668a;--paper:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=aurora]{--bg:#04110f;--bg2:#08211d;--panel:#08211dd6;--panel-solid:#0a2621;--ink:#edfff9;--muted:#8eb9ae;--line:#6cffd42b;--brand:#39f5bb;--brand2:#70a5ff;--glow:#39f5bb3d;--danger:#ff758f;--paper:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f3f4fa;--bg2:#e9e9f4;--panel:#ffffffe0;--panel-solid:#fff;--ink:#141727;--muted:#697089;--line:#262b4921;--brand:#6c55f7;--brand2:#008eb8;--glow:#6c55f72b;--danger:#c92954;--paper:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% -5%,var(--glow),transparent 32rem),radial-gradient(circle at 100% 20%,color-mix(in srgb,var(--brand2) 12%,transparent),transparent 28rem),var(--bg);margin:0;font-family:Inter,system-ui,sans-serif;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.nav{z-index:30;background:color-mix(in srgb,var(--panel-solid) 78%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;background:linear-gradient(100deg,var(--brand),var(--brand2));color:#0000;-webkit-background-clip:text;background-clip:text;font:700 22px Space Grotesk}.navlinks,.row{align-items:center;gap:11px;display:flex}.navlinks>a:not(.btn){color:var(--muted);font-weight:600;transition:all .2s}.navlinks>a:not(.btn):hover{color:var(--ink)}.container{width:min(1220px,100%);margin:auto;padding:42px 24px}.hero{text-align:center;padding:100px 0}.hero>span{letter-spacing:.22em;font:600 12px Space Grotesk}.hero h1{letter-spacing:-.055em;max-width:920px;margin:18px auto 25px;font:700 clamp(44px,7vw,84px)/.98 Space Grotesk}.hero p{color:var(--muted);max-width:680px;margin:0 auto 34px;font-size:19px;line-height:1.7}.btn{appearance:none;border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,color-mix(in srgb,var(--panel-solid) 90%,white 4%),var(--panel-solid));min-height:42px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:650;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 6px 18px #00000014}.btn:hover{border-color:color-mix(in srgb,var(--brand) 65%,var(--line));box-shadow:0 0 22px var(--glow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{color:#fff;background:linear-gradient(115deg,var(--brand),color-mix(in srgb,var(--brand2) 75%,var(--brand)));box-shadow:0 8px 28px var(--glow);border-color:#0000}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.theme-switch{min-width:105px}.grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px;display:grid}.card,.panel,.formpane{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card{border-radius:18px;padding:20px;transition:border-color .2s,transform .2s;box-shadow:0 18px 60px #0000001f}.card:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.card h3{margin:6px 0;font-family:Space Grotesk}.muted{color:var(--muted)}.input{border:1px solid var(--line);background:color-mix(in srgb,var(--panel-solid) 90%,transparent);width:100%;min-height:43px;color:var(--ink);border-radius:11px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}input[type=file].input{color:var(--muted);padding:6px}input[type=file]::file-selector-button{background:linear-gradient(110deg,var(--brand),var(--brand2));color:#fff;cursor:pointer;border:0;border-radius:8px;margin-right:12px;padding:9px 13px;font-weight:700}input[type=color]{border:1px solid var(--line);background:var(--panel-solid);border-radius:10px;width:46px;height:42px;padding:4px}.stack{flex-direction:column;gap:14px;display:flex}h1,h2{letter-spacing:-.025em;font-family:Space Grotesk}h2{margin-top:28px}.editor{grid-template-columns:280px minmax(0,1fr) 300px;height:calc(100vh - 72px);display:grid}.panel{border-radius:0;padding:18px;overflow:auto}.panel:first-child{border-width:0 1px 0 0}.panel.right{border-width:0 0 0 1px}.canvasWrap{background:linear-gradient(135deg,color-mix(in srgb,var(--bg2) 80%,transparent),var(--bg));justify-content:center;padding:30px;display:flex;overflow:auto}.paper{background:var(--paper);background-repeat:no-repeat;background-size:100% 100%;width:595px;height:842px;position:relative;box-shadow:0 24px 70px #00000073,0 0 0 1px #ffffff14}.fieldBox{border:2px solid var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);cursor:move;box-shadow:0 0 14px color-mix(in srgb,var(--brand) 16%,transparent);padding:4px;font-size:12px;position:absolute;overflow:hidden}.fieldBox.active{outline:3px solid color-mix(in srgb,var(--brand2) 26%,transparent)}.split{grid-template-columns:minmax(350px,40%) 1fr;height:calc(100vh - 72px);display:grid}.preview{background:linear-gradient(135deg,var(--bg2),var(--bg));justify-content:center;padding:30px;display:flex;overflow:auto}.formpane{border-width:0 1px 0 0;padding:28px;overflow:auto}.toast{color:#72f7a6;background:#22c55e29;border-radius:10px;padding:11px}.pdf-loader{border:3px solid #ddd;border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;margin:-17px;animation:.65s linear infinite spin;position:absolute;top:50%;left:50%}.pdf-state{color:#555;place-items:center;display:grid;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.editor{grid-template-columns:230px 1fr}.editor .panel.right{grid-column:1/-1}.split{grid-template-columns:1fr;height:auto}.preview{min-height:680px}.navlinks>a:not(.btn){display:none}}@media (max-width:620px){.editor{height:auto;display:block}.panel{border:0!important}.canvasWrap{min-height:600px;padding:16px}.nav{height:64px}.theme-switch span:last-child{display:none}.theme-switch{min-width:44px}.container{padding:26px 16px}.row{flex-wrap:wrap}}
.card>.row{flex-wrap:wrap;width:100%}.card>.row .btn{white-space:normal;overflow-wrap:anywhere;text-align:center;flex:105px;min-width:0;max-width:100%;padding-inline:12px;line-height:1.25}@media (max-width:380px){.card>.row .btn{flex-basis:100%}}.fieldBox{outline:2px solid var(--brand);border:0!important}.draft-zone{cursor:move;outline:1px dashed color-mix(in srgb, var(--brand) 60%, transparent);background:color-mix(in srgb, var(--brand) 5%, transparent);touch-action:none;-webkit-user-select:none;user-select:none;border:0}.draft-zone:hover{box-shadow:0 0 12px color-mix(in srgb, var(--brand) 18%, transparent);outline-style:solid}.draft-resize{background:var(--brand);cursor:nwse-resize;border-radius:4px 0 0;width:13px;height:13px;position:absolute;bottom:0;right:0}.linked-badge{color:var(--brand2);background:color-mix(in srgb, var(--brand2) 10%, transparent);border-radius:999px;margin-left:8px;padding:2px 7px;font-weight:700}.folder-heading{justify-content:space-between}.folder-heading h3{margin:0}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.folder-tile{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 88%, transparent);border-radius:13px;align-items:center;gap:10px;padding:16px;transition:all .18s;display:flex}.folder-tile:hover{border-color:var(--brand);transform:translateY(-1px)}.folder-tile span{font-size:24px}.compact-select{min-height:38px;padding:7px 10px}.document-name{min-width:180px;font:700 24px Space Grotesk}.version-row{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;padding:10px}.toggle-button.active{border-color:var(--brand);color:var(--brand);box-shadow:0 0 18px var(--glow)}.date-input-row{align-items:stretch}.date-input-row .input{flex:150px}.date-input-row .btn{flex:none}.workspace-page{max-width:1500px;margin:auto;padding:30px clamp(18px,3vw,46px) 60px}.workspace-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-weight:600;display:flex}.workspace-breadcrumb a:hover{color:var(--brand)}.workspace-title{justify-content:space-between;align-items:flex-start;gap:20px;margin:22px 0 28px;display:flex}.workspace-title h1{margin:0 0 5px;font-size:38px}.workspace-title p{margin:0}.quick-upload{position:relative}.quick-upload summary{list-style:none}.quick-upload summary::-webkit-details-marker{display:none}.quick-upload[open] .upload-form{background:var(--panel-solid);border:1px solid var(--line);z-index:20;border-radius:16px;width:min(380px,90vw);padding:18px;position:absolute;top:52px;right:0;box-shadow:0 24px 70px #00000059}.explorer-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.explorer-search{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:8px;min-width:min(350px,100%);height:44px;padding:0 13px;font-size:24px;display:flex}.explorer-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px}.explorer-select{width:auto;min-width:145px}.toolbar-spacer{flex:1}.view-button{font-size:20px}.new-folder-row{gap:10px;max-width:620px;display:flex}.explorer-items.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;margin-top:25px;display:grid}.explorer-folder{border-radius:14px;align-items:center;gap:13px;min-height:82px;padding:13px;transition:all .18s;display:flex}.explorer-folder:hover{background:var(--panel);transform:translateY(-2px)}.folder-cover{background:color-mix(in srgb, var(--brand) 12%, var(--panel-solid));border-radius:10px;place-items:center;width:58px;height:52px;font-size:30px;display:grid}.explorer-folder span:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.explorer-folder b,.explorer-file b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.explorer-folder small,.explorer-file small{color:var(--muted);margin-top:6px;display:block}.explorer-file{border:1px solid #0000;border-radius:16px;min-width:0;padding:10px;transition:all .18s}.explorer-file:hover{background:var(--panel);border-color:var(--line);transform:translateY(-2px)}.explorer-preview{aspect-ratio:1.5;background:color-mix(in srgb, var(--panel-solid) 92%, white 4%);border-radius:12px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.explorer-preview canvas{object-fit:contain}.explorer-preview img{object-fit:contain;width:100%;height:100%}.template-preview-badge{z-index:4;background:linear-gradient(120deg, color-mix(in srgb, var(--brand) 82%, transparent), color-mix(in srgb, var(--brand2) 78%, transparent));color:#fff;letter-spacing:.22em;text-align:center;text-shadow:0 2px 7px #000000a6;pointer-events:none;border-block:2px solid #ffffff80;width:145%;padding:10px 0;font:900 clamp(18px,2vw,28px) Space Grotesk;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-24deg);box-shadow:0 8px 28px #00000059}.readonly-notice{border:1px solid color-mix(in srgb, var(--brand) 45%, var(--line));background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--ink);border-radius:12px;padding:12px}.draft-readonly .formpane input,.draft-readonly .formpane textarea,.draft-readonly .formpane select,.draft-readonly .formpane button:not(:first-child),.draft-readonly .draft-zone{pointer-events:none;opacity:.72}.permissions-box{z-index:50;position:fixed;bottom:22px;right:22px}.share-links-box{z-index:50;position:fixed;bottom:22px;right:190px}.share-links-popover{border:1px solid var(--line);background:var(--panel-solid);border-radius:18px;width:min(420px,92vw);max-height:72vh;padding:20px;position:absolute;bottom:54px;right:0;overflow:auto;box-shadow:0 25px 80px #00000080}.share-link-row{border-top:1px solid var(--line);justify-content:space-between;padding-top:10px}.share-link-row span{flex-direction:column;display:flex}.share-created input{font-size:.78rem}.share-links-inline{position:relative}.share-links-inline .share-links-popover{z-index:60}@media (max-width:700px){.share-links-box{bottom:78px;right:18px}}.permissions-popover{border:1px solid var(--line);background:var(--panel-solid);border-radius:18px;width:min(390px,90vw);max-height:70vh;padding:20px;position:absolute;bottom:54px;right:0;overflow:auto;box-shadow:0 25px 80px #00000080}.permission-user{border-top:1px solid var(--line);justify-content:space-between;padding-top:10px}.permission-user span{flex-direction:column;display:flex}.image-ready{color:#72f7a6;background:#22c55e21;border-radius:10px;padding:9px 11px;font-weight:700}.linked-version-list{flex-wrap:wrap;gap:7px;display:flex}.linked-version-list a{border:1px solid var(--line);color:var(--brand);border-radius:8px;padding:6px 9px}.user-picker{flex-direction:column;gap:7px;max-height:230px;display:flex;overflow:auto}.user-picker>button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:9px;display:flex}.user-picker>button.selected{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent)}.user-picker img{border-radius:50%;width:32px;height:32px}.permission-user select{border:1px solid var(--line);background:var(--panel-solid);color:var(--ink);border-radius:8px;padding:7px}.personal-overview-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;margin-top:35px;display:grid}.personal-document-card{flex-direction:column;gap:12px;display:flex}.personal-document-preview,.editor-mini-preview{background:color-mix(in srgb, var(--panel-solid) 92%, white 4%);border-radius:14px;position:relative;overflow:hidden}.personal-document-preview{aspect-ratio:595/842;width:100%}.personal-document-preview img,.editor-mini-preview img{object-fit:contain;width:100%;height:100%}.editor-mini-preview{aspect-ratio:595/842;width:min(100%,260px);height:auto;margin-inline:auto}.personal-document-card h3{margin:10px 0 0}.personal-document-card>.btn{width:100%}.explorer-file>.row{flex-wrap:wrap;margin-top:8px}.explorer-file>.row .btn{flex:1;min-width:75px;padding:7px;font-size:13px}.explorer-file>.compact-select{margin-top:10px}.explorer-items.list{flex-direction:column;gap:8px;margin-top:25px;display:flex}.explorer-items.list .explorer-folder,.explorer-items.list .explorer-file{grid-template-columns:80px minmax(180px,1fr) 220px 210px;align-items:center;gap:14px;display:grid}.explorer-items.list .explorer-preview{width:72px;height:52px;margin:0}.explorer-items.list .explorer-file>a{display:contents}.empty-folder{text-align:center;padding:80px 20px}.empty-folder>span{font-size:60px}.empty-folder h3{font-size:22px}.personal-create{z-index:60;border:1px solid var(--line);background:var(--panel-solid);border-radius:18px;width:min(520px,92vw);max-height:80vh;padding:24px;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 100px #0000008c}.personal-create h3{margin-top:0}.template-checks{flex-direction:column;gap:8px;margin:14px 0;display:flex}.template-checks label{border:1px solid var(--line);border-radius:10px;gap:10px;padding:11px;display:flex}.personal-strip{margin-bottom:30px}.personal-folder-icon{font-size:36px}.personal-file-page{padding:30px clamp(18px,4vw,60px)}.personal-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.personal-header h1,.personal-header p{margin:0}.personal-layout{grid-template-columns:minmax(360px,1.2fr) minmax(280px,.8fr);gap:28px;display:grid}.personal-form,.personal-documents{min-width:0}.personal-documents{flex-direction:column;gap:14px;display:flex}@media (max-width:850px){.personal-header{flex-direction:column;align-items:flex-start}.personal-layout{grid-template-columns:1fr}}@media (max-width:760px){.workspace-title{flex-direction:column}.explorer-search{min-width:100%}.toolbar-spacer{display:none}.explorer-select{flex:1}.explorer-items.list .explorer-folder,.explorer-items.list .explorer-file{display:block}.new-folder-row{flex-wrap:wrap}}