*{box-sizing:border-box}body{margin:0;background:#f4f4f0;color:#20201d;font:14px/1.6 Arial,'Noto Sans KR',sans-serif}header{display:flex;justify-content:space-between;padding:18px 26px;background:#171714;color:#fff}header small{margin-left:12px;color:#d5b975}a{color:inherit}main{padding:20px;max-width:1900px;margin:auto}h1,h2,h3,p{margin-top:0}#login{max-width:420px;margin:60px auto;background:#fff;padding:32px;border:1px solid #ddd;border-radius:16px}label{display:block;font-weight:600}input,textarea,select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #ccc;border-radius:7px;background:#fff;font:inherit}textarea{min-height:95px;resize:vertical}button{cursor:pointer;border:1px solid #222;border-radius:7px;background:#171714;color:#fff;padding:10px 16px;font:inherit}button:disabled{opacity:.45;cursor:not-allowed}#login-form label{margin-bottom:18px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b18427;outline-offset:3px}[hidden]{display:none!important}#message{color:#793c13;white-space:pre-line;padding:10px 14px;background:#fff6dd;border-radius:8px}#message:empty{display:none}.studio-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 16px}.studio-top h1{font-size:27px;margin:0}.studio-top p{color:#68685e;margin:4px 0}.save-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#save{background:#d5b975;border-color:#d5b975;color:#171714;font-weight:700;min-width:160px}#save-state{font-size:12px;color:#625e50}.secondary,#undo{background:#fff;color:#272724;border-color:#d5d5cf}.section-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#e9e9e2;border-radius:12px;margin-bottom:18px}.section-nav button{background:transparent;border-color:transparent;color:#56564e}.section-nav button[aria-pressed=true]{background:#171714;color:#fff}.section-info{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.section-info h2{font-size:20px;margin:0}.section-info p{margin:3px 0;color:#68685e;font-size:13px}#group-wrap{min-width:180px}#group{margin-top:3px}.workspace{display:grid;grid-template-columns:minmax(420px,1fr) minmax(360px,1fr);gap:22px;align-items:start}#fields{display:grid;gap:14px;min-width:0;align-content:start}.gallery-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-card{min-width:0;background:#fff;border:1px solid #deded5;border-radius:12px;padding:17px}.editor-card>button.secondary{font-size:12px;margin-top:10px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.card-heading h3{font-size:15px;margin:0}.field-badge{font-size:10px;color:#66675e;background:#f0f0eb;border-radius:20px;padding:3px 7px;white-space:nowrap}.image-picker{width:100%;padding:0;border:1px solid #e5e5dd;background:#f2f2ed;border-radius:8px;overflow:hidden;display:block}.image-picker img{width:100%;height:190px;object-fit:contain;display:block}.gallery-editor .image-picker img{height:210px}.card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.card-actions button{padding:8px 11px;font-size:12px}.field-help{font-size:11px;color:#69695e;overflow-wrap:anywhere;margin:8px 0 0}.image-url{font-size:12px;border-top:1px solid #efefe9;margin-top:12px;padding-top:10px}.image-url summary{cursor:pointer;color:#77776d}.image-url input{font-size:12px}.image-url button{margin-top:7px;padding:6px 10px;font-size:12px}.preview-panel{position:sticky;top:16px;min-width:0;border:1px solid #deded5;border-radius:12px;overflow:hidden;background:#fff}.preview-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #ddd}.preview-heading h2{font-size:15px;margin:0}.preview-heading button{padding:6px 10px;font-size:12px;background:#fff;color:#333;border-color:#ddd}.preview{height:72vh;min-height:430px;background:#e1e1db;display:flex;justify-content:center;overflow:auto}iframe{border:0;width:100%;height:100%;background:#fff;flex-shrink:0}.preview.mobile iframe{width:390px;max-width:100%}.storage-line{display:flex;justify-content:space-between;gap:12px;color:#77776c;font-size:11px;padding:10px 14px;margin:0}.storage-line .over-limit{color:#b42318;font-weight:700}@media(max-width:1100px){.workspace{grid-template-columns:minmax(350px,1fr) minmax(320px,1fr)}.gallery-editor{grid-template-columns:1fr}}@media(max-width:800px){main{padding:14px}header{padding:15px}.studio-top{display:block}.save-tools{margin-top:14px}.section-nav{flex-wrap:nowrap;overflow:auto}.section-nav button{white-space:nowrap}.section-info{display:block}#group-wrap{margin-top:10px}.workspace{grid-template-columns:1fr}.gallery-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-card{padding:12px}.gallery-editor .image-picker img{height:170px}.preview-panel{position:static}.preview{height:65vh}.card-heading{display:block}.field-badge{display:inline-block;margin-top:5px}.studio-top h1{font-size:24px}.storage-line{flex-wrap:wrap}}@media(max-width:420px){.gallery-editor{grid-template-columns:1fr}.gallery-editor .image-picker img{height:240px}}

.studio-top{position:sticky;top:0;z-index:12;background:#f4f4f0;padding:12px 0}.workspace,.preview-panel{max-width:100%}

.story-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.story-image-grid h3{font-size:14px}.story-editor-thumb{display:block;width:100%;height:190px;object-fit:contain;background:#eee;border-radius:8px}.story-add-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.story-gallery-editor>.image-url{padding:14px;background:white;border-radius:8px}.story-gallery-editor>h3{margin-bottom:4px}@media(max-width:1100px){.story-image-grid{grid-template-columns:1fr}}