:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#243b36;background:#e7ded0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding:24px 0;background:radial-gradient(circle at top left,rgba(230,111,81,.18),transparent 30rem),linear-gradient(135deg,#e7ded0,#f8f5ef 48%,#d8e3db)}.phone{width:min(100%,430px);min-height:calc(100vh - 48px);margin:0 auto;padding:18px;background:#f7f4ee;border:1px solid rgba(36,59,54,.12);box-shadow:0 24px 80px #243b362e}.topbar,.detailHeader,.authStrip,.cloudTitle,.panelTitle,.sectionHeading,.primaryButton,.ghostButton,.status,.cloudState{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px;padding:8px 2px 20px}.label{margin:0 0 4px;color:#e66f51;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:32px;line-height:1;letter-spacing:0}h2{margin-bottom:0;font-size:18px;line-height:1.25;letter-spacing:0}.status{flex:0 0 auto;gap:7px;min-height:34px;padding:0 10px;border-radius:6px;background:#243b3614;color:#61706c;font-size:12px;font-weight:800}.status span{width:8px;height:8px;border-radius:99px;background:#8f9894}.status.online span{background:#4f9d69}.searchPanel,.uploadPanel,.manualList,.detailPanel,.adSlot{margin-bottom:14px;border:1px solid rgba(36,59,54,.12);background:#ffffffa8}.searchPanel{padding:12px}.searchBox{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;background:#fff;border:1px solid rgba(36,59,54,.14);border-radius:8px}.searchBox input,.fieldGrid input{width:100%;border:0;outline:0;background:transparent;color:#243b36}.serverLine{margin:10px 2px 0;color:#61706c;font-size:12px;line-height:1.4}.authStrip{justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 12px;background:#243b36;color:#fffaf1}.authStrip div{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.authStrip input{min-width:0;flex:1;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#fffaf11f;color:#fffaf1;outline:0;font-size:13px;font-weight:800}.authStrip button,.ghostButton,.iconButton{min-height:34px;border:1px solid rgba(255,255,255,.24);border-radius:6px;background:#fffaf1;color:#243b36;font-size:12px;font-weight:800}.cloudGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.cloudCard{min-height:196px;padding:10px;border:1px solid rgba(36,59,54,.12);background:#fffaf1}.cloudTitle{gap:6px;min-height:36px;font-size:12px}.cloudCard p{min-height:30px;margin:6px 0 8px;color:#61706c;font-size:11px;line-height:1.35;word-break:break-word}.cloudState{gap:5px;margin-bottom:8px;color:#98614f;font-size:11px;font-weight:800}.cloudState.connected{color:#3b7b52}.ghostButton{width:100%;border-color:#243b3624;background:#f7f4ee}.cloudActions{display:grid;grid-template-columns:1fr 1fr 34px 34px;gap:6px}.iconButton{justify-content:center;padding:0;border-color:#243b3624;background:#f7f4ee}.uploadPanel,.manualList,.detailPanel{padding:14px}.panelTitle,.sectionHeading{gap:8px;margin-bottom:12px}.fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fieldGrid label{display:grid;gap:6px;min-width:0;color:#61706c;font-size:11px;font-weight:800}.fieldGrid input{min-height:42px;padding:0 10px;border:1px solid rgba(36,59,54,.14);border-radius:6px;background:#fff;font-size:14px}.dropZone{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:84px;margin:10px 0;border:1.5px dashed rgba(36,59,54,.28);background:#f0eadf;color:#42554f;font-size:14px;font-weight:800}.targetPicker,.syncBar{display:grid;gap:8px}.targetPicker{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.targetButton,.syncBar button{min-height:38px;border:1px solid rgba(36,59,54,.14);border-radius:6px;background:#fff;color:#42554f;font-size:12px;font-weight:900}.targetButton.active{border-color:#e66f51;background:#fff1eb;color:#c85336}.dropZone input{position:absolute;inset:0;opacity:0;cursor:pointer}.primaryButton{justify-content:center;gap:8px;width:100%;min-height:46px;border:0;border-radius:8px;background:#e66f51;color:#fffaf1;font-size:14px;font-weight:900}.primaryButton.compact{width:auto;min-height:38px;padding:0 12px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.manualRow{display:grid;width:100%;gap:4px;margin-bottom:8px;padding:12px;border:1px solid rgba(36,59,54,.12);border-radius:8px;background:#fffaf1;text-align:left}.manualRow.active{border-color:#e66f51;box-shadow:inset 4px 0 #e66f51}.manualRow span{color:#243b36;font-size:14px;font-weight:900}.manualRow small,.detailHeader span{color:#61706c;font-size:12px;line-height:1.4}.empty,.emptyResult{color:#61706c;font-size:13px;line-height:1.5}.detailHeader{justify-content:space-between;gap:12px;margin-bottom:12px}.syncBar{grid-template-columns:auto auto 1fr;align-items:center;margin:-2px 0 12px}.syncBar span{color:#61706c;font-size:12px;line-height:1.4}.imageRail{display:flex;gap:8px;padding-bottom:10px;overflow-x:auto}.imageRail img{width:104px;height:140px;flex:0 0 auto;object-fit:cover;border:1px solid rgba(36,59,54,.14);background:#fff}.processedStack{display:grid;gap:10px}.emptyResult{display:flex;align-items:center;gap:10px;padding:14px;background:#f0eadf}.emptyResult p{margin:0}.processedPage{padding:14px;border:1px solid rgba(36,59,54,.12);background:#fff}.processedPage h3{margin:0 0 8px;font-size:18px;line-height:1.3}.processedPage p,.processedPage li{color:#42554f;font-size:14px;line-height:1.6}.processedPage ul{margin:10px 0;padding-left:18px}.pageNumber{margin-bottom:10px;color:#e66f51;font-size:11px;font-weight:900}.generated,.preserved{display:block;width:100%;margin-top:12px;border:1px solid rgba(36,59,54,.12)}.adSlot{display:flex;align-items:center;justify-content:center;min-height:82px;color:#61706c;font-size:12px}.adsbygoogle{display:block;width:100%}@media(max-width:520px){.shell{padding:0}.phone{width:100%;min-height:100vh;border:0;box-shadow:none}.cloudGrid{grid-template-columns:1fr}.cloudActions{grid-template-columns:1fr 1fr 42px 42px}}@media(max-width:380px){.fieldGrid{grid-template-columns:1fr}.targetPicker,.syncBar{grid-template-columns:1fr 1fr}.syncBar span{grid-column:1 / -1}}