#ic-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}#ic-app *{box-sizing:border-box}#ic-app [hidden]{display:none!important}#ic-app h1,#ic-app h2,#ic-app h3,#ic-app p{padding:0}#ic-app h1{font-size:38px;letter-spacing:-1.8px;line-height:1.28;font-weight:800;margin:14px 0}#ic-app h2{font-size:21px;margin:0;font-weight:750;letter-spacing:-.6px}#ic-app h3{font-size:16px;margin:0;font-weight:750}#ic-app h3>span{font-size:11px;color:#b3886a;margin-right:9px}#ic-app .ic-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}#ic-app .ic-eyebrow{color:#8d6b51;font-size:10px;font-weight:750;letter-spacing:1.8px}#ic-app .ic-hero p{font-size:14px;color:#766856;margin:0 0 19px}#ic-app .ic-badges{display:flex;gap:7px;flex-wrap:wrap}#ic-app .ic-badges span{font-size:11px;padding:5px 10px;background:#e8dfd1;color:#73593e;border-radius:25px}#ic-app .ic-art{width:210px;flex-shrink:0;position:relative;margin-right:10px}#ic-app .ic-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}#ic-app .ic-art-frame i{height:94px;background:radial-gradient(ellipse at 50% 60%,#ba9377 0 25%,transparent 26%),linear-gradient(130deg,#dfd4c4 60%,#c8b9a3 60%)}#ic-app .ic-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)}#ic-app .ic-art-frame i:nth-child(3){background:radial-gradient(circle at 50% 50%,#705441 0 22%,#faf3e6 23% 38%,transparent 39%),#c6ac92}#ic-app .ic-art-frame i:nth-child(4){background:linear-gradient(140deg,transparent 40%,#b99e82 41% 66%,#eee7db 67%),#d9caba}#ic-app .ic-art-frame span{grid-column:1/-1;letter-spacing:2px;text-align:center;font-size:8px;margin-top:7px}#ic-app .ic-art b{position:absolute;bottom:-16px;left:-25px;background:#765440;color:#fff;padding:6px 12px;transform:rotate(-5deg);font-size:12px;font-weight:400}
#ic-app .ic-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 16px}#ic-app .ic-heading>span{font-size:11px;color:var(--muted)}#ic-app .ic-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}#ic-app .ic-upload-panel{grid-area:upload}#ic-app .ic-design{grid-area:design}#ic-app .ic-crop{grid-area:crop}#ic-app .ic-preview{grid-area:preview;position:sticky;top:12px;min-width:0}#ic-app .ic-panel{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;min-width:0}#ic-app .ic-row{display:flex;justify-content:space-between;align-items:center;gap:10px}#ic-app .ic-small{font-size:11px;color:var(--muted)}#ic-app .ic-note{font-size:12px;color:var(--muted);margin:11px 0 0;line-height:1.7;overflow-wrap:anywhere}#ic-app .ic-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}#ic-app label,#ic-app .ic-label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}#ic-app label small{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}#ic-app button,#ic-app input,#ic-app select{font:inherit}#ic-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}#ic-app button:hover{background:#f8f4ef}#ic-app button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fbf2ea}#ic-app button:disabled{opacity:.45;cursor:not-allowed}#ic-app :is(button,input,select,a,summary):focus-visible{outline:3px solid #b18057;outline-offset:3px}#ic-app select,#ic-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}#ic-app input[type=range]{width:100%;accent-color:#9b6747;min-height:28px;margin:0}#ic-app output{font-size:11px;color:var(--muted);float:right;font-weight:400}#ic-app .ic-text-button{border:0;padding:4px;color:#8b6043;background:transparent;font-size:11px;min-height:32px}#ic-app .ic-drop{position:relative;border:1.5px dashed #d5c6b6;background:#fcfaf6;border-radius:13px;margin-top:17px;padding:20px 16px 15px;text-align:center}#ic-app .ic-drop.is-dragging{background:#f3e4d5;border-color:var(--accent)}#ic-app .ic-upload-label{margin:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;gap:6px;color:#8e6a4c}#ic-app .ic-upload-label strong{font-size:15px;color:#584c40}#ic-app .ic-upload-label span{font-size:11px;font-weight:400}#ic-app #ic-upload{display:block;width:100%;max-width:285px;margin:12px auto 9px;font-size:12px}#ic-app .ic-drop>small{font-size:10px;color:#8d857a}#ic-app .ic-photo-heading{margin-top:14px;font-size:12px}#ic-app .ic-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:8px}#ic-app .ic-thumb{padding:3px;position:relative;aspect-ratio:1;overflow:hidden;min-height:0}#ic-app .ic-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}#ic-app .ic-thumb b{position:absolute;bottom:3px;left:3px;font-size:9px;color:#fff;background:#39332dd9;border-radius:3px;padding:1px 4px}#ic-app .ic-layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#ic-app .ic-layouts button{padding:12px 6px;font-size:12px}#ic-app .ic-layout-icon{width:32px;height:29px;display:grid;gap:3px;margin:0 auto 8px;grid-template-columns:1fr 1fr}#ic-app .ic-layout-icon i{background:#bdad9b;border-radius:2px}#ic-app .ic-feature-icon i:first-child{grid-column:1/-1}#ic-app .ic-row-icon{grid-template-columns:1fr}#ic-app .ic-colors{display:flex;align-items:flex-end;gap:18px}#ic-app input[type=color]{width:52px;height:36px;border:1px solid var(--line);border-radius:7px;padding:3px;background:#fff;cursor:pointer}#ic-app #ic-swatches{display:flex;gap:8px;flex-wrap:wrap}#ic-app #ic-swatches button{background:var(--swatch);width:32px;min-height:32px;border-radius:50%;padding:0;border:1px solid #d9d2c7}#ic-app fieldset{border:0;padding:0;margin:0;min-width:0}#ic-app fieldset:disabled{opacity:.55}#ic-app .ic-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}#ic-app .ic-actions button{font-size:11px;padding:8px 10px}#ic-app .ic-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#ic-app .ic-stage{position:relative;width:100%;max-width:320px;margin:18px auto 0;box-shadow:0 4px 18px #4938210c}#ic-app canvas{display:block;width:100%;height:auto}#ic-app #ic-overlay{position:absolute;inset:0}#ic-app #ic-overlay button{position:absolute;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#ic-app #ic-overlay button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #ae7549;background:transparent}#ic-app #ic-overlay button span{position:absolute;top:6px;left:6px;background:#ffffffec;color:#614b38;border-radius:3px;font-size:10px;padding:1px 5px}#ic-app .ic-export-row{display:flex;align-items:center;gap:15px;margin-top:18px}#ic-app .ic-export-row label{margin:0;white-space:nowrap;font-size:12px}#ic-app .ic-export-row select{font-size:13px;min-height:40px}#ic-app .ic-primary{width:100%;margin-top:13px;background:#765239;color:#fff;border-color:#765239;padding:14px;font-size:15px}#ic-app .ic-primary:hover{background:#61442f}#ic-app #ic-share{width:100%;margin-top:8px}#ic-app #ic-save-link{display:block;margin-top:10px;color:#805437;font-size:12px}#ic-app .ic-help{padding:32px 8px}#ic-app .ic-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 30px}#ic-app .ic-uses>div{border-left:2px solid #e0c8b1;padding-left:15px}#ic-app .ic-uses b{font-size:13px}#ic-app .ic-uses p{font-size:12px;color:var(--muted);margin:4px 0 0}#ic-app details{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}#ic-app summary{cursor:pointer;font-size:14px;font-weight:600;min-height:28px}#ic-app details p{color:var(--muted);font-size:13px;line-height:1.8;margin:10px 0 0}
@media(max-width:950px){#ic-app .ic-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:14px}#ic-app .ic-panel{padding:18px}#ic-app .ic-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#ic-app{margin-top:8px}#ic-app .ic-hero{padding:27px 22px}#ic-app h1{font-size:31px}#ic-app .ic-hero p{font-size:13px}#ic-app .ic-art{display:none}#ic-app h2{font-size:18px}#ic-app .ic-heading{display:block;margin:23px 0 14px}#ic-app .ic-heading>span{display:block;margin-top:4px}#ic-app .ic-workspace{grid-template-columns:1fr;grid-template-areas:'upload' 'preview' 'design' 'crop'}#ic-app .ic-preview{position:static}#ic-app .ic-thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}#ic-app .ic-stage{max-width:290px}#ic-app .ic-uses{grid-template-columns:1fr;gap:18px}#ic-app .ic-pair{gap:12px}#ic-app .ic-small{font-size:10px}#ic-app .ic-preview h3{font-size:14px}}
/* 파일 선택은 큰 한글 버튼으로 제공하고 기본 파일 입력은 키보드 접근을 유지한다. */
#ic-app #ic-upload{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#ic-app .ic-drop:focus-within{outline:3px solid #b18057;outline-offset:3px}#ic-app .ic-upload-label{padding:6px 0 15px}#ic-app .ic-upload-label strong{border:1px solid #ddcbb9;border-radius:9px;padding:8px 20px;background:#fff;font-size:14px}