@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;600;700;800;900;1000&display=swap');
:root{--blue:#0758ed;--ink:#101629;--muted:#73809b;--line:#e8ecf4;--paper:#fff;--surface:#f7f9fd;--shadow:0 16px 50px #0d245810;font-family:'Nunito Sans','Noto Sans Thai',sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--surface)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #fdba39}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}button{border:0}input,select{min-width:0}.skip-link{position:fixed;left:20px;top:-70px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}.shell{max-width:1200px;margin:auto;padding:0 38px}.home-top{background:radial-gradient(ellipse at 80% 10%,#277bff 0,transparent 55%),linear-gradient(115deg,#0963f3,#0044db);color:white;overflow:hidden;position:relative}.home-top:before{content:'';position:absolute;right:-160px;top:-310px;width:620px;height:620px;border-radius:50%;background:#ffffff06;pointer-events:none}.topbar{height:104px;display:flex;align-items:center;gap:30px;position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:12px;font-size:26px;font-weight:900;white-space:nowrap;letter-spacing:-.5px}.brand-mark{width:45px;height:45px;border-radius:13px;background:linear-gradient(135deg,#ff8aa7,#ff3868);box-shadow:0 5px 16px #fc43653d;display:grid;place-items:center;color:white}.brand-mark svg{width:29px;height:29px;stroke-width:2}.search-box{margin-left:auto;max-width:445px;flex:1;position:relative;color:#7385b1}.search-box>svg{position:absolute;left:16px;top:12px}.search-box input{height:46px;width:100%;border:1px solid #ffffff80;background:#edf3ffed;border-radius:30px;padding:0 45px 0 47px;color:#243452;font-size:13px}.search-box input::placeholder{color:#6d7d9e}.search-shortcut{position:absolute;right:16px;top:15px;font-size:10px;opacity:.6}.nav-actions{display:flex;gap:17px;margin-left:14px;align-items:center}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;background:transparent;border-radius:10px}.icon-button:hover{background:#8095be16}.bell{position:relative;color:inherit}.bell:after{content:'';position:absolute;right:6px;top:5px;width:6px;height:6px;border-radius:100%;background:#ff6694;box-shadow:0 0 0 2px #1263ef}.avatar{width:43px;height:43px;border:3px solid #ffffffc2;background:#f3e6fd;border-radius:50%;overflow:hidden;position:relative}.avatar img{position:absolute;width:1536px;max-width:none;left:-1057px;top:-145px}.hero{height:427px;position:relative;display:flex;align-items:flex-start;padding-top:45px}.hero-copy{position:relative;z-index:1;max-width:510px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:17px;color:#d1e2ff}.eyebrow span{height:6px;width:6px;background:#a9f3d1;border-radius:50%}.hero h1{font-size:65px;line-height:1.04;letter-spacing:-1.5px;font-weight:1000}.hero h1 .ideas{position:relative;display:inline-block}.hero h1 .ideas:after{content:'';position:absolute;background:#ffd335;height:7px;width:47px;right:-48px;top:13px;transform:rotate(-43deg);border-radius:9px}.hero-thai{font-size:22px;font-weight:500;margin-top:19px;letter-spacing:-.3px}.hero-detail{font-size:15px;line-height:1.9;color:#e1ecff;margin-top:2px}.hero-upload{display:flex;gap:12px;align-items:center;margin-top:23px}.upload-button{display:flex;gap:12px;justify-content:center;align-items:center;background:#fff;border-radius:28px;font-weight:900;font-size:15px;padding:15px 29px;color:#11182b;box-shadow:0 5px 15px #042b8e14}.upload-button:hover{transform:translateY(-2px)}.hero-next{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:#65a6ff88;color:#002764}.hero-next:hover{background:#a4cbff}.hero-art{width:628px;height:385px;position:absolute;right:-25px;bottom:12px;overflow:hidden;pointer-events:none}.hero-art img{position:absolute;width:1536px;max-width:none;left:-490px;top:-202px}.hero-art:after{content:'';position:absolute;left:0;top:0;width:50px;height:100%;background:linear-gradient(90deg,#0959ed,transparent)}.tool-sheet{position:relative;z-index:3;margin-top:-2px;background:var(--paper);border-radius:36px 36px 0 0;padding:26px 36px 25px;box-shadow:0 -6px 30px #0044d50b}.sheet-wrap{max-width:1200px;margin:auto}.sheet-backdrop{background:linear-gradient(#0455e9 0 12%,var(--surface) 12%)}.main-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tool-card{position:relative;text-align:left;isolation:isolate;border-radius:21px;min-height:249px;overflow:hidden;padding:19px 23px;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-6px);box-shadow:0 14px 26px #21458021}.tool-card h2{font-size:25px;line-height:1.2;font-weight:1000;letter-spacing:-.8px;position:relative;z-index:1}.tool-card p{font-size:15px;margin-top:4px;position:relative;z-index:1}.pink{background:#ffbcd7}.mint{background:#b0eec9}.yellow{background:#ffe77b}.sky{background:#afd9ff}.tool-card .round-arrow{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;background:#fff;border-radius:50%;margin-top:14px}.round-arrow svg{width:18px;height:18px}.more-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px}.more-heading h2{font-size:21px;font-weight:1000;letter-spacing:-.4px}.small-caption{color:var(--muted);font-size:12px}.more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 15px}.mini-tool{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid var(--line);border-radius:17px;background:var(--paper);padding:14px;min-height:83px;transition:background .15s,transform .15s}.mini-tool:hover{background:var(--surface);transform:translateY(-2px)}.mini-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex:none}.mini-icon svg{width:29px;height:29px;stroke-width:1.8}.mini-tool strong{font-size:15px;font-weight:900;display:block}.mini-tool small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.mini-tool>.chevron{width:16px;color:#8c9ec1;margin-left:auto;flex-shrink:0}.green-icon{background:#d7fae3;color:#08a55d}.pink-icon{background:#ffe0ee;color:#fc4184}.yellow-icon{background:#fff0af;color:#b48a00}.blue-icon{background:#ddedff;color:#0958ff}.purple-icon{background:#ede5ff;color:#8054df}.peach-icon{background:#ffebdd;color:#ed8742}.aqua-icon{background:#daf8f4;color:#1b9d9a}.gray-icon{background:#ebeff6;color:#65758b}.privacy-strip{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;color:var(--muted);font-size:11px}.privacy-strip .privacy-message{display:flex;gap:7px;align-items:center}.privacy-strip svg{width:15px;height:15px;color:#2dbb85}.privacy-strip button{background:none;font-size:11px;color:var(--muted)}.home-footer{max-width:1200px;margin:0 auto;padding:20px 38px 27px;display:flex;justify-content:space-between;font-size:10px;color:#8c99af;letter-spacing:.4px}.home-footer span:last-child{color:#60728e}.empty-search{grid-column:1/-1;padding:25px;color:var(--muted);text-align:center}.is-hidden{display:none!important}
/* Workspace */
.app-header{background:var(--paper);border-bottom:1px solid var(--line)}.app-header .topbar{height:83px;color:var(--ink)}.app-header .brand{font-size:24px}.app-header .search-box input{background:var(--surface);border-color:var(--line)}.app-header .bell:after{box-shadow:0 0 0 2px var(--paper)}.workspace{max-width:1200px;margin:0 auto;padding:27px 38px 60px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin-bottom:26px}.breadcrumbs button{background:none;color:var(--muted);padding:0}.breadcrumbs svg{width:13px;height:13px}.workspace-title{display:flex;gap:18px;align-items:center;margin-bottom:26px}.workspace-title .mini-icon{width:63px;height:63px;border-radius:18px}.workspace-title h1{font-size:32px;font-weight:1000;letter-spacing:-.8px;line-height:1.2}.workspace-title p{font-size:14px;color:var(--muted);margin-top:5px}.local-badge{margin-left:auto;background:#e9faf2;color:#16845c;border-radius:20px;padding:7px 11px;font-size:11px;display:flex;align-items:center;gap:5px}.local-badge svg{width:14px;height:14px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:21px;padding:23px;box-shadow:var(--shadow)}.dropzone{border:2px dashed #c4d6fa;background:#f3f7ff;border-radius:17px;min-height:183px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;transition:background .15s}.dropzone.dragging{background:#dfebff;border-color:#1767ef}.dropzone>.drop-icon{width:45px;height:45px;border-radius:13px;background:#e4edff;color:var(--blue);display:grid;place-items:center;margin-bottom:10px}.dropzone h2{font-size:17px;font-weight:800}.dropzone p{font-size:12px;color:var(--muted);margin:5px 0 14px}.drop-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:11px;font-weight:800;font-size:12px;background:var(--paper);border:1px solid var(--line);transition:filter .15s}.btn:hover{filter:brightness(.97)}.btn svg{width:18px;height:18px}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.btn.subtle{background:#f3f6fc}.btn.danger{color:#dc4d70}.queue-toolbar{display:flex;align-items:center;gap:8px;padding:22px 0 14px}.queue-toolbar h2{font-size:15px;font-weight:900}.queue-toolbar span{font-size:11px;color:var(--muted)}.queue-toolbar .sort-btn{margin-left:auto;background:none;font-size:11px;color:#687b9c;display:flex;align-items:center;gap:5px}.sort-btn svg{width:16px;height:16px}.queue-empty{min-height:170px;display:grid;place-content:center;justify-items:center;color:#98a5b9;font-size:12px;gap:10px}.queue-empty svg{width:35px;height:35px;stroke-width:1.2}.queue-hint{padding-top:10px;font-size:11px;color:var(--muted)}.file-row{display:flex;gap:12px;align-items:flex-start;padding:17px 0;border-top:1px solid var(--line)}.file-row[draggable=true]{cursor:grab}.file-row.dragged{opacity:.4}.file-checkbox{accent-color:var(--blue);width:18px;height:18px;margin:9px 0 0;flex-shrink:0}.pdf-file-icon{background:#fff0f4;color:#ff517b;border-radius:9px;display:grid;place-items:center;width:36px;height:42px;flex:none}.pdf-file-icon svg{width:23px;height:23px}.file-info{min-width:0;flex:1}.file-name{font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:2px 0 3px}.file-meta{font-size:10px;color:var(--muted)}.file-controls{display:flex;gap:8px;align-items:center;margin-top:9px}.page-range{border:1px solid #dce3f0;border-radius:7px;font-size:11px;width:130px;padding:6px 9px;background:var(--paper);color:var(--ink)}.range-label{color:var(--muted);font-size:10px}.range-error{color:#d74067;font-size:10px;margin-top:5px}.file-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1px;max-width:101px}.file-actions .icon-button{width:29px;height:29px;color:#8997b0}.file-actions .icon-button svg{width:15px;height:15px}.file-actions .remove{color:#d56b83}.summary{position:sticky;top:25px}.summary h2{font-size:17px;font-weight:900;margin-bottom:19px}.summary-line{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:13px;color:var(--muted)}.summary-line b{color:var(--ink)}.summary-total{border-top:1px solid var(--line);padding-top:15px;margin-top:16px;align-items:center}.summary-total b{font-size:27px;color:var(--blue);font-weight:1000}.summary .btn{width:100%;margin-top:9px}.summary-note{font-size:10px;line-height:1.9;color:var(--muted);margin-top:15px}.summary-note strong{color:#7382a0}.summary-output{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 10px;font-size:11px;margin-bottom:9px;color:var(--ink);background:var(--paper)}.summary label{display:block;font-size:10px;color:var(--muted);margin:16px 0 5px}.file-tip{display:flex;gap:8px;background:#f0f5ff;color:#6d82ae;border-radius:12px;padding:12px;margin-top:18px;font-size:10px;line-height:1.8}.file-tip svg{width:17px;height:17px;margin-top:2px}.tool-tabs{display:flex;gap:8px;margin:0 0 20px;overflow:auto;padding:3px}.tool-tab{white-space:nowrap;font-size:11px;padding:8px 12px;border-radius:9px;background:var(--paper);border:1px solid var(--line);color:#71819d}.tool-tab.active{background:#e8f0ff;border-color:#bed3ff;color:var(--blue);font-weight:800}.history-list{display:grid;gap:12px}.history-row{display:flex;gap:13px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:13px}.history-row div{flex:1}.history-row strong{font-size:14px;display:block}.history-row small{font-size:11px;color:var(--muted)}.history-row>svg{color:#21ac7e}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--line);gap:18px}.settings-row h3{font-size:14px}.settings-row p{font-size:11px;color:var(--muted);margin-top:4px}.settings-row select{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:12px}.settings-row input{width:19px;height:19px;accent-color:var(--blue)}.planned-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px}.planned-panel h2{font-size:29px;line-height:1.4}.planned-panel p{font-size:14px;color:var(--muted);line-height:1.9;margin:13px 0 23px}.planned-badge{display:inline-block;font-size:11px;background:#fff2cd;color:#96711f;padding:6px 12px;border-radius:20px;margin-bottom:17px}.planned-art{border-radius:24px;background:#e9f1ff;min-height:290px;display:grid;place-content:center;justify-items:center;gap:20px}.planned-art>.mini-icon{width:95px;height:95px;border-radius:26px}.planned-art>.mini-icon svg{width:56px;height:56px}.planned-art small{color:#7c8fb7;font-size:12px}.back-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.back-row h2{font-size:19px}.clear-history{background:none;color:#ce6181;font-size:12px}.settings-details{font-size:12px;line-height:1.9;color:var(--muted);margin-top:23px}.rename-options{padding:15px 0;display:flex;gap:10px;align-items:center;font-size:12px}.rename-options input{padding:9px;border:1px solid var(--line);border-radius:8px;width:200px;background:var(--paper);color:var(--ink)}
/* Dialogs and feedback */
dialog{padding:0;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);width:min(900px,94vw);max-height:92vh;box-shadow:0 25px 100px #08183f40}dialog::backdrop{background:#0c193c99;backdrop-filter:blur(6px)}.dialog-head{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-dialog{font-size:28px;color:var(--muted)}#preview-content{background:#dfe5ee;max-height:76vh;overflow:auto;padding:20px}#preview-content canvas{display:block;max-width:100%;height:auto;margin:0 auto 18px;box-shadow:0 4px 15px #10204820;background:white}.preview-loading{padding:60px;text-align:center;color:#7382a0;font-size:13px}.preview-caption{text-align:center;color:#6a7790;font-size:11px;margin-bottom:16px}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);padding:13px 22px;border-radius:13px;background:#14213b;color:white;box-shadow:0 10px 35px #0e245a30;font-size:12px;max-width:min(600px,92vw);z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.busy{pointer-events:none;opacity:.65}.loading-dot{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:100%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
body.dark{--ink:#eaf0ff;--muted:#96a5c2;--line:#2b3854;--paper:#17233b;--surface:#101a2e;--shadow:none}.dark .dropzone{background:#172a4c}.dark .btn.subtle{background:#223452}.dark .file-tip{background:#1c3054}.dark .tool-card{color:#11182b}.dark .planned-art{background:#213654}.dark .search-box input{color:#d9e4f8}.dark .tool-tab.active{background:#223d6c;color:#9dbfff}.dark .page-range{border-color:var(--line)}
@media(min-width:1200px){.tool-card{height:249px}}
@media(max-width:1050px){.shell{padding:0 26px}.hero h1{font-size:57px}.hero-art{right:-130px}.hero-copy{max-width:450px}.tool-sheet{padding:23px}.main-tools{gap:15px}.tool-card{padding:19px 18px;min-height:234px}.tool-card h2{font-size:23px}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-tool{min-height:78px}.workspace{padding:25px}.workspace-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.file-actions{max-width:61px}.search-box{max-width:370px}.hero-thai{font-size:21px}}
@media(max-width:760px){.shell{padding:0 22px}.topbar{height:85px;gap:15px}.brand{font-size:22px;gap:10px}.brand-mark{width:39px;height:39px;border-radius:11px}.brand-mark svg{width:25px;height:25px}.nav-actions{margin-left:auto;gap:10px}.avatar{width:37px;height:37px}.avatar img{left:-1060px;top:-148px}.search-box{display:none}.hero{height:380px;padding-top:25px}.hero h1{font-size:54px}.hero-art{right:-245px;bottom:0;opacity:.95}.hero-copy{max-width:390px}.hero-thai{font-size:19px}.hero-detail{font-size:13px;max-width:300px}.eyebrow{font-size:8px}.hero-copy{z-index:1}.hero-art:after{width:140px}.tool-sheet{border-radius:29px 29px 0 0;padding:21px}.main-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tool-card{min-height:248px}.more-heading{margin-top:23px}.more-heading h2{font-size:20px}.more-grid{gap:10px}.mini-tool{padding:11px;gap:11px}.mini-icon{width:40px;height:40px;border-radius:10px}.mini-icon svg{width:25px;height:25px}.mini-tool strong{font-size:13px}.mini-tool small{font-size:10px}.small-caption{font-size:10px}.privacy-strip{gap:15px}.home-footer{padding:18px 22px 24px}.workspace{padding:22px 20px 45px}.workspace-grid{grid-template-columns:1fr}.summary{position:static}.workspace-title{gap:12px;margin-bottom:22px}.workspace-title h1{font-size:27px}.workspace-title p{font-size:12px}.workspace-title .mini-icon{width:52px;height:52px;border-radius:15px}.local-badge{font-size:0;padding:8px}.local-badge svg{width:18px;height:18px}.panel{padding:18px;border-radius:17px}.summary h2{margin-bottom:18px}.file-actions{max-width:94px}.file-name{max-width:none}.planned-panel{grid-template-columns:1fr;padding:24px;gap:25px}.planned-art{min-height:200px}.planned-panel h2{font-size:25px}.breadcrumbs{margin-bottom:20px}.summary-note{font-size:11px}.app-header .topbar{height:76px}.app-header .brand{font-size:22px}}
@media(max-width:480px){.shell{padding:0 19px}.topbar{height:78px}.brand{font-size:21px}.brand-mark{width:35px;height:36px;border-radius:10px}.brand-mark svg{width:24px;height:24px}.nav-actions{gap:6px}.avatar{width:33px;height:33px}.avatar img{left:-1062px;top:-150px}.hero{height:326px;padding-top:23px}.hero h1{font-size:39px;line-height:1.08;letter-spacing:-.7px}.hero-copy{max-width:265px}.eyebrow{margin-bottom:13px;font-size:7px;letter-spacing:1.5px}.hero-thai{font-size:14px;margin-top:14px}.hero-detail{font-size:10px;line-height:1.8;max-width:205px;margin-top:2px}.hero-art{width:628px;height:385px;right:-237px;bottom:-8px;transform:scale(.57);transform-origin:right bottom}.hero-art:after{display:none}.hero-copy:after{content:'';position:absolute;z-index:-1;inset:-10px -16px -10px -20px;background:linear-gradient(90deg,#0758ed 75%,transparent)}.hero h1 .ideas:after{width:27px;height:5px;right:-30px;top:6px}.hero-upload{gap:10px;margin-top:18px}.upload-button{font-size:12px;padding:11px 19px;gap:9px}.upload-button svg{width:18px;height:18px}.hero-next{height:39px;width:39px}.hero-next svg{width:19px;height:19px}.tool-sheet{padding:16px;border-radius:27px 27px 0 0}.main-tools{gap:12px}.tool-card{min-height:205px;padding:16px 14px;border-radius:17px}.tool-card h2{font-size:20px;letter-spacing:-.5px}.tool-card p{font-size:12px;margin-top:3px}.tool-card .round-arrow{width:27px;height:27px;margin-top:11px}.more-grid{grid-template-columns:1fr;gap:8px}.mini-tool{min-height:63px;padding:10px 13px;border-radius:14px;gap:13px}.mini-tool strong{font-size:13px}.mini-tool small{font-size:10px;margin-top:0}.mini-text{display:flex;align-items:center;gap:12px;flex:1}.more-heading{margin:20px 0 12px}.more-heading h2{font-size:18px}.more-heading .small-caption{font-size:9px}.mini-tool>.chevron{width:14px}.privacy-strip{font-size:9px;margin-top:20px;align-items:flex-start}.privacy-strip button{font-size:10px}.privacy-strip .privacy-message{gap:5px}.privacy-strip .privacy-message span{max-width:225px}.home-footer{font-size:8px;padding:16px 20px;gap:15px}.workspace{padding:21px 16px 35px}.workspace-title p{font-size:11px}.workspace-title h1{font-size:26px}.workspace-title .local-badge{display:none}.dropzone{padding:19px 10px;min-height:190px}.dropzone h2{font-size:15px}.dropzone p{font-size:11px}.btn{font-size:11px;padding:10px 14px}.file-row{gap:9px;flex-wrap:wrap}.file-info{width:calc(100% - 105px)}.file-name{font-size:12px}.file-actions{max-width:none;justify-content:flex-end;width:100%;margin-top:-6px}.file-actions .icon-button{width:31px;height:27px}.file-controls{gap:6px}.file-controls .range-label{font-size:9px}.page-range{width:115px}.queue-toolbar h2{font-size:13px}.queue-toolbar span{font-size:10px}.file-tip{font-size:10px}.settings-row p{max-width:200px}.settings-row select{max-width:110px}.privacy-message svg{margin-top:2px}.planned-panel{padding:22px}.rename-options{flex-direction:column;align-items:stretch}.rename-options input{width:100%}}
.hero{height:459px}.hero-art{mask-image:linear-gradient(to right,transparent,black 9%,black 95%,transparent),linear-gradient(to bottom,transparent,black 12%,black 96%,transparent);mask-composite:intersect}.tool-card{display:block}.tool-card h2{position:absolute;top:19px;left:23px}.tool-card p{position:absolute;top:49px;left:23px}.tool-card .round-arrow{position:absolute;top:79px;left:23px;margin:0}
@media(max-width:1050px){.tool-card h2{left:18px}.tool-card p{left:18px}.tool-card .round-arrow{left:18px}}
@media(max-width:760px){.hero{height:405px}.hero-art{bottom:0}}
@media(max-width:480px){.hero{height:326px}.tool-card h2{top:16px;left:14px}.tool-card p{top:40px;left:14px}.tool-card .round-arrow{top:69px;left:14px}.hero-art{bottom:-8px}}

@media(max-width:480px){.hero{height:304px}.hero h1{font-size:34px}.hero .eyebrow{display:none}.hero-art{right:-60px;transform:scale(.54)}.hero-copy:after{display:none}.hero-thai{font-size:13px}.hero-detail{font-size:10px}.hero-copy{max-width:249px}}
body[data-tool="rename"] .file-controls,body[data-tool="rename"] .range-error,body[data-tool="rename"] [data-rotate]{display:none}
.history-row div{min-width:0}.history-row strong{overflow-wrap:anywhere}
#print-frame{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:110;background:#edf2f8}
@media(max-width:480px){.hero-detail{display:none}.hero-upload{margin-top:23px}.tool-card h2{font-size:clamp(14px,4.6vw,20px);white-space:nowrap}.hero-thai{text-shadow:0 1px 4px #064bdc,0 0 8px #064bdc}}
/* Each card has one continuous visual surface; there is no CSS/image color join. */
.operation-panel{border:1px solid #c9dcff;border-radius:13px;padding:15px;background:#f0f5ff;margin-top:15px}.operation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.operation-heading strong{font-size:12px;color:#30568e}.operation-heading .btn{min-height:30px;padding:5px 10px;font-size:10px}.operation-panel progress{display:block;width:100%;height:8px;margin:12px 0 9px;accent-color:var(--blue)}#operation-detail{font-size:11px;line-height:1.7;color:#687e9f;overflow-wrap:anywhere}.import-report{border:1px solid #ccebdc;background:#f1fbf6;border-radius:12px;padding:12px;margin-top:14px;font-size:11px;color:#47705a}.import-report.has-issues{background:#fffaf0;border-color:#f2dfb1;color:#8a6b2b}.import-report-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.import-report-head strong{font-size:11px}.import-report-head .icon-button{width:25px;height:25px;font-size:21px;flex:none}.import-report details{margin-top:7px}.import-report summary{cursor:pointer;font-weight:700}.import-report ul{max-height:190px;overflow:auto;padding-left:18px;margin:8px 0 0}.import-report li{padding:7px 0;line-height:1.7}.import-report li strong{display:block;overflow-wrap:anywhere}.import-report li span{display:block}.import-report p{font-size:10px;line-height:1.8;margin-top:5px}.select-all-btn{font-size:10px;color:var(--blue);background:none;padding:4px 0;white-space:nowrap;margin-left:auto}.queue-toolbar .sort-btn{margin-left:4px;white-space:nowrap}.invalid-total{color:#d74067!important}.dark .operation-panel{background:#1a3153;border-color:#335782}.dark .operation-heading strong{color:#bbd4fc}.dark .import-report{background:#1c3a2c;border-color:#335b45;color:#a4d5b9}.dark .import-report.has-issues{background:#3b3421;border-color:#6a5930;color:#ead6a1}
@media(max-width:480px){.queue-toolbar{flex-wrap:wrap;gap:7px}.queue-toolbar .sort-btn{font-size:10px}.select-all-btn{font-size:10px}.operation-panel{padding:12px}}
.tool-card{height:auto;min-height:0;aspect-ratio:1.025;padding:0;background:transparent}
.tool-card .card-visual{position:absolute;inset:0;display:block;width:100%;height:100%;fill:none;stroke:none}
.tool-card h2,.tool-card p{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Tool status sits outside the original card artwork. */
.tool-card-item{min-width:0}.tool-card-item>.tool-card{width:100%}.tool-state{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;line-height:1.5;border-radius:20px;padding:3px 8px;white-space:nowrap}.tool-state>span{font-size:8px}.state-ready{background:#e8f8ef;color:#247a50}.state-partial{background:#edf1ff;color:#5866a1}.state-planned{background:#fff5db;color:#886b20}.tool-card-item>.tool-state{margin:9px 3px 0}.mini-text{min-width:0}.mini-tool .tool-state{margin-top:6px;font-size:10px;padding:2px 6px}.workspace-title .tool-state{margin-top:8px}.dark .state-ready{background:#193b2a;color:#a0d8b7}.dark .state-partial{background:#292f51;color:#c3cbff}.dark .state-planned{background:#3d3420;color:#ead18e}
.mobile-summary{display:none}.mobile-summary[hidden]{display:none!important}#work-summary{scroll-margin-top:20px}#summary-heading:focus{outline:2px solid var(--blue);outline-offset:5px;border-radius:3px}
@media(max-width:760px){.workspace.has-mobile-summary{padding-bottom:140px}.mobile-summary{position:fixed;z-index:90;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:550px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:17px;background:var(--paper);color:var(--ink);box-shadow:0 8px 35px #10254b30}.mobile-summary>div{flex:1;min-width:0}.mobile-summary-label{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.mobile-summary strong{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.mobile-summary>.btn{flex:none;max-width:49%;font-size:11px;padding:10px 12px;min-height:44px;text-align:center}.tool-card-item>.tool-state{font-size:10px;margin-top:7px}}

/* JibJib PDF: approved rounded lettering, speech-dot i details and option-2 bird. */
body.dark{color:var(--ink)}
.brand{gap:9px;font-size:34px;letter-spacing:-1.2px;flex-shrink:0;font-weight:1000}
.brand-mark{display:block;width:55px;height:40px;background:none;box-shadow:none;border-radius:0}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand-wordmark{display:inline-flex;align-items:baseline;gap:.16em;line-height:1;white-space:nowrap}
.brand-name{display:inline-flex;align-items:baseline;line-height:1.15}
.brand-i{position:relative;display:inline-block}
.brand-i>span{display:block;clip-path:inset(29% -25% 0 -25%)}
.brand-i:after{content:'';position:absolute;left:50%;top:.045em;width:.27em;height:.235em;background:#ff668e;border-radius:.12em .12em .12em .025em;transform:translateX(-50%)}
.brand-i:before{content:'';position:absolute;left:23%;top:.215em;width:.09em;height:.10em;background:#ff668e;transform:skewY(-32deg);border-radius:0 0 .04em 0}
.brand-pdf{font-size:.71em;font-weight:1000;letter-spacing:-.7px;color:var(--blue)}
.home-top .brand-pdf{color:#fff}.app-header .brand{font-size:32px}.dark .app-header .brand-pdf{color:#8bbaff}
@media(max-width:760px){.brand,.app-header .brand{font-size:27px;gap:7px}.brand-mark{width:45px;height:34px}.brand-pdf{letter-spacing:-.5px}.topbar{gap:14px}.nav-actions{margin-left:auto;gap:10px}}
@media(max-width:480px){.brand,.app-header .brand{font-size:25px;letter-spacing:-1px;gap:6px}.brand-mark{width:41px;height:32px}.nav-actions{gap:6px}.topbar{gap:8px}}