:root{--green:#0d5c46;--green2:#17805f;--gold:#d8ad4b;--ink:#15332b;--muted:#6b7d77;--bg:#f3f7f5;--line:#dce8e3;--white:#fff;--danger:#a12b2b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.top{height:68px;background:#073f31;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1180px)/2));box-shadow:0 3px 16px #073f3128}.brand{font-size:22px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.5px}.brand span{color:var(--gold)}.brand.big{font-size:30px;color:var(--green)}nav{display:flex;align-items:center;gap:20px}nav a,nav span{color:#dcece7;text-decoration:none;font-size:14px}.container{max-width:1180px;margin:auto;padding:34px 20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px #173f3210}.hero,.result-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px}.hero h1,.result-head h1{font-size:34px;line-height:1.15;margin:4px 0}.hero p{color:var(--muted);margin:5px 0}.eyebrow{font-weight:800!important;color:var(--green2)!important;font-size:12px;letter-spacing:1.5px}.engine{background:#e4f3ed;padding:13px 22px;border-radius:14px;display:flex;flex-direction:column}.engine small{color:var(--muted)}.studio{padding:22px}.drop{border:2px dashed #92b8aa;border-radius:15px;padding:25px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f8fbfa;position:relative}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop div{display:flex;flex-direction:column}.drop strong{font-size:17px}.drop small,.privacy,small{color:var(--muted)}.editor-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:24px;margin-top:22px}
.preview{background:#14231f;border-radius:16px;min-height:560px;display:flex;flex-direction:column;padding:12px;overflow:hidden}.preview-toolbar{display:flex;justify-content:flex-end;gap:8px;padding-bottom:10px}.canvas-viewport{position:relative;flex:1;min-height:420px;overflow:auto;display:grid;place-items:center;border-radius:10px;background-color:#0d1916;background-image:linear-gradient(45deg,#162722 25%,transparent 25%),linear-gradient(-45deg,#162722 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#162722 75%),linear-gradient(-45deg,transparent 75%,#162722 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas-wrap{position:relative;flex:none}.preview canvas{display:block;max-width:none;max-height:none}.empty-preview{position:absolute;color:#a9bbb5}.preview-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px}.preview-foot p{color:#a9bbb5;margin:0}.preview-foot label{color:#b7c8c2;display:flex;flex-direction:row;align-items:center}.preview-foot input{width:120px;padding:0}.crop-box{position:absolute;border:2px solid #fff;outline:9999px solid #0008;cursor:move;touch-action:none;box-shadow:0 0 0 1px #0006}.crop-box i{position:absolute;width:16px;height:16px;border:3px solid #fff;background:var(--green);border-radius:50%;z-index:3}.crop-box i[data-handle=nw]{left:-9px;top:-9px;cursor:nwse-resize}.crop-box i[data-handle=ne]{right:-9px;top:-9px;cursor:nesw-resize}.crop-box i[data-handle=sw]{left:-9px;bottom:-9px;cursor:nesw-resize}.crop-box i[data-handle=se]{right:-9px;bottom:-9px;cursor:nwse-resize}.crop-box .third{position:absolute;background:#fff7;pointer-events:none}.crop-box .v1,.crop-box .v2{top:0;bottom:0;width:1px}.crop-box .v1{left:33.333%}.crop-box .v2{left:66.666%}.crop-box .h1,.crop-box .h2{left:0;right:0;height:1px}.crop-box .h1{top:33.333%}.crop-box .h2{top:66.666%}
.controls{padding:5px}.controls h2{margin:0 0 15px}.controls h3{font-size:14px;margin:22px 0 8px;display:flex;justify-content:space-between}.controls h3 small,.hint{font-weight:400;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:6px}input,select{width:100%;padding:11px 12px;border:1px solid #c9d8d2;border-radius:9px;background:#fff;font:inherit;color:var(--ink)}input:focus,select:focus{outline:2px solid #69a99155;border-color:var(--green2)}input[type=checkbox]{width:auto}.checks{justify-content:flex-end}.checks span{font-weight:500}.preset-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.chip{border:1px solid var(--line);border-radius:30px;background:#fff;padding:6px 12px;cursor:pointer}.chip.active{background:var(--green);color:#fff}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-btn{border:1px solid #456159;background:#203b33;color:#deebe7;border-radius:8px;padding:7px 10px;cursor:pointer}.controls .tool-btn{background:#fff;color:var(--green);border-color:var(--line)}.tool-btn.active{background:var(--green)!important;color:#fff!important}.tool-btn:disabled{opacity:.45}.live-sliders{display:grid;gap:12px}.live-sliders label{display:grid;grid-template-columns:1fr auto;align-items:center}.live-sliders input[type=range]{grid-column:1/-1;padding:0}.switch{display:flex!important;flex-direction:row!important}.switch input{width:auto}.switch span{font-weight:600}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:11px 17px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);text-decoration:none;font-weight:750;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--green),var(--green2));border:0;color:#fff;box-shadow:0 6px 15px #0d5c4633}.btn.full{width:100%;margin-top:23px}.btn:disabled{opacity:.6}.privacy{text-align:center;font-size:12px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:15px}.alert.error{background:#fde9e9;color:#8d2020}.alert.success{background:#e2f5ea;color:#17603e}.auth,.install .card{max-width:560px;margin:35px auto;padding:30px}.auth form{display:grid;gap:16px}.install{min-height:100vh;display:grid;place-items:center;padding:25px}.install .card{max-width:720px;width:100%}.install hr{border:0;border-top:1px solid var(--line)}footer{text-align:center;color:#82928c;font-size:12px;padding:35px}.result-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.photo-card{padding:18px;text-align:center;background:#ecf2ef}.photo-card img{max-width:100%;max-height:650px;border-radius:10px}.stats{padding:25px}.stats h2{word-break:break-word}.stats dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.stats dt{color:var(--muted)}.stats dd{font-weight:750}.actions{display:flex;gap:10px;align-items:center;margin-top:20px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.item{overflow:hidden}.item>a{display:block;background:#e8efec;height:200px;text-align:center}.item img{width:100%;height:100%;object-fit:contain}.item>div{padding:14px}.item strong,.item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .actions{justify-content:space-between;margin-top:10px}.item .actions a,.item .actions button{border:0;background:none;color:var(--green);padding:0;cursor:pointer;text-decoration:none}.item .actions button{color:var(--danger)}.empty{text-align:center;padding:50px}@media(max-width:850px){.editor-grid,.result-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:28px}.preview{min-height:430px}.canvas-viewport{min-height:320px}}@media(max-width:550px){.container{padding:22px 14px}.top{padding:0 14px}nav span{display:none}nav{gap:12px}.hero,.result-head{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.crop-fields{grid-template-columns:1fr 1fr}.wide{grid-column:auto}.gallery{grid-template-columns:1fr}.engine{width:100%}.preview-foot{align-items:flex-start;flex-direction:column}.preview-foot label{width:100%}.preview-foot input{flex:1}.canvas-viewport{min-height:300px}}