main#main-content>section.tools-page{padding:145px 0 90px}.tools-back{display:inline-flex;align-items:center;min-height:44px;color:var(--link-color);font-size:12px;margin-bottom:20px}.tools-eyebrow{display:block;color:var(--link-color);font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:18px}.tools-heading{max-width:800px;margin-bottom:38px}.tools-heading h1{font-size:clamp(34px,5vw,60px);line-height:1.1;letter-spacing:-.05em}.tools-heading>p{font-size:17px;line-height:1.8;margin-top:22px;max-width:680px}.tools-privacy{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--link-color);padding:12px 0;margin-top:14px}.tools-directory{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.tools-directory>a{display:flex;flex-direction:column;padding:30px 0;border-block:1px solid rgb(var(--border-subtle))}.tools-directory svg{width:82px;height:82px;margin-bottom:28px;color:var(--link-color)}.tools-directory h2{margin-bottom:18px}.tools-directory p{font-size:15px;line-height:1.85;max-width:440px}.tools-directory .tools-directory-action{color:var(--link-color);display:block;margin-top:auto;padding-top:28px;font-size:13px}.tools-directory>a:hover h2{color:var(--link-color)}.tools-panel{padding:28px;background:rgb(var(--color-bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:20px;min-width:0}.tools-page .tools-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border:1px solid rgb(var(--border-subtle));border-radius:10px;font-size:13px;cursor:pointer;line-height:1.5}.tools-page .tools-primary{background:var(--action-bg);border-color:var(--action-bg);color:#fff;font-weight:650}.tools-page .tools-primary:hover{background:var(--action-hover)}.tools-page :is(button,input,select,a,[tabindex]):focus-visible{outline:2px solid var(--link-color);outline-offset:4px}.tools-page button:disabled{opacity:.45;cursor:not-allowed}.tools-fineprint{font-size:12px;line-height:1.8;color:rgb(var(--color-text-muted))}.tools-notice{padding:20px 0;border-top:1px solid rgb(var(--border-subtle));margin-top:32px;font-size:14px;line-height:1.85;max-width:800px}.tools-notice strong{display:block;color:rgb(var(--color-text-main));margin-bottom:7px}.tools-status{display:block;margin-top:16px;min-height:24px;color:var(--link-color);font-size:13px;line-height:1.7}.tools-status[data-error]{color:#e47c5b}.tools-page [hidden]{display:none!important}.photo-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:start}.photo-preview-column{min-width:0}.photo-stage{position:relative;max-width:480px;aspect-ratio:1;margin-inline:auto;overflow:hidden;border-radius:14px;background:repeating-conic-gradient(#252b2d 0% 25%,#303738 0% 50%) 50%/24px 24px;touch-action:none;cursor:grab;border:1px solid rgb(var(--border-subtle))}.photo-stage:active{cursor:grabbing}.photo-stage canvas{display:block;width:100%;height:100%}.photo-stage .photo-mask{position:absolute;inset:0;border:1px dashed #fff9;border-radius:50%;box-shadow:0 0 0 150px #0a10147a;pointer-events:none}.photo-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;padding:30px;color:#d9deda;text-align:center;pointer-events:none}.photo-empty svg{width:70px;height:70px;color:#ffad79}.photo-empty p{font-size:14px;line-height:1.7;max-width:270px}.photo-preview-caption{margin:16px 0;text-align:center;font-size:12px;line-height:1.8}@media(min-width:768px){.photo-preview-column{position:sticky;top:115px}.photo-stage{max-width:min(480px,55svh)}}.photo-controls{display:flex;flex-direction:column;gap:22px}.photo-upload{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.photo-field{display:flex;flex-direction:column;gap:10px}.photo-field>label,.photo-field>span{font-size:13px;font-weight:600}.photo-field select,.photo-field input[type=number]{width:100%;padding:12px;min-height:46px;border:1px solid rgb(var(--border-subtle));border-radius:9px;color:rgb(var(--color-text-main));background:rgb(var(--color-bg-elevated));font-size:14px}.photo-field input[type=range]{width:100%;min-height:32px;accent-color:var(--action-bg)}.photo-field-label{display:flex;justify-content:space-between;gap:12px;font-size:13px}.photo-field-label output{color:var(--link-color);font-variant-numeric:tabular-nums}.photo-adjustments{border:0;padding:0;display:flex;flex-direction:column;gap:16px;min-width:0}.photo-adjustments:disabled{opacity:.45}.photo-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-buttons{display:flex;flex-wrap:wrap;gap:12px}.photo-options{display:flex;align-items:center;gap:10px;font-size:13px}.photo-options input{accent-color:var(--action-bg);width:18px;height:18px}.photo-source-info{font-size:12px;line-height:1.8}.photo-result{padding:20px;border:1px solid var(--link-color);border-radius:12px;margin-top:24px}.photo-result img{display:block;width:110px;height:110px;object-fit:contain;background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/14px 14px;margin-bottom:16px;border-radius:8px}.photo-result p{font-size:13px;line-height:1.7;margin-bottom:16px}.touch-intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.touch-demo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:310px;margin:0 auto;padding:22px;border:1px solid rgb(var(--border-subtle));border-radius:22px;transform:rotate(-5deg)}.touch-demo-grid span{aspect-ratio:1;border:1px solid #da824b55;background:#f69a4e0b;border-radius:5px}.touch-demo-grid span:nth-child(3n),.touch-demo-grid span:nth-child(7n){background:#d76c37b3}.touch-intro-copy ol{list-style:decimal;padding-left:24px;line-height:1.9;font-size:15px;margin:24px 0}.touch-intro-copy li{padding:5px 0}.touch-session{position:fixed;inset:0;margin:0;padding:0;max-width:none;max-height:none;width:100%;height:100dvh;border:0;background:#0e171b;color:#f6f6f2;z-index:1000}.touch-session::backdrop{background:#0e171b}.touch-session[open]{display:flex}.touch-shell{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:#0e171b}.touch-shell:fullscreen{width:100vw;height:100dvh}.touch-toolbar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left))}.touch-toolbar h2{font-size:16px;font-weight:600}.touch-toolbar p{font-size:11px;color:#b5c2c5;margin-top:4px}.touch-toolbar-actions{display:flex;gap:8px}.touch-session button{min-height:44px;padding:9px 13px;border:1px solid #ffffff40;border-radius:8px;font-size:12px;cursor:pointer;white-space:nowrap}.touch-session button:focus-visible{outline:2px solid #ffae78;outline-offset:3px}.touch-session button[data-touch-close]{background:#d14b17;border-color:#d14b17;color:#fff}.touch-stats{flex-shrink:0;display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-block:1px solid #ffffff20;background:#142127;font-size:12px;color:#e5ebe4;font-variant-numeric:tabular-nums}.touch-pad{position:relative;flex:1;min-height:100px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.touch-pad canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.touch-pad-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;text-align:center;padding:30px;color:#b7c8c7;font-size:16px}.touch-pad-hint span{background:#0e171be8;padding:18px 24px;border:1px solid #ffffff26;border-radius:14px;line-height:1.7;max-width:370px}.touch-bottom{flex-shrink:0;padding:12px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.touch-modes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.touch-modes button[aria-pressed=true]{border-color:#ffa878;color:#ffbb90;background:#ee945218}.touch-bottom p{font-size:10px;line-height:1.6;color:#b5c3c6;margin-top:9px}.touch-bottom .touch-feedback{color:#ffbe92;min-height:16px;margin-top:5px}.touch-session .touch-modes [data-touch-reset]{margin-left:auto}@media(max-width:767px){main#main-content>section.tools-page{padding-top:115px;padding-bottom:65px}.photo-layout,.touch-intro-layout,.tools-directory{grid-template-columns:1fr;gap:28px}.tools-heading>p{font-size:16px}.tools-panel{padding:20px}.photo-stage{max-width:360px}.touch-demo-grid{max-width:240px}.touch-toolbar h2{font-size:14px}.touch-toolbar{gap:7px}.touch-toolbar-actions{gap:6px}.touch-session button{padding:8px 10px;font-size:11px}.touch-stats{font-size:11px}.touch-toolbar [data-touch-fullscreen]{max-width:100px;white-space:normal}.photo-two-fields{gap:12px}}@media(max-height:500px){.touch-toolbar{padding-block:6px}.touch-toolbar p{display:none}.touch-stats,.touch-bottom{padding-block:6px}.touch-bottom p:not(.touch-feedback){display:none}}@media(max-width:767px)and (min-height:501px){.touch-stats{flex-direction:column;gap:6px;min-height:58px}}