:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d2926;background:#edf2f0;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{width:min(1180px,calc(100% - 32px));margin:26px auto 0}.topbar{min-height:64px;padding:0 22px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #d4dfdb;border-radius:8px 8px 0 0}.brand{display:inline-flex;gap:9px;align-items:center;font-size:18px;font-weight:750;white-space:nowrap}.brand svg{color:#078168}.brand span span{color:#078168}.mode-switch{display:flex;gap:3px;margin:0 auto;padding:3px;background:#e8efec;border-radius:5px}.mode-switch button{display:flex;align-items:center;gap:6px;border:0;border-radius:3px;padding:8px 12px;color:#5a6964;background:transparent;font-size:13px}.mode-switch button.active{color:#1b2925;background:#fff;box-shadow:0 1px 3px #cbd6d1;font-weight:650}.privacy-note{color:#668078;font-size:12px;white-space:nowrap}.workbench{background:#fff;border:1px solid #d4dfdb;border-top:0;min-height:575px}.tool-loading{display:grid;place-items:center;min-height:575px;color:#6d7d76;font-size:13px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;min-height:575px}.tool-main{min-width:0;padding:31px 34px 38px}.section-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:21px}.eyebrow{color:#078168;font-size:11px;font-weight:750}h1{margin:4px 0;font-size:23px;line-height:1.25;letter-spacing:0}.section-intro p{margin:0;color:#687670;font-size:13px}.text-button{display:inline-flex;align-items:center;gap:5px;color:#52635d;border:0;background:transparent;font-size:12px;padding:6px;white-space:nowrap}.text-button:hover{color:#078168}.dropzone{width:100%;min-height:142px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#f1faf7;color:#147d68;border:1.5px dashed #89bcae;border-radius:6px;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.is-dragging{background:#e5f7f1;border-color:#078168}.dropzone strong{font-size:14px}.dropzone span{color:#63877d;font-size:11px}.empty-note{display:flex;align-items:center;gap:8px;margin-top:19px;color:#84918c;font-size:12px}.notice{display:flex;gap:7px;align-items:center;margin:14px 0 0;font-size:12px}.notice.error{color:#b33e3e}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.image-tile{min-width:0;position:relative;overflow:hidden;background:#fff;border:1px solid #d7e0dd;border-radius:5px;box-shadow:0 1px 2px #1428200a}.image-tile.is-dragging{opacity:.55;z-index:2}.image-tile img{display:block;width:100%;height:110px;object-fit:cover;background:#edf2f0}.image-tile footer{padding:8px}.image-tile footer strong,.image-tile footer span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-tile footer strong{color:#35443f;font-size:11px}.image-tile footer span{margin-top:3px;color:#82908a;font-size:10px}.tile-handle,.tile-delete{position:absolute;display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:4px;background:#fffffff0;color:#4f615a}.tile-handle{top:6px;left:6px;cursor:grab;touch-action:none}.tile-delete{top:6px;right:6px}.tile-delete:hover{color:#b33e3e}.settings-panel{padding:31px 21px;background:#f8faf9;border-left:1px solid #dce5e1}.settings-panel h2{margin:0 0 22px;color:#273632;font-size:15px}.settings-panel label{display:block;margin-bottom:18px;color:#63716b;font-size:11px;font-weight:650}.settings-panel select,.settings-panel input{width:100%;height:35px;margin-top:6px;padding:0 9px;color:#26342f;background:#fff;border:1px solid #cdd9d4;border-radius:4px;font-size:12px;outline-color:#078168}.field-error{margin:-11px 0 12px;color:#b33e3e;font-size:10px;line-height:1.4}.export-button{width:100%;min-height:41px;margin-top:3px;border:0;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:4px;color:#fff;background:#078168;font-size:13px;font-weight:700}.export-button:hover:not(:disabled){background:#056e59}.export-button:disabled{color:#84928d;background:#dce5e1}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pdf-summary{display:flex;align-items:center;gap:11px;min-height:78px;margin-top:20px;padding:16px;border:1px solid #d3e1dc;border-radius:6px;background:#f4faf8;color:#0c7e68}.pdf-summary div{min-width:0}.pdf-summary strong,.pdf-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-summary strong{color:#29413a;font-size:13px}.pdf-summary span{margin-top:4px;color:#698078;font-size:11px}.page-guide{margin-top:20px;padding:13px 14px;border-left:3px solid #48a78f;background:#f6f9f8}.page-guide span{color:#287663;font-size:12px;font-weight:700}.page-guide p{margin:5px 0 0;color:#72817b;font-size:11px;line-height:1.55}footer{padding:16px;color:#75847e;text-align:center;font-size:11px}@media(max-width:740px){.app-shell{width:100%;margin:0}.topbar{min-height:auto;padding:13px 15px;flex-wrap:wrap;border:0;border-radius:0;gap:12px}.brand{font-size:16px}.privacy-note{margin-left:auto;font-size:11px}.mode-switch{order:3;width:100%}.mode-switch button{flex:1;justify-content:center;padding:8px 5px;font-size:12px}.workbench{border:0;min-height:0}.tool-layout{display:block;min-height:0}.tool-main{padding:24px 16px 205px}.settings-panel{position:fixed;z-index:10;right:0;bottom:0;left:0;max-height:52vh;padding:17px 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;background:#f8faf9;border:1px solid #cfdcd6;border-bottom:0;box-shadow:0 -8px 24px #162d2524}.settings-panel h2{margin-bottom:15px}.settings-panel label{margin-bottom:13px}.settings-panel .export-button{position:sticky;bottom:0;margin:8px 0 0;box-shadow:0 -8px 12px #f8faf9}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-tile img{height:125px}footer{padding:14px 25px calc(86px + env(safe-area-inset-bottom))}}