:root{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#292337;background:#f8f6fb;font-size:13px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}input,select,textarea{border:1px solid #e7e0ed;background:#fff;color:#292337;border-radius:9px;padding:9px 10px;min-height:38px;outline:0;width:100%;min-width:0}input:focus,textarea:focus,select:focus{border-color:#9874c9;box-shadow:0 0 0 2px #9470c61c}textarea{resize:vertical}button:focus-visible{outline:2px solid #9576c7;outline-offset:2px}.app{max-width:860px;min-height:100dvh;margin:0 auto;padding:17px 13px calc(85px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.app-header h1{font-size:21px;letter-spacing:-.6px;margin:0;font-weight:800}.app-header small{color:#9990a4;font-size:10px}.header-actions{display:flex;gap:5px;align-items:center}.genre-select{font-size:12px;width:128px;height:34px;min-height:34px;padding:5px 7px}.tiny-icon,.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;color:#7c6b96;flex-shrink:0;width:32px;height:34px;border-radius:8px}.tiny-icon:hover,.icon-button:hover{background:#f0ebf6}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metrics>div{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:13px 5px;border:1px solid #f0ecf3;border-radius:11px;min-height:69px}.metrics b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.metrics b span{font-size:11px;color:#aaa0b3;font-weight:500}.metrics small{font-size:10px;color:#897f96;margin-top:3px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:21px 0 9px}.section-title h2,.section-title h3{font-size:15px;margin:0;font-weight:750}.small-primary,.primary{display:flex;gap:6px;align-items:center;justify-content:center;border:0;background:#8565b6;color:#fff;border-radius:9px;font-weight:650}.small-primary{height:31px;padding:0 10px;font-size:12px}.primary{padding:11px;min-height:39px;width:100%}.secondary{border:0;background:#eee7f6;color:#7252a2;padding:10px 12px;border-radius:9px;display:flex;justify-content:center;align-items:center;gap:7px;font-weight:650;min-height:36px}.secondary.compact{font-size:11px;padding:6px 9px;min-height:29px}.soft-panel{background:#fff;border-radius:11px;border:1px solid #eee8f4;padding:2px 12px}.action-line{display:flex;width:100%;align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid #f2eef5;padding:13px 3px;text-align:left}.action-line:last-child{border-bottom:0}.action-line>strong{margin-left:auto;color:#8162ae;font-size:12px}.action-line>svg:first-child{color:#896fb3}.line-row{display:flex;align-items:center;min-height:55px;padding:6px 2px;gap:5px;border-bottom:1px solid #eae6ed}.line-main{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;border:0;background:transparent;padding:6px 2px;gap:5px}.line-main strong,.bookmark-text strong,.choreo-title strong{font-size:13px;font-weight:680;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.line-main small,.bookmark-text small,.choreo-title small{font-size:11px;color:#958b9f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.row-actions{display:flex;align-items:center}.link-button,.text-button{border:0;background:transparent;color:#825eaf;font-size:12px}.subtabs{display:flex;gap:5px;background:#eee8f4;border-radius:10px;padding:4px;margin-bottom:13px}.subtabs button{width:50%;background:transparent;border:0;border-radius:7px;padding:8px;font-size:12px;color:#86749e}.subtabs button.selected{background:#fff;color:#72509f;box-shadow:0 1px 3px #38214712;font-weight:700}.small-select{width:auto;min-height:30px;font-size:11px;padding:5px 4px;border:0;background:#f1eaf8;color:#7452a4}.filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.filters select{height:36px;min-height:36px;font-size:12px}.stack-list{margin-top:7px}.bookmark-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-bottom:1px solid #e9e4ef;padding:9px 0}.bookmark-image{width:92px;height:57px;border:0;background:#ebe7f1;border-radius:8px;overflow:hidden;flex:none;padding:0;display:grid;place-items:center;color:#8973a9}.bookmark-image img{width:100%;height:100%;object-fit:cover}.bookmark-text{flex:1;min-width:0;text-align:left;border:0;background:none;display:flex;flex-direction:column;gap:6px;padding:4px 0}.bookmark-details{flex:0 0 100%;padding:0 0 6px 101px}.bookmark-details p{font-size:12px;color:#62576c}.choreo-card{background:#fff;border:1px solid #eee8f2;border-radius:11px;padding:12px;margin:9px 0;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.choreo-title{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;text-align:left;border:0;background:none}.progress-count{font-size:11px;color:#7553aa}.bar{width:100%;height:5px;border-radius:10px;background:#eee9f3;overflow:hidden;margin:7px 0}.bar div{height:100%;background:#9371c4;border-radius:10px}.mini-segments{width:100%;display:flex;gap:5px;overflow-x:auto}.mini-segments button{background:#f4eff8;border:0;border-radius:7px;padding:7px 8px;font-size:11px;min-width:64px;white-space:nowrap}.mini-segments small{display:block;color:#91859c;margin-top:5px;font-size:10px}.empty{padding:22px 10px;text-align:center;font-size:12px;color:#9d93a8}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#fff;display:flex;align-items:center;justify-content:center;gap:0;border-top:1px solid #ece6f2;padding:6px max(12px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 17px #43236208}.bottom-nav button{width:20%;max-width:145px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;background:none;border:0;font-size:10px;color:#9a90a3;padding:5px 2px;min-height:48px}.bottom-nav button.active{color:#7956ad;font-weight:750}.veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e13264c;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:0;overflow:hidden}.modal{width:100%;max-width:560px;max-height:min(91dvh,850px);background:#fff;border-radius:17px 17px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 45px #26133328}.modal-head{height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0edf3;padding:0 14px}.modal-head strong{font-size:15px}.modal-body{overflow-y:auto;overscroll-behavior:contain;padding:15px 14px max(20px,env(safe-area-inset-bottom));min-width:0}.form-stack{display:flex;flex-direction:column;gap:12px;min-width:0}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field span{font-size:11px;color:#887c93;font-weight:650}.field input,.field select,.field textarea{font-size:16px}@media(min-width:750px){.field input,.field select,.field textarea{font-size:13px}.modal{border-radius:15px;max-height:86dvh}.veil{align-items:center;padding:20px}.app{padding:24px 25px 100px}}.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.inline{display:flex;gap:7px}.inline>.primary{width:auto}.section-title h3{font-size:13px}.segment-strip{display:flex;overflow-x:auto;gap:5px}.segment-strip button{padding:9px;min-width:72px;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;border-radius:8px;background:#f2edf7;white-space:nowrap}.segment-strip button.selected{background:#e3d4f2;color:#6d499f;font-weight:700}.segment-strip small{color:#9684a6}.segment-editor{padding:12px;background:#faf8fc;border-radius:10px;display:flex;flex-direction:column;gap:11px}.editor-tools{display:flex;justify-content:flex-end;gap:6px}.editor-tools button,.step-bottom button{border:0;border-radius:6px;background:#ece5f3;padding:8px;display:grid;place-items:center}.step-editor{background:#f9f7fb;padding:9px;border-radius:9px;display:flex;flex-direction:column;gap:7px}.step-bottom{display:flex;gap:5px}.step-bottom input{width:64px}.step-bottom select{flex:1}.video-area{display:flex;flex-direction:column;gap:7px;max-width:100%}.video-thumb{position:relative;padding:0;border:0;background:#211b29;border-radius:10px;overflow:hidden;aspect-ratio:16/9;width:100%;max-width:375px}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb svg{position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);color:#fff;filter:drop-shadow(0 1px 5px #000)}iframe{width:100%;max-width:375px;aspect-ratio:16/9;border:0;border-radius:10px}.text-link{display:flex;align-items:center;gap:4px;color:#7753ae;text-decoration:none;font-size:12px}.hint{font-size:12px;color:#988ba2;line-height:1.6;margin:0}.divider{height:1px;background:#eee8f4}.file-label{cursor:pointer}.danger-text{border:0;background:none;color:#79578e;display:flex;gap:6px;align-items:center;justify-content:center;padding:8px}.toast{position:fixed;z-index:40;bottom:calc(78px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:90vw;background:#30293d;color:#fff;border-radius:9px;padding:11px 16px;text-align:center;box-shadow:0 4px 15px #0002;font-size:12px}