:root{color:#17201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17201d;--muted:#67706c;--line:#dfe5df;--paper:#fff;--green:#0b6b4b;--green-dark:#07563c;--green-pale:#e8f4ee;--amber:#d7a54a;--shadow:0 20px 60px #1e332b14;background:#f5f7f3;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Yu Gothic,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f5f7f3;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #0b6b4b47}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{min-height:100vh}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:76px;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--ink);border-radius:7px;place-items:center;width:27px;height:27px;font-size:14px;display:grid}.privacy-pill{color:var(--green-dark);background:var(--green-pale);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:600;display:flex}.status-dot{background:#18a66f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #18a66f1f}main{width:min(1180px,100% - 48px);margin:0 auto}.intro{text-align:center;max-width:760px;margin:78px auto 48px}.eyebrow{color:var(--green);letter-spacing:.22em;margin:0 0 15px;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:11px;font-weight:700}.intro h1{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,62px);line-height:1.14}.mobile-break{display:none}.intro-copy{max-width:660px;color:var(--muted);margin:24px auto 0;font-size:15px;line-height:1.9}.steps{color:#45504b;justify-content:center;gap:0;margin:35px auto 0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.steps li{align-items:center;gap:9px;display:flex}.steps li:not(:last-child):after{content:"";background:#ccd4ce;width:50px;height:1px;margin:0 18px}.steps span{width:25px;height:25px;color:var(--green);border:1px solid #b9c6be;border-radius:50%;place-items:center;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:12px;display:grid}.workspace-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #d9dfda;border-radius:20px;transition:border-color .16s,box-shadow .16s;overflow:hidden}.workspace-card.is-dragging{border-color:var(--green);box-shadow:0 20px 60px #0b6b4b24}.empty-state{text-align:center;background-image:radial-gradient(#d9dfda .75px,#0000 .75px);background-size:18px 18px;flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:64px 24px;display:flex}.upload-icon{width:62px;height:62px;color:var(--green);background:#e8f4eee6;border:1px dashed #87a393;border-radius:17px;place-items:center;margin-bottom:22px;font-size:30px;font-weight:300;display:grid}.empty-state h2{letter-spacing:-.03em;margin:0 0 10px;font-size:24px}.empty-state>p{color:var(--muted);margin:0 0 26px;font-size:14px}.button{cursor:pointer;border:0;border-radius:9px;font-weight:600;transition:background .14s,transform .14s,opacity .14s}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled,.icon-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.38}.button-primary{color:#fff;background:var(--green)}.button-primary:hover:not(:disabled){background:var(--green-dark)}.button-large{min-width:180px;min-height:50px;padding:13px 24px;font-size:15px}.empty-state .file-note{color:#8a938f;margin:14px 0 0;font-size:11px}.editor-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:13px 18px 13px 23px;display:flex}.file-summary{flex-direction:column;gap:3px;min-width:0;display:flex}.file-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.file-dimensions{color:#8b948f;letter-spacing:.04em;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:10px}.toolbar-actions{flex:none;align-items:center;gap:6px;display:flex}.button-quiet,.icon-button{color:#43504a;background:#f1f4f1}.button-quiet{min-height:36px;padding:8px 13px;font-size:12px}.toolbar-separator{background:var(--line);width:1px;height:24px;margin:0 4px}.icon-button{cursor:pointer;border:0;border-radius:8px;width:36px;height:36px;font-family:system-ui,sans-serif;font-size:19px}.editor-layout{grid-template-columns:minmax(0,1fr) 300px;display:grid}.canvas-column{background:#eef1ed;min-width:0;padding:18px}.tool-switcher{justify-content:center;align-items:center;gap:6px;margin-bottom:12px;display:flex}.tool-button{color:#56615c;cursor:pointer;background:#ffffffbd;border:1px solid #d4dbd6;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex}.tool-button.is-active{border-color:var(--green);color:#fff;background:var(--green)}.redact-tool-mark{background:currentColor;border-radius:2px;width:10px;height:10px;box-shadow:inset 0 0 0 1px}.tool-button.is-active .redact-tool-mark{background:#000;box-shadow:0 0 0 1px #ffffff85}.pan-tool-mark{text-align:center;width:12px;font-family:system-ui,sans-serif;font-size:14px;line-height:1}.space-hint{color:#7f8984;margin-left:5px;font-size:9px}.canvas-instruction{color:#56615c;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:500;display:flex}.instruction-dot{border:2px solid var(--green);border-radius:50%;width:6px;height:6px}.canvas-scroll{overscroll-behavior:contain;background-color:#dfe3de;background-image:linear-gradient(45deg,#d5d9d4 25%,#0000 25%),linear-gradient(-45deg,#d5d9d4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d5d9d4 75%),linear-gradient(-45deg,#0000 75%,#d5d9d4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:6px;width:100%;max-height:68vh;overflow:auto;box-shadow:inset 0 0 0 1px #2c393314}.redaction-canvas{touch-action:none;-webkit-user-select:none;user-select:none;height:auto;display:block}.redaction-canvas.mode-redact{cursor:crosshair}.redaction-canvas.mode-pan{cursor:grab}.redaction-canvas.mode-pan.is-panning{cursor:grabbing}.zoom-row{color:#68726d;grid-template-columns:auto minmax(100px,220px) 42px;justify-content:end;align-items:center;gap:10px;margin-top:14px;font-size:11px;display:grid}.zoom-row input{width:100%;accent-color:var(--green)}.zoom-row output{text-align:right;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}.control-panel{border-left:1px solid var(--line);background:#fff}.control-section{border-bottom:1px solid var(--line);padding:24px}.section-heading-row{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.section-heading-row h2,.control-panel legend{color:var(--ink);margin:0;font-size:13px;font-weight:700}.count-badge{color:var(--green-dark);background:var(--green-pale);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.black-swatch-row{align-items:center;gap:12px;display:flex}.black-swatch{background:#000;border:1px solid #000;border-radius:7px;flex:none;width:35px;height:35px;box-shadow:inset 0 0 0 2px #333}.black-swatch-row strong,.black-swatch-row small,.format-option strong,.format-option small{display:block}.black-swatch-row strong{margin-bottom:2px;font-size:11px}.black-swatch-row small{color:#818a86;font-size:9px}.text-button{color:#737d78;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:15px;padding:0;font-size:10px;text-decoration:underline}.control-panel fieldset{border:0;margin:0;padding:0}.control-panel legend{margin-bottom:14px}.format-option{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:9px 11px;display:flex}.format-option+.format-option{margin-top:8px}.format-option.is-selected{background:#f3f8f5;border-color:#7cad98}.format-option input{accent-color:var(--green);margin:0}.format-option strong{margin-bottom:1px;font-size:11px}.format-option small{color:#858e89;font-size:9px}.safe-export-note{color:#476056;background:#f1f7f3;border-radius:8px;gap:10px;margin:20px 20px 15px;padding:12px;display:flex}.safe-icon{color:#fff;background:var(--green);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}.safe-export-note p{margin:0;font-size:9px;line-height:1.65}.safe-export-note strong{color:#244d3d;font-size:10px}.export-button{width:calc(100% - 40px);min-height:48px;margin:0 20px;padding:12px;font-size:13px}.export-hint{color:#89928e;text-align:center;margin:8px 20px 20px;font-size:9px}.message{text-align:center;border-radius:9px;max-width:860px;margin:18px auto 0;padding:13px 16px;font-size:12px}.message-error{color:#822d26;background:#fff0ee;border:1px solid #f0c7c2}.message-success{color:#245c47;background:#edf8f2;border:1px solid #c8e5d7}.checklist{grid-template-columns:.75fr 1.25fr;align-items:start;gap:90px;margin:95px 0 110px;display:grid}.checklist h2{letter-spacing:-.04em;margin:0;font-size:28px}.checklist ul{margin:0;padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:12px;padding:0 0 21px;display:grid}.checklist li+li{padding-top:21px}.checklist li>span{color:var(--green);font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:11px;font-weight:700}.checklist li p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.checklist li strong{color:var(--ink);margin-bottom:3px;font-size:13px;display:block}footer{border-top:1px solid var(--line);color:#7d8682;text-align:center;padding:30px 24px;font-size:10px}footer p{margin:0}@media (width<=820px){.app-header,main{width:min(100% - 28px,680px)}.privacy-pill{padding:7px 10px;font-size:10px}.intro{margin:52px auto 35px}.intro-copy{font-size:13px}.steps li:not(:last-child):after{width:20px;margin:0 10px}.editor-layout{grid-template-columns:1fr}.control-panel{border-top:1px solid var(--line);border-left:0}.control-section{padding:20px}.safe-export-note{margin-top:18px}.export-button{margin-bottom:20px}.checklist{grid-template-columns:1fr;gap:32px;margin:70px 0 80px}}@media (width<=540px){.app-header{min-height:64px}.brand{font-size:13px}.brand-mark{border-radius:6px;width:24px;height:24px;font-size:11px}.privacy-pill{max-width:155px;line-height:1.35}.intro h1{font-size:38px}.mobile-break{display:block}.intro-copy{line-height:1.75}.steps{justify-content:space-between;width:100%;font-size:10px}.steps li{flex-direction:column;gap:6px}.steps li:not(:last-child):after{display:none;position:absolute}.workspace-card{border-radius:14px}.empty-state{min-height:390px}.editor-toolbar{gap:10px;padding:11px 12px}.file-summary{max-width:38%}.button-quiet{padding:8px 10px;font-size:10px}.canvas-column{padding:12px}.tool-switcher{flex-wrap:wrap}.tool-button{justify-content:center;min-width:96px;min-height:40px;font-size:12px}.space-hint{text-align:center;width:100%;margin:1px 0 0}.canvas-instruction{text-align:center;align-items:flex-start;font-size:9px;line-height:1.5}.canvas-scroll{max-height:60vh}.zoom-row{grid-template-columns:auto 1fr 38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}