.studio-entry{display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-notice{background:#edf3f0;color:#4c6658;padding:12px 16px;border-radius:8px;font-size:12px;margin-bottom:24px}.social-studio{display:grid;grid-template-columns:180px minmax(0,1fr) 290px;gap:16px;align-items:start}.studio-dest,.studio-panel,.studio-preview{background:#fff;border:1px solid #e0e6e1;border-radius:12px;padding:20px;min-width:0}.studio-dest>small,.studio-panel>small,.studio-preview>small{font-size:12px;letter-spacing:.15em;color:#5c8972}.studio-dest h2,.studio-panel h2,.studio-preview h2{font-size:18px;margin:5px 0 16px}.studio-dest p,.studio-preview p,.studio-panel>small{font-size:11px;color:#7b8780}.studio-edit{min-width:0;display:grid;gap:16px}.studio-edit label{display:block;margin:16px 0;font-size:12px;color:#53625b}.studio-edit textarea,.studio-edit input,.studio-edit select{width:100%;max-width:100%;box-sizing:border-box}.studio-edit textarea{line-height:1.9;resize:vertical;min-height:90px}.studio-edit #studio-content{min-height:300px}.studio-edit details summary{font-size:12px;cursor:pointer;color:#738379}.studio-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-channel{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;margin:8px 0;padding:3px}.studio-channel.selected{background:#eff5f0;border-color:#c6d9cc}.studio-channel input{width:14px;height:14px;flex:none}.studio-channel button{flex:1;background:none;border:0;text-align:left;justify-content:space-between;padding:8px 3px;font-size:12px;min-width:0;overflow-wrap:anywhere}.studio-channel button small{font-size:12px;color:#97a29b}.studio-preview{position:sticky;top:16px}.studio-phone{border:1px solid #dce2df;border-radius:24px;overflow:hidden;background:white;box-shadow:0 5px 18px #172e2010}.studio-phone-top{display:flex;justify-content:space-between;padding:16px 16px;background:#fafbfa;font-size:12px;border-bottom:1px solid #edf0ed}.studio-preview-user{display:flex;gap:8px;padding:16px 16px;align-items:center;font-size:11px}.studio-preview-user small{display:block;font-size:12px;color:#95a199}.studio-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;color:#fff;background:linear-gradient(140deg,#3b7059,#a2bd9c)}.studio-media-placeholder{margin:0 12px;background:linear-gradient(130deg,#e4eee9,#f5eee1);aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#819c8c;font-size:40px}.studio-media-placeholder small{font-size:12px}.studio-video-placeholder{aspect-ratio:9/13;background:linear-gradient(135deg,#263a35,#6a8c7a);color:#f1f5ee}.studio-preview-text{padding:16px;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;max-height:520px;overflow:auto}.studio-empty{color:#a2aaa5}.studio-preview-bottom{border-top:1px solid #edf1ed;color:#71857a;padding:16px;font-size:12px}.studio-article{font-family:Georgia,'Yu Mincho',serif;line-height:2}.studio-focus{grid-template-columns:180px minmax(0,1fr)}.studio-focus>.studio-preview{grid-column:2;position:static}.studio-focus .studio-phone{max-width:440px;margin:auto}.studio-focus .studio-media-placeholder{aspect-ratio:16/7}.studio-save-result{font-size:11px}.studio-dest{position:sticky;top:16px}
@media(max-width:1250px){.social-studio{grid-template-columns:160px minmax(0,1fr)}.studio-preview{grid-column:2;position:static}.studio-phone{max-width:360px;margin:auto}.studio-dest{padding:16px}.studio-panel{padding:16px}}
@media(max-width:760px){.social-studio,.studio-focus{grid-template-columns:1fr}.studio-preview,.studio-focus>.studio-preview{grid-column:1}.studio-dest{position:static}.studio-channel{display:inline-flex;width:calc(50% - 8px);margin:4px 2px}.studio-entry{flex-direction:column;align-items:start}.studio-settings{grid-template-columns:1fr}.studio-edit #studio-content{min-height:230px}}