#im-app{--ink:#35383a;--muted:#77736c;--line:#e8e4df;--accent:#9b5e3a;max-width:1120px;margin:14px auto 40px;color:var(--ink);text-align:left;font-size:14px;line-height:1.65}#im-app *{box-sizing:border-box}#im-app [hidden]{display:none!important}#im-app h1,#im-app h2,#im-app h3,#im-app p{padding:0}#im-app h1{font-size:38px;letter-spacing:-1.8px;line-height:1.28;font-weight:800;margin:14px 0}#im-app h2{font-size:21px;margin:0;font-weight:750;letter-spacing:-.6px}#im-app h3{font-size:16px;margin:0;font-weight:750}#im-app h3>span{font-size:11px;color:#b3886a;margin-right:9px}#im-app .im-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 38px;border-radius:24px;background:#f3ede4;border:1px solid #ede3d6;overflow:hidden}#im-app .im-eyebrow{color:#8d6b51;font-size:10px;font-weight:750;letter-spacing:1.8px}#im-app .im-hero p{font-size:14px;color:#766856;margin:0 0 19px}#im-app .im-badges{display:flex;gap:7px;flex-wrap:wrap}#im-app .im-badges span{font-size:11px;padding:5px 10px;background:#e8dfd1;color:#73593e;border-radius:25px}#im-app .im-art{width:210px;flex-shrink:0;position:relative;margin-right:10px}#im-app .im-art-frame{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fffdf8;padding:11px;transform:rotate(7deg);box-shadow:0 15px 40px #4e35231c;border-radius:3px}#im-app .im-art-frame i{height:94px;background:radial-gradient(ellipse at 50% 60%,#ba9377 0 25%,transparent 26%),linear-gradient(130deg,#dfd4c4 60%,#c8b9a3 60%)}#im-app .im-art-frame i:nth-child(2){background:radial-gradient(ellipse at 40% 30%,#82906b 0 17%,transparent 18%),radial-gradient(ellipse at 65% 50%,#55674b 0 17%,transparent 18%),linear-gradient(80deg,#cdd5bd,#e8e8d9)}#im-app .im-art-frame i:nth-child(3){background:radial-gradient(circle at 50% 50%,#705441 0 22%,#faf3e6 23% 38%,transparent 39%),#c6ac92}#im-app .im-art-frame i:nth-child(4){background:linear-gradient(140deg,transparent 40%,#b99e82 41% 66%,#eee7db 67%),#d9caba}#im-app .im-art-frame span{grid-column:1/-1;letter-spacing:2px;text-align:center;font-size:8px;margin-top:7px}#im-app .im-art b{position:absolute;bottom:-16px;left:-25px;background:#765440;color:#fff;padding:6px 12px;transform:rotate(-5deg);font-size:12px;font-weight:400}
#im-app .im-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 16px}#im-app .im-heading>span{font-size:11px;color:var(--muted)}#im-app .im-workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;grid-template-areas:'upload preview' 'design preview' 'crop preview';align-items:start;gap:16px 20px}#im-app .im-upload-panel{grid-area:upload}#im-app .im-design{grid-area:design}#im-app .im-crop{grid-area:crop}#im-app .im-preview{grid-area:preview;position:sticky;top:12px;min-width:0}#im-app .im-panel{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;min-width:0}#im-app .im-row{display:flex;justify-content:space-between;align-items:center;gap:10px}#im-app .im-small{font-size:11px;color:var(--muted)}#im-app .im-note{font-size:12px;color:var(--muted);margin:11px 0 0;line-height:1.7;overflow-wrap:anywhere}#im-app .im-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}#im-app label,#im-app .im-label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}#im-app label small{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}#im-app button,#im-app input,#im-app select{font:inherit}#im-app button{border:1px solid var(--line);border-radius:9px;min-height:44px;background:#fff;color:var(--ink);padding:10px 12px;font-size:12px;font-weight:600;cursor:pointer;line-height:1.5}#im-app button:hover{background:#f8f4ef}#im-app button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fbf2ea}#im-app button:disabled{opacity:.45;cursor:not-allowed}#im-app :is(button,input,select,a,summary):focus-visible{outline:3px solid #b18057;outline-offset:3px}#im-app select,#im-app input[type=text]{display:block;width:100%;min-height:46px;border:1px solid #ddd8d1;background:#fdfcf9;color:var(--ink);border-radius:9px;padding:10px 12px;font-size:16px}#im-app input[type=range]{width:100%;accent-color:#9b6747;min-height:28px;margin:0}#im-app output{font-size:11px;color:var(--muted);float:right;font-weight:400}#im-app .im-text-button{border:0;padding:4px;color:#8b6043;background:transparent;font-size:11px;min-height:32px}#im-app .im-drop{position:relative;border:1.5px dashed #d5c6b6;background:#fcfaf6;border-radius:13px;margin-top:17px;padding:20px 16px 15px;text-align:center}#im-app .im-drop.is-dragging{background:#f3e4d5;border-color:var(--accent)}#im-app .im-upload-label{margin:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;gap:6px;color:#8e6a4c}#im-app .im-upload-label strong{font-size:15px;color:#584c40}#im-app .im-upload-label span{font-size:11px;font-weight:400}#im-app #im-upload{display:block;width:100%;max-width:285px;margin:12px auto 9px;font-size:12px}#im-app .im-drop>small{font-size:10px;color:#8d857a}#im-app .im-photo-heading{margin-top:14px;font-size:12px}#im-app .im-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:8px}#im-app .im-thumb{padding:3px;position:relative;aspect-ratio:1;overflow:hidden;min-height:0}#im-app .im-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}#im-app .im-thumb b{position:absolute;bottom:3px;left:3px;font-size:9px;color:#fff;background:#39332dd9;border-radius:3px;padding:1px 4px}#im-app .im-layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#im-app .im-layouts button{padding:12px 6px;font-size:12px}#im-app .im-layout-icon{width:32px;height:29px;display:grid;gap:3px;margin:0 auto 8px;grid-template-columns:1fr 1fr}#im-app .im-layout-icon i{background:#bdad9b;border-radius:2px}#im-app .im-feature-icon i:first-child{grid-column:1/-1}#im-app .im-row-icon{grid-template-columns:1fr}#im-app .im-colors{display:flex;align-items:flex-end;gap:18px}#im-app input[type=color]{width:52px;height:36px;border:1px solid var(--line);border-radius:7px;padding:3px;background:#fff;cursor:pointer}#im-app #im-swatches{display:flex;gap:8px;flex-wrap:wrap}#im-app #im-swatches button{background:var(--swatch);width:32px;min-height:32px;border-radius:50%;padding:0;border:1px solid #d9d2c7}#im-app fieldset{border:0;padding:0;margin:0;min-width:0}#im-app fieldset:disabled{opacity:.55}#im-app .im-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}#im-app .im-actions button{font-size:11px;padding:8px 10px}#im-app .im-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#im-app .im-stage{position:relative;width:100%;max-width:320px;margin:18px auto 0;box-shadow:0 4px 18px #4938210c}#im-app canvas{display:block;width:100%;height:auto}#im-app #im-overlay{position:absolute;inset:0}#im-app #im-overlay button{position:absolute;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#im-app #im-overlay button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #ae7549;background:transparent}#im-app #im-overlay button span{position:absolute;top:6px;left:6px;background:#ffffffec;color:#614b38;border-radius:3px;font-size:10px;padding:1px 5px}#im-app .im-export-row{display:flex;align-items:center;gap:15px;margin-top:18px}#im-app .im-export-row label{margin:0;white-space:nowrap;font-size:12px}#im-app .im-export-row select{font-size:13px;min-height:40px}#im-app .im-primary{width:100%;margin-top:13px;background:#765239;color:#fff;border-color:#765239;padding:14px;font-size:15px}#im-app .im-primary:hover{background:#61442f}#im-app #im-share{width:100%;margin-top:8px}#im-app #im-save-link{display:block;margin-top:10px;color:#805437;font-size:12px}#im-app .im-help{padding:32px 8px}#im-app .im-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 30px}#im-app .im-uses>div{border-left:2px solid #e0c8b1;padding-left:15px}#im-app .im-uses b{font-size:13px}#im-app .im-uses p{font-size:12px;color:var(--muted);margin:4px 0 0}#im-app details{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}#im-app summary{cursor:pointer;font-size:14px;font-weight:600;min-height:28px}#im-app details p{color:var(--muted);font-size:13px;line-height:1.8;margin:10px 0 0}
@media(max-width:950px){#im-app .im-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:14px}#im-app .im-panel{padding:18px}#im-app .im-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#im-app{margin-top:8px}#im-app .im-hero{padding:27px 22px}#im-app h1{font-size:31px}#im-app .im-hero p{font-size:13px}#im-app .im-art{display:none}#im-app h2{font-size:18px}#im-app .im-heading{display:block;margin:23px 0 14px}#im-app .im-heading>span{display:block;margin-top:4px}#im-app .im-workspace{grid-template-columns:1fr;grid-template-areas:'upload' 'preview' 'design' 'crop'}#im-app .im-preview{position:static}#im-app .im-thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}#im-app .im-stage{max-width:290px}#im-app .im-uses{grid-template-columns:1fr;gap:18px}#im-app .im-pair{gap:12px}#im-app .im-small{font-size:10px}#im-app .im-preview h3{font-size:14px}}
/* 파일 선택은 큰 한글 버튼으로 제공하고 기본 파일 입력은 키보드 접근을 유지한다. */
#im-app #im-upload{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#im-app .im-drop:focus-within{outline:3px solid #b18057;outline-offset:3px}#im-app .im-upload-label{padding:6px 0 15px}#im-app .im-upload-label strong{border:1px solid #ddcbb9;border-radius:9px;padding:8px 20px;background:#fff;font-size:14px}
/* 사진 서명 도구의 편집 레이아웃 */
#im-app{--accent:#526b88;--line:#e0e6ed;color:#2b394b}#im-app .im-hero{background:#edf1f7;border-color:#e0e7f1}#im-app .im-eyebrow{color:#647c99}#im-app .im-hero p{color:#6d7a8b}#im-app .im-badge{font-size:11px;background:#e0e7f1;color:#526984;border-radius:24px;padding:7px 12px}#im-app .im-hero-card{position:relative;width:210px;height:245px;flex-shrink:0;overflow:hidden;border:10px solid #fff;border-radius:5px;transform:rotate(6deg);background:#c6d0dc;box-shadow:0 12px 30px #334d6818}#im-app .im-arch{position:absolute;width:100px;height:210px;bottom:-20px;left:40px;border-radius:70px 70px 0 0;background:#e8e2d6;border:15px solid #8295a9}#im-app .im-hero-card>span{position:absolute;bottom:18px;right:10px;color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 3px #283b52}#im-app .im-hero-card>b{position:absolute;top:17px;left:15px;font-size:7px;letter-spacing:1px;color:#475c75}
#im-app .im-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;grid-template-areas:'upload preview' 'settings preview';gap:18px;align-items:start}#im-app .im-upload-panel{grid-area:upload}#im-app .im-settings{grid-area:settings}#im-app .im-preview{grid-area:preview}#im-app .im-panel{padding:22px}#im-app .im-heading{gap:10px}#im-app .im-link-button{border:0;background:transparent;color:#526b88;font-size:12px;padding:4px;white-space:nowrap}#im-app .im-drop{border-color:#c5d0de;background:#f7f9fc}#im-app .im-drop>label{display:flex;align-items:center;flex-direction:column;gap:6px;margin:0;padding-bottom:10px;cursor:pointer}#im-app .im-drop label strong{padding:9px 20px;background:#fff;border:1px solid #c7d3e1;border-radius:9px;font-size:14px;color:#456079}#im-app .im-drop label>span{font-size:11px;color:#7a8999;font-weight:400}#im-app .im-drop label .im-plus{font-size:27px;line-height:1.1}#im-app .im-drop:focus-within{outline-color:#879eb7}#im-app .im-photo-actions{justify-content:flex-end;margin-top:10px}#im-app .im-photo-actions button{font-size:11px;min-height:34px;padding:6px 8px}#im-app .im-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:15px}#im-app input[type=range]{accent-color:#526b88}#im-app :is(button,input,select,a,summary):focus-visible{outline-color:#879eb7}#im-app .im-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}#im-app button[aria-pressed=true]{background:#eef3fa;border-color:#6885a2;box-shadow:inset 0 0 0 1px #6885a2}#im-app .im-check{display:flex;align-items:center;gap:8px;font-weight:400;font-size:12px;min-height:30px}#im-app .im-check input{width:17px;height:17px;accent-color:#526b88;margin:0}#im-app .im-position-section{display:grid;grid-template-columns:130px minmax(0,1fr);gap:22px}#im-app .im-positions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}#im-app .im-positions button{min-height:36px;padding:5px;font-size:17px}#im-app input[type=file]{max-width:100%;font-size:12px}#im-app #im-logo-info{display:flex;align-items:center;gap:15px;margin-top:12px}#im-app #im-logo-preview{width:70px;height:55px;object-fit:contain;background:repeating-conic-gradient(#e8e8e8 0% 25%,#fff 0% 50%) 0 0/14px 14px;border:1px solid #ddd;border-radius:5px}#im-app .im-stage{background:repeating-conic-gradient(#e8e8e8 0% 25%,#fff 0% 50%) 0 0/14px 14px;max-width:320px;max-height:490px;display:flex;justify-content:center}#im-app canvas{max-width:100%;max-height:490px;object-fit:contain;width:auto;height:auto}#im-app #im-validation{font-size:12px;color:#9a522e;margin:10px 0 0}#im-app .im-primary{background:#435d79;border-color:#435d79}#im-app .im-primary:hover{background:#344c65}#im-app .im-secondary{width:100%;margin-top:8px;padding:12px;color:#435d79;border-color:#b9c9da;background:#f4f7fb}#im-app #im-save-link{color:#435d79}#im-app .im-uses>div{border-color:#b9cadc}#im-app .im-preview .im-pair{grid-template-columns:1.5fr 1fr;gap:10px}#im-app .im-preview select{font-size:12px;padding:10px 6px}#im-app button:hover{background-color:#f1f5fa}#im-app button:disabled{opacity:.45}
@media(max-width:950px){#im-app .im-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px}#im-app .im-panel{padding:18px}#im-app .im-position-section{grid-template-columns:110px minmax(0,1fr);gap:12px}}
@media(max-width:700px){#im-app .im-layout{grid-template-columns:1fr;grid-template-areas:'upload' 'settings' 'preview'}#im-app .im-hero-card{display:none}#im-app .im-heading h2{font-size:17px}#im-app .im-heading{display:flex}#im-app .im-stage{max-width:290px}#im-app .im-preview{position:static}}