:root{font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#202832;background:#f6f4ef;font-synthesis:none;--line:#e3e1da;--muted:#747974;--navy:#182b3b;--paper:#fffefa}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:1px solid var(--line);background:white;color:#29333d;border-radius:8px;padding:9px 13px;font-size:13px;white-space:nowrap}button:hover{background:#eeeee8}button:disabled{opacity:.45;cursor:default}.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.primary:hover{background:#2b4254}.danger{color:#a73830}input,textarea,select{width:100%;border:1px solid #d8dbd5;border-radius:7px;background:#fff;padding:9px 10px;font-size:13px;color:inherit}textarea{resize:vertical;line-height:1.6}label{display:block;font-size:12px;color:#59615f;line-height:1.7}h1,h2,h3,p{margin:0}a{color:inherit}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:22px}.brand{width:142px;height:52px;object-fit:contain;background:white}.brand-label{border-left:1px solid var(--line);padding-left:22px;font-size:14px;font-weight:600}.spacer{flex:1}.muted{color:var(--muted)}.library{max-width:1320px;margin:auto;padding:55px 38px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#7b827d;font-weight:700}.library h1{font-size:34px;letter-spacing:-1.4px;margin:12px 0}.library-intro{display:flex;gap:24px;align-items:center}.library-intro p{color:#727870;font-size:14px;line-height:1.7}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.library-tools{display:flex;align-items:center;gap:15px;margin:35px 0 25px}.search{max-width:370px;background:#fff}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px}.deck-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .15s,box-shadow .15s}.deck-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2630200d}.deck-open{display:block;width:100%;padding:0;border:0;border-radius:0;background:none;text-align:left}.deck-cover{aspect-ratio:16/9;position:relative;overflow:hidden;background:#eeeae0;pointer-events:none}.deck-info{padding:20px}.deck-info h2{font-size:17px;line-height:1.5;white-space:normal}.deck-info p{font-size:12px;color:#7d827c;margin-top:9px}.deck-foot{padding:0 20px 17px;display:flex;justify-content:space-between;align-items:center;color:#80877e;font-size:11px}.quiet{border:0;background:transparent;padding:5px 7px}.empty{grid-column:1/-1;padding:80px 20px;text-align:center;color:#7d827b}.editor-header{padding:0 20px;height:69px;gap:12px}.editor-header .brand{width:110px;height:42px}.deck-title{border:none;max-width:440px;font-weight:650;font-size:15px;background:transparent}.save-status{font-size:11px;color:#6b736e}.editor{height:calc(100dvh - 69px);display:grid;grid-template-columns:218px minmax(0,1fr) 290px}.slides-panel{border-right:1px solid var(--line);background:#faf9f6;overflow:auto;padding:18px 12px}.panel-heading{font-size:11px;color:#7c827b;display:flex;justify-content:space-between;padding:0 5px 14px}.thumb-row{position:relative;margin:0 0 16px;padding-left:22px}.thumb-number{position:absolute;left:0;top:8px;font-size:11px;color:#8b8f88}.thumb{display:block;width:100%;padding:0;border:2px solid transparent;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px #0000000b}.thumb.active{border-color:#526b89}.thumb .mini{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.thumb.hidden-slide{opacity:.45}.thumb-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;color:#7b8078}.workspace{min-width:0;overflow:auto;display:flex;flex-direction:column;background:#ecebe5}.toolbar{padding:12px 15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:#f8f7f3}.toolbar button{padding:7px 10px;font-size:12px}.toolbar select{width:auto;max-width:140px}.canvas-area{flex:1;min-height:240px;display:flex;align-items:center;justify-content:center;padding:38px;overflow:hidden}.canvas-wrap{width:100%;max-width:1500px;position:relative}.slide-canvas{position:relative;overflow:hidden;isolation:isolate;width:100%;background:white;box-shadow:0 12px 40px #23271816;container-type:inline-size}.slide-background,.original-comparison{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.element{position:absolute;white-space:pre-wrap;overflow:hidden;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere;transform-origin:top left;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}.element.selected{outline:2px solid #55749a;outline-offset:0;overflow:visible;z-index:50!important}.element img{width:100%;height:100%;object-fit:contain;pointer-events:none}.element.editor-element{cursor:move;touch-action:none;user-select:none}.element .element-content{overflow:hidden;width:100%;height:100%;pointer-events:none}.resize-handle{position:absolute;right:-5px;bottom:-5px;width:11px;height:11px;background:#fff;border:2px solid #55749a;cursor:nwse-resize;touch-action:none}.workspace-footer{padding:12px 22px;font-size:11px;color:#777f75;display:flex;justify-content:space-between;gap:12px}.inspector{background:#fffefa;border-left:1px solid var(--line);overflow:auto;min-width:0}.tabs{display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffefa;z-index:1}.tab{border:none;border-radius:0;flex:1;padding:17px 2px;font-size:12px;background:none}.tab.active{box-shadow:inset 0 -2px #223a50;color:#21374a;font-weight:700}.inspector-body{padding:20px 17px}.inspector-body h3{font-size:13px;margin-bottom:17px}.field{margin-bottom:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{font-size:11px;color:#83877e;line-height:1.7;margin:12px 0}.original-item{display:block;white-space:normal;text-align:left;line-height:1.5;width:100%;margin-bottom:8px;padding:12px;font-size:12px}.selected-label{color:#516777;font-size:11px;margin-bottom:12px}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}.presentation{position:fixed;inset:0;background:#111820;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}.presentation-stage{width:100%;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}.presentation .canvas-wrap{width:min(100%,calc((100dvh - 92px)*var(--ratio,1.7778)));max-width:none}.presentation .slide-canvas{box-shadow:none}.presentation-controls{min-height:56px;background:#19212b;color:#cbd2d6;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 20px;flex-wrap:wrap;width:100%;font-size:12px}.presentation-controls button{background:#26313d;border-color:#39434d;color:#edf0f2;padding:7px 11px}.presentation-controls input{width:65px;background:#26313d;border-color:#39434d;color:#fff;padding:7px}.progress{height:3px;background:#708ba4;position:absolute;left:0;bottom:0}.present-notes{max-height:24vh;overflow:auto;background:#fff9e8;width:100%;padding:18px 30px;white-space:pre-wrap;font-size:14px;line-height:1.7}.blackout{position:absolute;inset:0;background:black;z-index:20;cursor:pointer}.presentation .element{transition:opacity .22s,transform .22s}.reveal-hidden{opacity:0;pointer-events:none}.presentation-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#213443;color:white;padding:12px 20px;border-radius:10px;z-index:500;font-size:13px;box-shadow:0 5px 25px #0002;display:none;max-width:90vw}#toast.visible{display:block}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;max-width:600px;width:calc(100% - 30px);box-shadow:0 25px 100px #0003;background:#fffefa}dialog::backdrop{background:#15212d66}.dialog-close{position:absolute;right:12px;top:10px;border:0;font-size:22px;background:none}.dialog-title{font-size:22px;margin:0 20px 10px 0}.share-item{border-top:1px solid var(--line);padding:14px 0;display:flex;align-items:center;gap:7px}.share-url{font-size:12px;overflow-wrap:anywhere;flex:1;min-width:0}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.template-button{padding:22px;text-align:left}.template-button strong{display:block;margin-bottom:8px}.readonly-top{position:fixed;left:20px;top:15px;z-index:210;opacity:.8}.loading{padding:80px;text-align:center;color:#737b72}@media(max-width:1100px){.editor{grid-template-columns:166px minmax(0,1fr) 245px}.canvas-area{padding:22px}.editor-header .brand{display:none}.editor-header{flex-wrap:wrap;height:auto;min-height:69px;padding:12px}.editor{height:calc(100dvh - 85px)}.save-status{display:none}.deck-title{max-width:260px}}@media(max-width:760px){header{padding:0 18px;height:66px;gap:12px}.brand{width:112px}.brand-label{padding-left:12px;font-size:12px}.library{padding:30px 18px}.library h1{font-size:28px}.library-intro{align-items:flex-start;flex-direction:column}.library-tools{margin-top:25px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.editor{grid-template-columns:94px minmax(0,1fr);height:calc(100dvh - 100px)}.inspector{grid-column:1/-1;max-height:320px;border-top:1px solid var(--line)}.slides-panel{padding:12px 6px}.thumb-row{padding-left:14px}.thumb-number{font-size:9px}.thumb-name{display:none}.panel-heading{font-size:9px;padding:0 0 10px}.canvas-area{padding:12px;min-height:230px}.workspace-footer{padding:8px;font-size:10px}.toolbar{padding:8px;gap:4px}.toolbar button{font-size:11px;padding:6px}.editor-header{gap:6px;padding:9px;height:100px;align-content:center}.editor-header button{font-size:11px;padding:7px}.deck-title{max-width:calc(100vw - 80px);flex:1}.editor-header .spacer{display:none}.presentation-stage{padding:0}.presentation-controls{padding:8px;gap:5px}.presentation-title{display:none}.presentation .canvas-wrap{width:min(100%,calc((100dvh - 120px)*var(--ratio,1.7778)))}.share-item{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}