.survey-wrap{--bg:#f9fafb;--card:#fff;--line:#e5e7ea;--field-border:#d1d6dc;--ink:#191f28;--body:#333d4b;--muted:#8a95a0;--accent:#ff6000;--accent-strong:#cc4d00;--accent-soft:#ffefe5;--accent-grad:linear-gradient(90deg,#ffa066,#ff6000 97.86%);--danger:#e12337;--ok:#2b8a3e;--bg-disabled:#f3f4f6;--fg-disabled:#b1b8c0;--bg-normal-hover:#f9fafb;--r-btn:8px;--r-card:16px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,sans-serif;background:var(--bg);color:var(--ink);letter-spacing:-.3px;min-height:100vh}.survey-wrap *{box-sizing:border-box}.survey-wrap .wrap{max-width:820px;margin:0 auto;padding:36px 20px 100px}.survey-wrap h1{font-size:23px;margin:0 0 4px;font-weight:700;letter-spacing:-.4px}.survey-wrap p.sub{color:var(--muted);margin:0 0 24px}.survey-wrap .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:24px}.survey-wrap label{display:block;font-size:13px;font-weight:600;color:var(--body);margin:14px 0 8px}.survey-wrap .star{color:var(--danger)}.survey-wrap .card>label:first-of-type{margin-top:0}.survey-wrap input,.survey-wrap select,.survey-wrap textarea{width:100%;border:1px solid var(--field-border);border-radius:var(--r-btn);font-size:15px;font-family:inherit;background:#fff;color:var(--body);line-height:1.6}.survey-wrap input,.survey-wrap select{height:48px;padding:0 12px}.survey-wrap textarea{padding:8px 12px;min-height:54px;resize:vertical;line-height:1.5}.survey-wrap input::placeholder,.survey-wrap textarea::placeholder{color:var(--muted);font-weight:400}.survey-wrap input:focus,.survey-wrap select:focus,.survey-wrap textarea:focus{outline:none;border-color:var(--body)}.survey-wrap input.has-error,.survey-wrap input.has-error:focus,.survey-wrap textarea.has-error,.survey-wrap textarea.has-error:focus{border-color:var(--danger)}.survey-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%238A95A0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.survey-wrap .row{display:flex;gap:12px;margin-top:14px}.survey-wrap .row>div{flex:1 1}.survey-wrap button{border:0;border-radius:var(--r-btn);font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background-color .15s,border-color .15s}.survey-wrap button:disabled{cursor:not-allowed}.survey-wrap .btn-primary{width:100%;height:48px;padding:0 16px;border-radius:6px;margin-top:18px;background:var(--accent);color:#fff;font-size:15px}.survey-wrap .btn-primary:hover:not(:disabled){background:var(--accent-strong)}.survey-wrap .btn-primary:disabled{background:var(--bg-disabled);color:var(--fg-disabled)}.survey-wrap .btn-ghost{height:36px;padding:0 12px;border-radius:4px;background:#fff;border:1px solid var(--field-border);color:var(--body);font-size:15px}.survey-wrap .btn-ghost:hover:not(:disabled){background:var(--bg-normal-hover)}.survey-wrap .btn-ghost:disabled{color:var(--fg-disabled);border-color:var(--line)}.survey-wrap .hint{color:var(--muted);font-size:12px;margin-top:6px}.survey-wrap .hint code{background:#f3f4f6;padding:1px 5px;border-radius:4px;font-size:11px}.survey-wrap .help-text{margin-top:8px;min-height:21px;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:400;line-height:1.6;color:var(--muted)}.survey-wrap .help-text--error{color:var(--danger)}.survey-wrap .help-text:empty{display:none}.survey-wrap .err{color:var(--danger);font-size:14px;margin-top:14px}.survey-wrap .or-divider{display:flex;align-items:center;gap:12px;margin:24px 0 6px;color:var(--muted);font-size:12px}.survey-wrap .or-divider:after,.survey-wrap .or-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.survey-wrap .auth-bar{display:flex;align-items:center;gap:10px;margin:0 0 20px}.survey-wrap .auth-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;background:#f3f4f6;color:var(--muted);border:1px solid var(--line)}.survey-wrap .auth-badge.ok{background:#ebfbee;color:var(--ok);border-color:#b2f2bb}.survey-wrap .auth-badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.survey-wrap .auth-logout{height:28px;padding:0 10px;border-radius:6px;background:#fff;border:1px solid var(--field-border);color:var(--body);font-size:12px}.survey-wrap .auth-logout:hover:not(:disabled){background:var(--bg-normal-hover)}.survey-wrap .auth-notice{margin:0 0 16px;padding:12px 14px;border-radius:10px;font-size:13px}.survey-wrap .auth-notice.ok{background:#ebfbee;color:var(--ok);border:1px solid #b2f2bb}.survey-wrap .auth-notice.error{background:#fff0f1;color:var(--danger);border:1px solid #ffc9cf}.survey-wrap #clarify{margin-top:14px}.survey-wrap #clarify .card{box-shadow:0 4px 8px rgba(0,0,0,.06)}.survey-wrap .clarify-title{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.3px}.survey-wrap .cl-item{margin-top:24px}.survey-wrap .cl-item:first-of-type{margin-top:20px}.survey-wrap .cl-item label{font-size:15px;font-weight:600;color:var(--body);margin:0 0 10px}.survey-wrap .cl-group{background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:6px}.survey-wrap .cl-group .cl-input{background:#fff}.survey-wrap .cl-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 4px 8px}.survey-wrap .cl-chip{height:32px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--body);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.survey-wrap .cl-chip:hover{border-color:var(--accent);color:var(--accent)}.survey-wrap .cl-chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);font-weight:600}.survey-wrap #cl-go{margin-top:24px}.survey-wrap .btn-skip{width:100%;height:48px;padding:0 16px;border-radius:6px;margin-top:10px;background:#fff;border:1px solid var(--field-border);color:var(--body);font-size:15px}.survey-wrap .btn-skip:hover:not(:disabled){background:var(--bg-normal-hover)}.survey-wrap .btn-skip:disabled{color:var(--fg-disabled);border-color:var(--line)}.survey-wrap #editor{margin-top:26px}.survey-wrap .survey-head{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:14px}.survey-wrap .survey-head #s-title{font-size:16px;font-weight:600}.survey-wrap .summary{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;margin-bottom:14px}.survey-wrap .summary-title{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}.survey-wrap .summary-row{display:flex;gap:12px;padding:8px 0;font-size:14px;line-height:1.65}.survey-wrap .summary-row+.summary-row{border-top:1px solid var(--line)}.survey-wrap .summary-k{flex:0 0 76px;color:var(--muted);font-weight:600}.survey-wrap .summary-v{flex:1 1;color:var(--body);white-space:pre-wrap}.survey-wrap .summary-qa{margin-bottom:10px}.survey-wrap .summary-qa:last-child{margin-bottom:0}.survey-wrap .summary-qa b{display:block;color:var(--muted);font-weight:500;font-size:13px;margin-bottom:2px}.survey-wrap .summary-actions{display:flex;gap:8px;margin-top:16px}.survey-wrap .q{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px 16px;margin-bottom:12px}.survey-wrap .q.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.survey-wrap .q-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.survey-wrap .handle{cursor:-webkit-grab;cursor:grab;color:#aab;font-size:17px;padding:2px 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.survey-wrap .q-num{color:var(--accent);font-weight:700;font-size:13px}.survey-wrap .q-top select{width:auto;height:34px;padding:0 26px 0 8px;font-size:13px;background-position:right 6px center}.survey-wrap .req{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-left:4px;white-space:nowrap}.survey-wrap .req input{width:auto;height:auto;margin:0}.survey-wrap .q-top .spacer{flex:1 1}.survey-wrap .icon-btn{background:none;padding:4px 7px;color:var(--muted);font-size:13px}.survey-wrap .icon-btn:hover:not(:disabled){color:var(--ink)}.survey-wrap .icon-btn.del:hover:not(:disabled){color:var(--danger)}.survey-wrap .icon-btn:disabled{opacity:.45}.survey-wrap .opts{margin-top:10px;display:flex;flex-direction:column;gap:6px}.survey-wrap .opt{display:flex;gap:6px;align-items:center}.survey-wrap .opt input{height:38px;padding:0 10px}.survey-wrap .opt .mark{color:var(--muted);font-size:13px;width:16px;text-align:center}.survey-wrap .add-opt{align-self:flex-start;background:none;color:var(--accent);padding:4px 2px;font-size:13px}.survey-wrap .scale{display:flex;align-items:center;gap:14px;margin-top:14px}.survey-wrap .scale-end{flex:0 0 124px;width:124px;height:42px;text-align:center;padding:0 8px;font-size:13px}.survey-wrap .scale-track{position:relative;flex:1 1;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.survey-wrap .scale-track:before{content:"";position:absolute;left:16px;right:16px;top:50%;height:1.5px;background:var(--line);transform:translateY(-50%)}.survey-wrap .scale-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid #cdd2da;background:#fff;position:relative;z-index:1}.survey-wrap .scale-cap{font-size:11px;color:var(--muted);margin-top:8px;text-align:center}.survey-wrap .scale-note{font-size:12px;color:var(--muted);margin-top:8px}.survey-wrap .toolbar{display:flex;gap:10px;margin-top:6px}.survey-wrap .toolbar .btn-ghost{flex:1 1}.survey-wrap .export-box{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.survey-wrap .export-box.ok{border-color:#b2f2bb;background:#ebfbee}.survey-wrap .export-box a{color:var(--accent);word-break:break-all}.survey-wrap .export-box .warn{color:#9a6700;font-size:13px;margin-top:8px}