*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#1f2430;background:#f4f5f7}.s-shell{display:flex;flex-direction:column;height:100vh}.s-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#1d2b3a;color:#fff;flex:0 0 auto;gap:16px}.s-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.s-logo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#c85a3f;color:#fff;font-weight:800;font-size:15px}.s-sub{color:#9fb0c0;font-weight:400}.s-topbar-note{font-size:12.5px;color:#cfd9e3;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.s-topbar-actions{display:flex;align-items:center;gap:10px}.s-auth{font-size:12px;padding:3px 8px;border-radius:10px;white-space:nowrap}.s-auth.ok{color:#7fd6a0;background:#7fd6a024}.s-auth.bad{color:#ff9a8a;background:#ff9a8a24}.s-main{flex:1 1 auto;min-height:0;display:flex;background:#262626}.s-photocraft-frame{flex:1 1 auto;width:100%;border:0;min-height:0}.s-button{padding:8px 14px;font-size:13px;font-weight:600;border-radius:6px;border:1px solid #c85a3f;background:#c85a3f;color:#fff;cursor:pointer;white-space:nowrap}.s-button:hover{background:#b64f35}.s-button:disabled{opacity:.55;cursor:not-allowed}.s-statusbar{flex:0 0 auto;padding:6px 18px;background:#10181f;color:#b8c0c9;font-size:12.5px;border-top:1px solid #2b323b}.s-canvas-placeholder{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;text-align:center;color:#cfd9e3;font-size:13px;min-height:0}.s-canvas-placeholder strong{color:#fff;font-size:14px}.s-canvas-placeholder p{max-width:460px;color:#9fb0c0;line-height:1.5;margin:0}.s-canvas-placeholder code{background:#ffffff1f;padding:1px 5px;border-radius:4px;font-size:12px}