.image-page .hero{padding:24px 0;gap:24px}.image-page .hero-heading{font-size:48px;letter-spacing:-2px}.image-page .hero-description{max-width:660px}.image-hero-art{width:110px;height:110px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#a893ff,#7057f5);font-size:60px;font-weight:700;color:white;transform:rotate(10deg);box-shadow:7px 7px 0 #e3ddff;flex-shrink:0}.private-note{display:flex;align-items:center;gap:7px;font-size:11px;color:#85889d}.image-workspace{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border:1px solid #e5e5f0;border-radius:24px;background:white;box-shadow:0 12px 44px #35287508;margin-bottom:26px}.image-controls{padding:22px;min-width:0}.upload-zone{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:145px;background:#f7f5ff;border:1.5px dashed #d6cef8;border-radius:16px;cursor:pointer;color:#606079!important;margin:0 0 18px!important;text-align:center}.upload-zone.drag-over{background:#eee7ff;border-color:var(--accent)}.upload-symbol{width:36px;height:36px;background:white;color:var(--accent);display:grid;place-items:center;border-radius:11px;font-size:25px}.upload-zone strong{font-size:15px;color:#46435f}.upload-zone>span:last-of-type{font-size:10px;color:#9793ae}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-zone:focus-within{outline:2px solid var(--accent);outline-offset:3px}.image-file-info{display:flex;align-items:center;gap:8px;margin:-6px 0 12px;color:#88859b;font-size:10px}.image-file-info>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.image-file-info button{background:#f4f2fb;border:0;border-radius:6px;color:#7c729e;font-size:20px;width:28px;height:28px}.image-options{display:flex;flex-direction:column;gap:12px}.option-row{display:flex;align-items:center;gap:14px}.image-options label{font-size:11px;color:#7e7b91;margin:0;line-height:1.5;flex:1}.image-options output{color:var(--accent);font-weight:650;margin-left:6px}.image-options input:not([type=range]):not([type=checkbox]),.image-options select{border:1px solid #e7e4ef;background:#f8f8fc;border-radius:9px;padding:9px 10px;font-size:12px;color:#45435c;min-width:0;max-width:100%}.option-row input:not([type=range]),.option-row select{width:60%}.image-options input[type=range]{width:60%;accent-color:var(--accent);height:24px}.image-options input[type=color]{width:52px;height:35px;padding:3px!important}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-grid>div{min-width:0;display:flex;flex-direction:column;gap:5px}.option-grid input,.option-grid select{width:100%!important}.option-grid input[type=color]{height:36px}.image-check{display:flex;align-items:center;gap:6px}.image-check input{accent-color:var(--accent)}.option-note{font-size:11px;color:#9290a1;margin:0;line-height:1.6}.image-action{display:flex;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 15px;border-radius:10px;background:var(--accent);color:white;border:0;font-size:12px;font-weight:600;margin-top:18px}.image-action svg{width:16px}.image-preview-panel{border-radius:17px;padding:22px;background:linear-gradient(140deg,#302143,#4b326b);color:white;display:flex;flex-direction:column;min-width:0}.preview-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#bdaaca;letter-spacing:1px;margin-bottom:16px}.preview-heading>span:last-child{letter-spacing:0;white-space:nowrap}.image-preview{display:flex;align-items:center;justify-content:center;height:215px;min-width:0;border-radius:12px;background:linear-gradient(45deg,#ffffff06 25%,transparent 25%,transparent 75%,#ffffff06 75%),linear-gradient(45deg,#ffffff06 25%,transparent 25%,transparent 75%,#ffffff06 75%);background-position:0 0,8px 8px;background-size:16px 16px;overflow:hidden}.image-preview canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;color:#b4a1c9}.preview-empty>span{font-size:48px;color:#b19eca}.image-preview-panel #image-result-note{font-size:10px;color:#c2b3d1;line-height:1.6;margin:15px 0;min-height:16px}.image-preview-panel .copy-button{display:flex;align-items:center;justify-content:space-between;background:#c5fb75;color:#263616;padding:0 15px;text-decoration:none;margin-top:auto;height:42px;font-size:12px}.image-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;padding:5px}.image-palette button{border:0;border-radius:10px;overflow:hidden;background:white;padding:0 0 7px;font-size:10px;color:#373047}.image-palette button>span{display:block;height:52px;margin-bottom:7px}.pdf-list{list-style:none;margin:0;padding:0;max-height:94px;overflow-y:auto;display:grid;gap:6px}.pdf-list li{display:flex;gap:5px;align-items:center;font-size:10px;color:#858195}.pdf-list li>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-list button{border:1px solid #e4dfef;background:#f6f3fc;border-radius:5px;padding:2px 6px;color:#746b8a;font-size:11px}.image-page .related-scroll{scroll-snap-type:x proximity}.image-page .related-item{scroll-snap-align:start}.image-page .related-item.is-current{order:-1}
@media(max-width:700px){.image-page .shell{padding-left:14px;padding-right:14px}.image-page .header-inner{height:48px}.image-page .brand{font-size:17px}.private-note{font-size:0;gap:0}.private-note svg{width:15px}.image-page .hero{padding:0 0 10px}.image-page .hero-heading{font-size:25px!important;letter-spacing:-.8px;line-height:1.12}.image-hero-art{display:none}.image-workspace{grid-template-columns:1fr;gap:6px;padding:6px;border-radius:18px;margin-bottom:20px}.image-controls{padding:10px 12px}.upload-zone{min-height:78px;gap:4px;flex-direction:row;flex-wrap:wrap;margin-bottom:10px!important;padding:10px 14px}.upload-symbol{width:27px;height:27px;font-size:21px}.upload-zone strong{font-size:12px}.upload-zone>span:last-of-type{width:100%;font-size:9px}.image-options{gap:8px}.image-options label{font-size:10px}.image-options input:not([type=range]):not([type=checkbox]),.image-options select{font-size:11px;padding:6px 8px;height:32px}.image-options input[type=range]{height:20px}.image-action{height:38px;margin-top:11px;font-size:11px}.image-preview-panel{padding:11px 14px;border-radius:12px}.preview-heading{font-size:8px;margin-bottom:7px}.image-preview{height:115px}.preview-empty{gap:4px;font-size:10px}.preview-empty>span{font-size:30px}.image-preview-panel #image-result-note{font-size:9px;margin:8px 0;line-height:1.4}.image-preview-panel .copy-button{height:36px;font-size:11px;border-radius:9px}.image-palette{gap:6px;padding:0}.image-palette button{font-size:9px;padding-bottom:4px}.image-palette button>span{height:29px;margin-bottom:3px}.pdf-list{max-height:64px}.image-file-info{margin:0 0 7px}.image-file-info button{height:22px;width:22px;font-size:17px}.image-page .related-apps{margin-bottom:9px}.image-page .ad-top{margin-bottom:14px}}
@media(max-width:700px) and (max-height:650px){.image-page .header-inner{height:40px}.image-page .hero-heading{font-size:21px!important}.image-page .image-preview{height:85px}.image-page .upload-zone{min-height:64px;padding:7px 10px}.image-page .image-controls{padding:7px 10px}.image-page .image-preview-panel{padding:8px 12px}.image-page .image-action{height:35px;margin-top:9px}.image-options{gap:6px}.image-page .ad-top{margin-bottom:12px}.image-page .image-preview-panel .copy-button{height:34px}}
.image-view-tabs{display:none}
@media(max-width:700px){.has-image .upload-zone{min-height:34px;padding:5px 10px;gap:6px;margin-bottom:7px!important}.has-image .upload-zone>span:last-of-type{display:none}.has-image .upload-symbol{width:22px;height:22px;font-size:17px}.has-image .upload-zone strong{font-size:11px}.image-workspace[data-mode=watermark] .image-preview{height:75px}}
@media(max-width:700px) and (max-height:650px){.image-workspace[data-mode=watermark] .image-view-tabs{display:flex;gap:6px;padding:3px 5px;grid-column:1/-1}.image-view-tabs button{flex:1;border:0;padding:8px;background:#f3f1fa;border-radius:8px;font-size:11px;color:#8c87a1}.image-view-tabs button[aria-pressed=true]{background:#eee7ff;color:var(--accent);font-weight:650}.image-workspace[data-mode=watermark] .image-preview-panel{display:none}.image-workspace[data-mode=watermark].result-view .image-controls{display:none}.image-workspace[data-mode=watermark].result-view .image-preview-panel{display:flex}.image-workspace[data-mode=watermark].result-view .image-preview{height:170px}}