/* Larger navigation and clearly separated dropdown rows. */
.tk-header-inner{min-height:62px;height:auto;padding-block:8px}.tk-nav{padding:4px;border-radius:13px}.tk-nav-list>li>a,.tk-nav-link{padding:10px 11px;border-radius:9px;font-size:14px;line-height:1.2}.tk-nav-list>li:hover>a,.tk-nav-list>li:focus-within>a,.tk-nav-list>li.is-hover-open>a{color:var(--tk-text);background:color-mix(in srgb,var(--tk-primary) 12%,var(--tk-surface))}.tk-nav-list .menu-item-has-children>.sub-menu{width:min(480px,calc(100vw - 32px));padding:8px 10px;border:1px solid color-mix(in srgb,var(--tk-primary) 24%,var(--tk-border));border-top:3px solid var(--tk-primary);border-radius:16px;background:var(--tk-surface);box-shadow:0 18px 48px rgb(0 0 0/.16),0 4px 12px rgb(0 0 0/.05)}.tk-nav-list .sub-menu li{min-width:0}.tk-nav-list .sub-menu a{display:flex;align-items:center;min-height:46px;padding:11px 12px;border-bottom:1px solid var(--tk-border);border-radius:0;color:var(--tk-text);font-size:14px;line-height:1.4;overflow-wrap:anywhere;white-space:normal;text-overflow:clip;transition:background-color .16s ease,box-shadow .16s ease}.tk-nav-list .sub-menu li:nth-last-child(-n+2)>a{border-bottom-color:transparent}.tk-nav-list .sub-menu a:hover,.tk-nav-list .sub-menu a:focus-visible{border-radius:9px;color:var(--tk-text);background:color-mix(in srgb,var(--tk-primary) 12%,var(--tk-surface));box-shadow:inset 3px 0 0 var(--tk-primary)}.tk-nav-mobile{max-height:calc(100dvh - 80px);overflow-y:auto}.tk-nav-mobile a{min-height:44px;font-size:14px}.tk-nav-mobile-list .tk-nav-mobile-group>.sub-menu{margin:6px 0 12px;padding:6px;border:1px solid var(--tk-border);border-left:3px solid var(--tk-primary);border-radius:12px;background:var(--tk-surface)}.tk-nav-mobile-list .tk-nav-mobile-group>.sub-menu a{min-height:44px;padding:11px 10px;border-bottom:1px solid var(--tk-border);border-radius:0;font-size:14px}.tk-nav-mobile-list .tk-nav-mobile-group>.sub-menu li:last-child a{border-bottom:0}.tk-nav-mobile-list .sub-menu a:hover{border-radius:8px;background:color-mix(in srgb,var(--tk-primary) 12%,var(--tk-surface))}@media(min-width:860px) and (max-width:1199px){.tk-nav{display:none}.tk-nav-toggle{display:flex}.tk-nav-mobile.is-open{display:flex}}

/* Advanced Photo Editor. */
.tk-photo-editor-page{max-width:1480px!important}.tk-photo-editor-heading p{margin:3px 0 0;color:var(--tk-text-dim);font-size:13px}.tk-photo-editor{overflow:hidden;border:1px solid var(--tk-border);border-radius:18px;background:var(--tk-surface);box-shadow:var(--tk-shadow)}.tk-photo-toolbar{display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 12px;border-bottom:1px solid var(--tk-border);background:var(--tk-surface)}.tk-photo-open{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;border-radius:10px;background:var(--tk-primary);color:#fff;font-weight:800;cursor:pointer}.tk-photo-open input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tk-photo-open svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.tk-photo-toolbar>span{min-width:0;overflow:hidden;color:var(--tk-text-dim);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tk-photo-toolbar>div{display:flex;gap:6px;margin-left:auto}.tk-photo-toolbar button,.tk-photo-secondary,.tk-photo-button-grid button,.tk-photo-presets button{min-height:36px;padding:7px 10px;border:1px solid var(--tk-border);border-radius:9px;background:var(--tk-surface-2);color:var(--tk-text);font-weight:750;cursor:pointer}.tk-photo-toolbar button:disabled{opacity:.45;cursor:not-allowed}.tk-photo-shell{display:grid;grid-template-columns:290px minmax(360px,1fr) 260px;min-height:650px}.tk-photo-controls{overflow-y:auto;border-right:1px solid var(--tk-border);background:var(--tk-surface)}.tk-photo-controls details{border-bottom:1px solid var(--tk-border)}.tk-photo-controls summary{display:flex;justify-content:space-between;padding:14px 15px;font-size:14px;font-weight:850;cursor:pointer;list-style:none}.tk-photo-controls summary::-webkit-details-marker{display:none}.tk-photo-controls summary span{color:var(--tk-primary);transition:transform .18s}.tk-photo-controls details[open] summary span{transform:rotate(180deg)}.tk-photo-panel{display:grid;gap:12px;padding:0 14px 16px}.tk-photo-panel label,.tk-photo-export>label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;color:var(--tk-text-dim);font-size:12px;font-weight:750}.tk-photo-panel label input[type=range],.tk-photo-export label input[type=range],.tk-photo-panel label select,.tk-photo-export label select{grid-column:1/-1;width:100%}.tk-photo-panel input[type=number],.tk-photo-panel select,.tk-photo-export select{min-width:0;height:38px;padding:7px 9px;border:1px solid var(--tk-border);border-radius:9px;background:var(--tk-surface-2);color:var(--tk-text)}.tk-photo-grid-two,.tk-photo-grid-four,.tk-photo-button-grid,.tk-photo-presets{display:grid;gap:7px}.tk-photo-grid-two,.tk-photo-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-photo-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.tk-photo-grid-four label{display:grid;grid-template-columns:1fr}.tk-photo-grid-four input{width:100%}.tk-photo-check{display:flex!important;justify-content:flex-start}.tk-photo-hint{margin:0;padding:9px;border-radius:8px;background:color-mix(in srgb,var(--tk-primary) 8%,var(--tk-surface-2));color:var(--tk-text-dim);font-size:11px;line-height:1.45}.tk-photo-button-grid button.is-active{border-color:var(--tk-primary);background:color-mix(in srgb,var(--tk-primary) 14%,var(--tk-surface));color:var(--tk-primary)}.tk-photo-presets{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.tk-photo-presets button{font-size:11px}.tk-photo-workspace{display:grid;grid-template-rows:1fr auto;min-width:0;padding:16px;background:color-mix(in srgb,var(--tk-bg) 72%,var(--tk-surface-2))}.tk-photo-drop{display:grid;place-items:center;min-height:480px;border:2px dashed color-mix(in srgb,var(--tk-primary) 35%,var(--tk-border));border-radius:16px;cursor:pointer}.tk-photo-drop>div{display:grid;place-items:center;gap:7px;text-align:center}.tk-photo-drop svg{width:54px;height:54px;padding:13px;border-radius:15px;background:color-mix(in srgb,var(--tk-primary) 12%,var(--tk-surface));fill:none;stroke:var(--tk-primary);stroke-width:1.7}.tk-photo-drop strong{font-size:17px}.tk-photo-drop span{color:var(--tk-text-dim);font-size:12px}.tk-photo-drop.is-dragging{border-color:var(--tk-primary);background:color-mix(in srgb,var(--tk-primary) 8%,transparent)}.tk-photo-stage{display:grid;place-items:center;min-height:540px;overflow:auto}.tk-photo-stage>div{position:relative;display:inline-block;max-width:100%;line-height:0;box-shadow:0 12px 34px rgb(0 0 0/.18)}.tk-photo-stage canvas{display:block;max-width:100%;max-height:540px;cursor:crosshair;touch-action:none}.tk-photo-stage footer,.tk-photo-workspace>footer{display:flex;justify-content:space-between;gap:12px;padding-top:10px;color:var(--tk-text-dim);font-size:11px}.tk-photo-canvas-wrap,#photo-canvas-wrap{position:relative;display:inline-block;max-width:100%;line-height:0}.tk-photo-canvas-wrap canvas,#photo-canvas-wrap canvas{display:block;max-width:100%;max-height:540px}.tk-photo-canvas-wrap::after,#photo-canvas-wrap::after{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 9999px rgb(0 0 0/.34);content:''}.tk-photo-canvas-wrap:has(#photo-crop-box)::after,#photo-canvas-wrap:has(#photo-crop-box)::after{display:none}#photo-crop-box{position:absolute;z-index:2;border:2px solid #fff;outline:1px solid rgb(0 0 0/.35);box-shadow:0 0 0 9999px rgb(0 0 0/.42);pointer-events:none}#photo-crop-box::before,#photo-crop-box::after{position:absolute;content:'';inset:33.333% 0 auto;border-top:1px solid rgb(255 255 255/.55)}#photo-crop-box::after{inset:66.666% 0 auto}#photo-crop-box i{position:absolute;top:-4px;width:7px;height:calc(100% + 8px);border-top:0;border-bottom:0}#photo-crop-box i:nth-child(1){left:33.333%;border-left:1px solid rgb(255 255 255/.55)}#photo-crop-box i:nth-child(2){left:66.666%;border-left:1px solid rgb(255 255 255/.55)}#photo-crop-box i:nth-child(3){top:-5px;left:-5px;width:10px;height:10px;border:2px solid #fff;background:var(--tk-primary);border-radius:50%}#photo-crop-box i:nth-child(4){top:auto;right:-5px;bottom:-5px;width:10px;height:10px;border:2px solid #fff;background:var(--tk-primary);border-radius:50%}.tk-photo-export{display:grid;align-content:start;gap:12px;padding:14px;border-left:1px solid var(--tk-border);background:var(--tk-surface)}.tk-photo-export>div:first-child{display:flex;align-items:center;justify-content:space-between}.tk-photo-export small{display:block;color:var(--tk-primary);font-size:10px;font-weight:850;text-transform:uppercase}.tk-photo-export strong{font-size:12px}.tk-photo-result{position:relative;display:grid;place-items:center;min-height:210px;overflow:hidden;border:1px solid var(--tk-border);border-radius:12px;background:linear-gradient(45deg,var(--tk-surface-2) 25%,transparent 25%),linear-gradient(-45deg,var(--tk-surface-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tk-surface-2) 75%),linear-gradient(-45deg,transparent 75%,var(--tk-surface-2) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.tk-photo-result canvas{display:block;max-width:100%;max-height:300px}.tk-photo-result>span{position:absolute;color:var(--tk-text-dim);font-size:12px}.tk-photo-export input[type=color]{width:44px;height:34px;padding:2px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface)}.tk-photo-export .tk-btn{width:100%;min-height:44px}.tk-photo-export p{margin:0;color:var(--tk-text-dim);font-size:11px;line-height:1.5}
@media(max-width:1120px){.tk-photo-shell{grid-template-columns:260px minmax(360px,1fr)}.tk-photo-export{grid-column:1/-1;grid-template-columns:180px repeat(3,minmax(130px,1fr)) 190px;align-items:center;border-top:1px solid var(--tk-border);border-left:0}.tk-photo-result{min-height:130px}.tk-photo-export p{grid-column:1/-1}}
@media(max-width:760px){.tk-photo-toolbar>span{display:none}.tk-photo-toolbar button span{display:none}.tk-photo-shell{display:flex;flex-direction:column}.tk-photo-controls{max-height:none;border-right:0}.tk-photo-workspace{order:-1;min-height:420px;padding:10px}.tk-photo-drop{min-height:390px}.tk-photo-stage{min-height:390px}.tk-photo-export{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0}.tk-photo-export>div:first-child,.tk-photo-result,.tk-photo-export .tk-btn,.tk-photo-export p{grid-column:1/-1}.tk-photo-result{min-height:220px}.tk-photo-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.tk-nav-list .sub-menu a,.tk-photo-controls summary span{transition:none}}

/* Compact editor pass: primary actions stay above the image. */
.tk-photo-quickbar{display:flex;align-items:center;gap:7px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--tk-border);background:var(--tk-surface-2)}.tk-photo-quickbar>label:first-child{display:flex;align-items:center;gap:7px;color:var(--tk-text-dim);font-size:11px;font-weight:800}.tk-photo-quickbar select{height:34px;padding:5px 28px 5px 8px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface);color:var(--tk-text);font-weight:750}.tk-photo-quickbar>button{min-height:34px;padding:6px 10px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface);color:var(--tk-text);font-size:12px;font-weight:800;cursor:pointer}.tk-photo-quickbar>button:hover{border-color:var(--tk-primary);color:var(--tk-primary)}.tk-photo-quick-check{display:flex;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface);font-size:12px;font-weight:800;cursor:pointer}.tk-photo-shell{min-height:560px}.tk-photo-workspace{padding:10px}.tk-photo-drop{min-height:400px}.tk-photo-stage{min-height:440px}.tk-photo-stage canvas,.tk-photo-canvas-wrap canvas,#photo-canvas-wrap canvas{max-height:465px}.tk-photo-controls summary{padding:11px 14px}.tk-photo-panel{gap:9px;padding:0 13px 13px}.tk-photo-watermark-panel input[type=text],.tk-photo-watermark-panel select{grid-column:1/-1;width:100%;height:36px;padding:7px 9px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface-2);color:var(--tk-text)}.tk-photo-watermark-panel input[type=color]{width:42px;height:36px;padding:2px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface)}
@media(max-width:760px){.tk-photo-quickbar{overflow-x:auto;padding-inline:9px}.tk-photo-quickbar>button,.tk-photo-quickbar label{flex:0 0 auto}.tk-photo-quick-check{margin-left:0}.tk-photo-workspace{order:-1}.tk-photo-drop{min-height:310px}.tk-photo-stage{min-height:330px}.tk-photo-stage canvas,.tk-photo-canvas-wrap canvas,#photo-canvas-wrap canvas{max-height:380px}}

/* Simplified Photo Editor: every editing option begins in the top control row. */
.tk-photo-editor-heading{margin-bottom:8px}.tk-photo-download{border-color:var(--tk-primary)!important;background:var(--tk-primary)!important;color:#fff!important}.tk-photo-quickbar{position:relative;flex-wrap:wrap;justify-content:flex-start;overflow:visible;min-height:50px;padding:7px 10px}.tk-photo-quickbar>select,.tk-photo-select select{height:34px;padding:5px 28px 5px 9px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface);color:var(--tk-text);font-size:12px;font-weight:800}.tk-photo-select{display:flex;align-items:center;gap:6px;color:var(--tk-text-dim);font-size:11px;font-weight:800}.tk-photo-apply{border-color:var(--tk-primary)!important;background:var(--tk-primary)!important;color:#fff!important}.tk-photo-menu{position:relative}.tk-photo-menu>summary{display:flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface);color:var(--tk-text);font-size:12px;font-weight:800;cursor:pointer;list-style:none}.tk-photo-menu>summary::-webkit-details-marker{display:none}.tk-photo-menu>summary::after{margin-left:7px;color:var(--tk-primary);content:'⌄'}.tk-photo-menu[open]>summary{border-color:var(--tk-primary);color:var(--tk-primary)}.tk-photo-popover{position:absolute;z-index:30;top:calc(100% + 7px);left:0;display:grid;width:300px;gap:10px;padding:12px;border:1px solid var(--tk-border);border-radius:12px;background:var(--tk-surface);box-shadow:0 16px 42px rgb(0 0 0/.2)}.tk-photo-watermark-menu .tk-photo-popover{width:330px}.tk-photo-popover label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;color:var(--tk-text-dim);font-size:12px;font-weight:750}.tk-photo-popover label>input[type=range],.tk-photo-popover label>input[type=text],.tk-photo-popover label>select{grid-column:1/-1;width:100%}.tk-photo-popover input[type=text],.tk-photo-popover select{height:36px;padding:6px 9px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface-2);color:var(--tk-text)}.tk-photo-popover input[type=color]{width:44px;height:34px;padding:2px;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface)}.tk-photo-popover .tk-photo-check{display:flex;justify-content:flex-start}.tk-photo-shell{display:block;min-height:430px}.tk-photo-workspace{min-height:430px;padding:10px}.tk-photo-drop{min-height:390px}.tk-photo-stage{min-height:390px}.tk-photo-stage canvas,.tk-photo-canvas-wrap canvas,#photo-canvas-wrap canvas{max-height:520px}.tk-photo-workspace>footer{padding:8px 2px 0}.tk-photo-workspace>footer #photo-status{margin-left:auto;text-align:right}
@media(max-width:760px){.tk-photo-toolbar{gap:7px}.tk-photo-toolbar>div{gap:4px}.tk-photo-toolbar button{padding-inline:8px}.tk-photo-quickbar{overflow:visible;flex-wrap:wrap;padding:7px}.tk-photo-quickbar>button,.tk-photo-quickbar label{flex:0 0 auto}.tk-photo-menu{position:static}.tk-photo-popover,.tk-photo-watermark-menu .tk-photo-popover{top:100%;left:7px;width:calc(100% - 14px)}.tk-photo-workspace{min-height:340px}.tk-photo-drop,.tk-photo-stage{min-height:320px}.tk-photo-stage canvas,.tk-photo-canvas-wrap canvas,#photo-canvas-wrap canvas{max-height:400px}.tk-photo-workspace>footer{display:grid;gap:3px}.tk-photo-workspace>footer #photo-status{margin-left:0;text-align:left}}

/* Tool panels open in a reserved side area and can be dragged by their header. */
.tk-photo-editor{position:relative}.tk-photo-quickbar{position:static}.tk-photo-menu{position:static}.tk-photo-popover,.tk-photo-watermark-menu .tk-photo-popover{right:10px;left:auto;max-height:calc(100% - 126px);overflow:auto}.tk-photo-editor:has(.tk-photo-menu[open]) .tk-photo-workspace{margin-right:350px}.tk-photo-popover-head{position:sticky;z-index:2;top:-12px;display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;margin:-12px -12px 2px;padding:10px 12px;border-bottom:1px solid var(--tk-border);background:var(--tk-surface);cursor:move;touch-action:none;user-select:none}.tk-photo-popover-head strong{color:var(--tk-text);font-size:13px}.tk-photo-popover-head span{color:var(--tk-primary);font-size:10px;font-weight:800}.tk-photo-popover.is-moved{right:auto;box-shadow:0 20px 50px rgb(0 0 0/.28)}
@media(max-width:900px){.tk-photo-editor:has(.tk-photo-menu[open]) .tk-photo-shell{padding-top:350px}.tk-photo-editor:has(.tk-photo-menu[open]) .tk-photo-workspace{margin-right:0}.tk-photo-popover,.tk-photo-watermark-menu .tk-photo-popover{right:7px;left:auto;width:calc(100% - 14px);max-height:330px}}