:root{--bg:#f6f8fb;--ink:#111c30;--muted:#778294;--dark:#0c1829;--accent:#0e978b;--accent-bright:#5ce0d0;--border:#e5eaf0;--surface:#fff;--shadow:0 18px 50px rgba(16,35,59,.055);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65d9c9;outline-offset:2px}svg{display:block}.app-shell{min-height:100dvh;padding-bottom:110px}.topbar{height:84px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - 1100px)/2));gap:10px}.brand{display:flex;align-items:center;gap:10px;background:none;color:inherit;border:0;padding:0;text-align:left}.brandmark{display:grid;place-items:center;background:#1d3a43;border:1px solid #275b5d;border-radius:13px;width:46px;height:46px;color:#74e6db}.brandmark svg{width:36px}.brandtext{display:grid;gap:1px}.brandtext strong{font-size:21px;letter-spacing:-.75px}.brandtext strong span{color:#72e6d9}.brandtext small{font-size:8px;font-weight:800;letter-spacing:1.75px;color:#9cb0c1}.top-actions{display:flex;gap:16px;align-items:center}.network-chip{color:#c5e8df;font-size:11px;display:flex;align-items:center;gap:8px;background:#203344;padding:9px 11px;border:1px solid #2f4858;border-radius:22px;font-weight:650;white-space:nowrap}.network-chip i{width:7px;height:7px;border-radius:100%;background:#69e5aa;box-shadow:0 0 0 3px #32564e}.network-chip.offline i{background:#e5bf70;box-shadow:0 0 0 3px #5c4c3d}.icon-button{width:37px;height:37px;background:transparent;color:#b9cbd4;border:1px solid #2d4153;border-radius:11px;display:grid;place-items:center}.icon-button svg,.btn svg,.nav-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.main-container{max-width:1100px;margin:0 auto;padding:34px 26px}.view{display:none;animation:fade-in .18s ease-out}.view.active{display:block}@keyframes fade-in{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}.hero{position:relative;overflow:hidden;min-height:360px;border-radius:23px;background:linear-gradient(116deg,#0e2133 0%,#11334a 52%,#0c4950 100%);color:white;display:flex;align-items:center;justify-content:space-between;padding:45px 54px;box-shadow:var(--shadow)}.hero-copy{z-index:1;max-width:565px}.eyebrow,.mini-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#6d8795}.eyebrow{color:#89dccc}.sparkle{font-size:18px;padding-right:5px}.hero h1{font-size:clamp(32px,4.6vw,52px);line-height:1.12;font-weight:760;letter-spacing:-2px;margin:17px 0 14px}.hero h1 em{font-style:normal;color:#75e4d9}.hero p{color:#bacbd4;font-size:14px;line-height:1.7;max-width:390px;margin:0 0 24px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;font-size:13px;font-weight:750;line-height:1.1;min-height:43px;transition:background .15s,transform .1s,box-shadow .2s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:#18ad9c;color:white;border-color:#18ad9c}.btn-primary:hover{background:#109d8e;box-shadow:0 7px 20px #0b8b7c3b}.btn-outline{color:#293748;background:white;border-color:#dce4ea}.btn-outline:hover{background:#f6f9fb}.hero .btn-outline{background:#244253;color:#fff;border-color:#4b6774}.hero .btn-outline:hover{background:#305367}.btn-large{min-height:49px;padding:14px 19px}.btn-ghost{background:transparent;color:#718093}.btn-ghost:hover{color:#c45055}.btn-danger{background:#cd4949;color:white}.btn-compact{padding:10px 12px;min-height:38px;font-size:12px}.full-width{width:100%}.hero-trust{display:flex;gap:18px;margin-top:20px;font-size:11px;color:#a4b9c0}.hero-trust span::first-letter{color:#6bdab5}.hero-art{width:260px;height:275px;position:relative;flex:none;margin-right:30px}.art-orbit{border:1px solid #2c7379;border-radius:50%;position:absolute;inset:-35px -45px;opacity:.55}.art-orbit-b{inset:-5px -18px}.sheet{position:absolute;background:#fff;border-radius:12px;width:177px;height:233px;top:5px;left:44px;box-shadow:0 17px 46px #0005}.sheet-back{transform:rotate(13deg) translate(20px,-3px);background:#7cabb5;opacity:.5}.sheet-front{transform:rotate(-7deg);padding:28px 20px;overflow:visible}.sheet-header{width:67%;height:12px;border-radius:3px;background:#244d5d}.sheet-line{height:5px;background:#e8eff0;border-radius:4px;margin-top:13px}.line-a{width:96%;margin-top:22px}.line-b{width:77%}.line-c{width:85%}.sheet-box{height:46px;border-radius:5px;background:linear-gradient(135deg,#e6f7f3,#d5e8e7);margin-top:20px}.sheet-dash{position:absolute;width:28px;height:28px;border:4px solid #49d8c8}.dash-one{top:-8px;left:-8px;border-right:0;border-bottom:0;border-radius:4px 0 0 0}.dash-two{top:-8px;right:-8px;border-left:0;border-bottom:0;border-radius:0 4px 0 0}.dash-three{bottom:-8px;right:-8px;border-left:0;border-top:0;border-radius:0 0 4px 0}.dash-four{bottom:-8px;left:-8px;border-right:0;border-top:0;border-radius:0 0 0 4px}.art-badge{position:absolute;bottom:-7px;right:-29px;z-index:2;background:white;color:#263849;border-radius:8px;font-weight:850;font-size:9px;letter-spacing:.6px;box-shadow:0 10px 28px #0004;padding:13px 15px;transform:rotate(-2deg)}.art-badge span{color:#169d8b;margin-right:6px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:31px 0 15px}.section-head h2{font-size:23px;letter-spacing:-.6px;margin:6px 0 0}.file-count{color:#657b87;background:#e9eff2;border-radius:99px;font-size:11px;font-weight:750;padding:8px 12px;white-space:nowrap}.draft-panel{background:white;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.empty-draft{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;background:#fcfdfe}.empty-illustration{width:58px;height:58px;color:#a5b8c4;background:#eef4f6;border-radius:15px;display:grid;place-items:center;margin-bottom:13px}.empty-illustration svg{width:33px}.empty-draft strong{font-size:14px}.empty-draft p{margin:7px 0 0;color:#8b98a4;font-size:12px}.draft-loaded{display:flex;align-items:center;gap:18px}.draft-preview{width:72px;height:92px;background:#e3ebef;border-radius:7px;object-fit:contain;flex:none;border:1px solid #dbe5eb}.draft-info{flex:1;min-width:0}.draft-info h3{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px}.draft-info p{font-size:12px;color:#78899a;margin:0}.draft-cta{display:flex;gap:9px;align-items:center}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;gap:18px}.benefits>div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;gap:3px 10px}.benefit-icon{grid-row:span 2;background:#e5f5f2;color:#11988c;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:23px}.benefits strong{font-size:12px}.benefits small{font-size:11px;color:#7e8b98}.footnote{color:#8b98a5;font-size:10px;margin:20px 0 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:rgba(255,255,255,.97);border-top:1px solid #e5eaee;display:flex;justify-content:center;gap:42px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #162f4710;backdrop-filter:blur(15px)}.nav-item{border:0;color:#87949f;background:none;min-width:93px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;padding:9px 18px;border-radius:10px;font-size:12px;font-weight:720}.nav-item.active{background:#e6f7f3;color:#0a9d90}.nav-counter{position:absolute;right:6px;top:0;background:#0a9d90;color:#fff;font-size:9px;border-radius:100%;padding:2px 5px}
/* Pages */
.view-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:8px 0 24px}.view-heading h1,.edit-top h1{margin:6px 0 6px;letter-spacing:-1.3px;font-size:34px}.view-heading p{margin:0;color:#788797;font-size:13px}.doc-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:23px}.doc-row label{font-size:12px;color:#748494;white-space:nowrap;font-weight:750}.doc-row input{width:100%;border:0;color:#1e3040;font-weight:650;min-height:30px;outline:0;background:transparent}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.page-card{background:#fff;border:1px solid var(--border);padding:10px;border-radius:13px;box-shadow:var(--shadow)}.page-card-preview{height:214px;background:#edf1f3;border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.page-card-preview img{width:100%;height:100%;object-fit:contain}.page-index{position:absolute;top:8px;left:8px;border-radius:6px;background:#0f2438c9;color:#fff;font-size:10px;font-weight:700;padding:6px 8px}.page-card-footer{padding:11px 2px 0;display:flex;align-items:center;justify-content:space-between;gap:5px}.page-card-footer strong{font-size:12px}.page-card-footer small{font-size:10px;color:#8796a4}.page-mini-actions{display:flex;gap:5px}.mini-button{border:1px solid #e3e9ed;background:white;color:#506174;padding:5px 7px;border-radius:7px;font-size:12px;min-width:26px}.mini-button:hover{background:#e8f4f1;color:#0b8e84}.mini-button.danger:hover{background:#ffedf0;color:#c94c50}.pages-empty{grid-column:1/-1;border:1px dashed #cddce3;border-radius:16px;background:white;padding:50px 25px;display:flex;flex-direction:column;align-items:center;text-align:center}.pages-empty svg{color:#a0aeb9;width:48px;height:48px;stroke:currentColor;fill:none;stroke-width:1.5}.pages-empty h3{margin:14px 0 5px}.pages-empty p{color:#8193a0;max-width:280px;font-size:13px}.bottom-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}
/* Editor */
.edit-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:3px 0 24px}.edit-top>div{flex:1}.back-link{border:0;background:transparent;font-size:12px;color:#728494;font-weight:700;padding:8px 9px;margin-left:-9px}.back-link:hover{color:#0b988c}.edit-top h1{font-size:29px;margin:4px 0}.edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.editor-board{background:#162a3a;min-height:530px;border-radius:15px;padding:19px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:13px;overflow:hidden}.board-hint{margin:0;color:#b8ced4;font-size:11px;text-align:center}.crop-container{width:100%;flex:1;display:flex;justify-content:center;align-items:center;min-height:320px}.image-frame{position:relative;max-width:100%;max-height:60vh;touch-action:none;user-select:none}.image-frame img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.image-frame svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;overflow:visible}.corner-handle{cursor:grab;touch-action:none}.corner-handle:active{cursor:grabbing}.crop-actions{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center}.text-btn{padding:6px 0;border:0;background:none;color:#0ca493;font-size:12px;font-weight:750;text-align:center}.crop-tip{font-size:10px;color:#78909b;text-align:right}.editor-sidebar{background:white;border:1px solid var(--border);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.control-group{padding-bottom:19px;margin-bottom:19px;border-bottom:1px solid #eff2f4}.control-group h3{font-size:15px;margin:0 0 5px}.control-group p{font-size:11px;line-height:1.6;margin:0 0 15px;color:#8796a5}.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.filter-option{display:flex;gap:7px;flex-direction:column;align-items:center;background:white;border:1px solid #e5eaf0;color:#5f7280;padding:10px 6px;border-radius:9px;font-size:11px;font-weight:720}.filter-option.active{border-color:#0da698;background:#effbf8;color:#0b8d81;box-shadow:0 0 0 1px #2aa99e}.filter-swatch{width:100%;height:35px;border-radius:5px;border:1px solid #e7ebed;background:linear-gradient(115deg,#c3e7e6 25%,#fff 26%,#fff 60%,#b7dde5 60%)}.swatch-auto{background:linear-gradient(115deg,#40bbae 25%,#fff 26%,#fff 60%,#d0e8e4 60%)}.swatch-gray{background:linear-gradient(115deg,#7d9195 25%,#fafafa 26%,#fafafa 60%,#bac2c3 60%)}.swatch-bw{background:linear-gradient(115deg,#252525 25%,#fff 26%,#fff 60%,#101010 60%)}.inline-actions{display:flex;gap:9px}.preview-wrap{display:flex;align-items:center;justify-content:center;min-height:122px;border:1px dashed #d4dee5;background:#f8fafb;border-radius:8px;padding:10px;overflow:hidden}.preview-wrap span{color:#9baab4;text-align:center;font-size:11px}.preview-wrap img{object-fit:contain;max-height:180px;max-width:100%;display:block}.preview-button{margin-top:10px;width:100%}.editor-sidebar .full-width{justify-content:space-between}
/* Settings */
.settings-stack{max-width:820px;display:grid;gap:13px}.setting-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border:1px solid var(--border);border-radius:13px;padding:21px;box-shadow:var(--shadow)}.setting-card h3{margin:0 0 5px;font-size:15px}.setting-card p{color:#82909e;line-height:1.6;margin:0;font-size:12px;max-width:450px}.setting-card select{max-width:270px;min-height:38px;border:1px solid #d9e3e8;background:#fbfdfd;border-radius:9px;padding:7px 10px;color:#304554;font-size:12px}.setting-symbol{font-size:29px;color:#0daa9b}.tiny-status{margin-top:10px!important;color:#14a091!important;font-weight:700}
/* Dialogs and loading */
.toast{position:fixed;z-index:80;bottom:100px;left:50%;transform:translate(-50%,20px);border-radius:11px;background:#102939;color:white;padding:13px 18px;font-weight:600;font-size:12px;box-shadow:0 12px 32px #0015;max-width:min(90vw,420px);opacity:0;pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal{max-width:420px;width:calc(100% - 30px);border:1px solid #e6ecf0;border-radius:18px;padding:0;box-shadow:0 30px 90px #08263a5c}.modal::backdrop{background:#061923b0;backdrop-filter:blur(2px)}.dialog-body{padding:27px}.dialog-body h2{font-size:21px;letter-spacing:-.6px;margin:0 0 9px}.dialog-body p{font-size:13px;color:#657787;line-height:1.65;margin:9px 0 14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialog-icon{display:grid;place-items:center;width:43px;height:43px;background:#e2f7ed;color:#17a07f;border-radius:100%;font-size:24px;font-weight:bold;margin-bottom:12px}.dialog-body>.text-btn{margin-top:15px;width:100%}.warning-small{background:#fffbeb;padding:11px;border-radius:9px}.busy .btn,.busy button{pointer-events:none}.app-shell.busy::after{content:"Preparing your document…";position:fixed;z-index:50;inset:0;background:#091a2acb;color:white;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:750;backdrop-filter:blur(3px)}
@media(min-width:900px){.app-shell{padding-bottom:100px}.bottom-nav{width:max-content;left:50%;right:auto;transform:translateX(-50%);border:1px solid #e4ecf0;border-radius:16px 16px 0 0;gap:15px;box-shadow:0 0 35px #182b3a15}.nav-item{min-width:110px}}
@media(max-width:760px){.topbar{height:72px;padding:0 17px}.main-container{padding:20px 15px}.hero{min-height:310px;padding:30px 26px}.hero-art{display:none}.hero h1{font-size:38px}.hero p{max-width:420px}.hero-trust{gap:11px}.edit-layout{grid-template-columns:1fr}.editor-board{min-height:440px}.editor-sidebar{padding:18px}.edit-top{flex-wrap:wrap}.back-link{width:100%;text-align:left}.crop-container{min-height:300px}.image-frame{max-height:58vh}.edit-top h1{font-size:28px}.draft-cta{flex-direction:column}.view-heading h1{font-size:28px}}
@media(max-width:500px){.network-chip{font-size:10px;padding:8px}.brandtext strong{font-size:19px}.brandmark{width:41px;height:41px}.brandmark svg{width:32px}.brandtext small{font-size:7px;letter-spacing:1.1px}.top-actions{gap:9px}.main-container{padding:18px 13px}.hero{min-height:320px;padding:32px 23px;border-radius:17px;background:linear-gradient(133deg,#112538,#0a4850)}.hero h1{font-size:37px;letter-spacing:-1.4px}.hero p{font-size:12px}.hero .btn{flex:1;min-width:145px;padding:12px 11px;font-size:12px}.hero-trust{font-size:10px;flex-wrap:wrap}.section-head h2{font-size:21px}.benefits{gap:7px}.benefits>div{grid-template-columns:1fr;grid-template-rows:36px auto auto;justify-items:center;text-align:center;gap:3px}.benefit-icon{grid-row:auto;width:35px;height:35px;border-radius:9px;font-size:18px}.benefits strong{font-size:10px}.benefits small{font-size:9px}.bottom-nav{gap:6px;justify-content:space-around}.nav-item{flex-direction:column;min-width:85px;padding:8px 12px;gap:3px;font-size:10px}.nav-item svg{width:21px;height:21px}.view-heading{align-items:center}.view-heading .btn{padding:9px;font-size:11px}.pages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-card{padding:7px}.page-card-preview{height:170px}.page-card-footer{align-items:start;flex-direction:column;gap:8px}.page-mini-actions{width:100%;justify-content:space-between}.mini-button{flex:1}.draft-loaded{gap:10px}.draft-preview{width:54px;height:71px}.draft-cta .btn{padding:10px}.draft-info h3{font-size:13px}.draft-info p{font-size:10px}.doc-row{align-items:stretch;flex-direction:column;gap:4px}.setting-card{align-items:stretch;flex-direction:column;gap:10px;padding:17px}.setting-card select{width:100%;max-width:100%}.setting-symbol{display:none}.edit-top .file-count{padding:5px 8px}.editor-board{min-height:365px;padding:12px}.crop-container{min-height:255px}.image-frame{max-height:52vh}.inline-actions .btn{flex:1}.dialog-actions.stack-mobile{flex-direction:column}.dialog-actions.stack-mobile .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.heading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}@media(max-width:500px){.view-heading{flex-wrap:wrap}.heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.heading-actions .btn{width:100%;padding:10px 8px;font-size:11px}}

/* SoloScan v0.2 */
.detection-hint{max-width:480px;min-height:28px;line-height:1.45;padding:5px 9px;border-radius:7px;background:#354b5a;color:#e2edf0}
.detection-hint.detected{background:#12544f;color:#bdf6e5}
.crop-actions .text-btn{min-height:40px;padding:8px 12px;background:#244858;border-radius:8px;color:#d5fff5}
.crop-actions .text-btn:first-child{background:#0b9c8d;color:#fff}
.swatch-clean{background:linear-gradient(115deg,#fff 15%,#ececec 40%,#fff 72%)}
.toggle-label{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#264c54;font-size:13px;font-weight:700;cursor:pointer}
.toggle-label input{width:20px;height:20px;accent-color:#0da698}
@media(max-width:500px){.crop-actions .text-btn{flex:1;padding:9px 8px}}